天蠶在你身邊


不方便打電話(huà)?讓天蠶聯(lián)絡(luò )你

天蠶在你身邊
不方便打電話(huà)?讓天蠶聯(lián)絡(luò )你
重慶網(wǎng)絡(luò )公司在剛剛過(guò)去的幾年里,涌現的許多網(wǎng)頁(yè)設計趨勢正在逐漸成為主流,引領(lǐng)我們走向未來(lái)。其中,極簡(jiǎn)主義網(wǎng)頁(yè)設計正式其中之一。極簡(jiǎn)設計風(fēng)格不會(huì )隨著(zhù)時(shí)間褪色,隨著(zhù)現代主義運動(dòng)至今,它一直活躍于各個(gè)與設計相關(guān)的領(lǐng)域,而如今,它為何不能成為網(wǎng)頁(yè)設計的趨勢呢?
一、有限的選擇
對于任何電商或者B2B的網(wǎng)站而言,網(wǎng)站設計的主要目的之一就是提高網(wǎng)站轉化率,降低網(wǎng)站用戶(hù)選擇的難度。當你將不必要的選擇從網(wǎng)站中移除之后,用戶(hù)受到無(wú)效信息的干擾將降低,更容易達成目標,轉化率自然會(huì )有所提高。因此,有限的選擇也是極簡(jiǎn)風(fēng)格網(wǎng)站的一大特征。
極簡(jiǎn)風(fēng)格網(wǎng)站的登錄頁(yè)是展現"有限選擇"魅力最合適的地方。Gengo就是這樣一個(gè)案例,作為一家專(zhuān)業(yè)的字幕翻譯公司,Gengo的登錄頁(yè)只有一個(gè)輸入框和一個(gè)翻譯按鈕i,用戶(hù)完全無(wú)需做選擇——他們只能輸入內容,然后翻譯轉換(當然,是收費的)。當然,對于那些狂熱的極簡(jiǎn)主義分子而言,Gengo可能還不夠純粹,因為頂上的導航欄依然具備干擾用戶(hù)視覺(jué)的可能性。
二、擁抱扁平化設計
眾所周知,扁平化的設計風(fēng)格正在逐漸取代以蘋(píng)果式擬物化設計(skeuomorphism)為代表的寫(xiě)實(shí)風(fēng)格,而蘋(píng)果本身也正在構建蘋(píng)果自身的扁平化設計風(fēng)格,使用大膽鮮亮的色彩來(lái)吸引用戶(hù)的眼球。
另一個(gè)主動(dòng)擁抱扁平化設計風(fēng)尚的先行者就是微軟了。微軟的windows phone 和windows 8系列操作系統就是使用扁平化設計風(fēng)格的典型,現在微軟的官網(wǎng)也將扁平化的設計貫徹到底了。這也就意味著(zhù)微軟已經(jīng)在全平臺上高度一致地貫徹了扁平化設計。
因此,在微軟的網(wǎng)站上并不會(huì )感受到陰影和漸變,一切都在2D平面上。標題和正文的字體都沒(méi)有紋理點(diǎn)綴,頁(yè)面布局干凈清爽,毫不雜亂。圖標和按鈕都使用的充滿(mǎn)貨的扁平化設計,連windows 8 開(kāi)始界面中背景上的元素也都是扁平化的設計。
三、留白
不管你習慣稱(chēng)之為負空間還是留白,它都非常聰明地引導你關(guān)注網(wǎng)頁(yè)的重要內容,同時(shí)它也是極簡(jiǎn)風(fēng)格的典型特征。越來(lái)越多的網(wǎng)站開(kāi)始使用這種設計,設計師們逐漸意識到這種設計是多么有用。
最簡(jiǎn)單的案例就是大家常用的搜索引擎:谷歌和百度。它們是留白的典范,所有無(wú)關(guān)緊要的元素都被移除,搜索框吸引了用戶(hù)全部的注意力——它就是要你輸入,然后回車(chē)、搜索。留白或者負空間的存在是極簡(jiǎn)主義最明顯的特征,它們的存在并不意味著(zhù)那些地方無(wú)內容,它們和它們所襯托的主體元素是相互依托的關(guān)系。
四、使用色彩補丁
在網(wǎng)站設計中合理使用小色塊可以讓用戶(hù)更容易注意到頁(yè)面重要的部分。51rgb 網(wǎng)站就是實(shí)例。960柵格系統就是希望能簡(jiǎn)化網(wǎng)站的開(kāi)發(fā)流程,所以51rgb網(wǎng)站本身就靈活地使用柵格系統系統,將不同的內容分塊展示出來(lái)。黃色的"view demo"在深色底和白色文字為主的網(wǎng)站上非常明顯又不會(huì )喧賓奪主,左上角的Twitter圖標則直接鏈接到網(wǎng)站主設計師jesic的Twitter上。
1、了解極簡(jiǎn)風(fēng)格你就能用好它
跟一部分設計師提及極簡(jiǎn)風(fēng)格設計的時(shí)候,他們會(huì )錯誤的認為使用這種風(fēng)格設計的網(wǎng)頁(yè)不夠吸引力,然而事實(shí)上,極簡(jiǎn)風(fēng)格下已經(jīng)有了如此多的優(yōu)秀設計。
極簡(jiǎn)風(fēng)格的網(wǎng)站不僅會(huì )更加簡(jiǎn)潔,更加井井有條,還可以與目前流行的趨勢結合在一起,比如扁平化設計,比如Lowpoly,可以讓網(wǎng)站更加出彩,帶來(lái)更多的用戶(hù)和收益。
2、網(wǎng)站制作頁(yè)面標題要考慮好
瀏覽網(wǎng)頁(yè)時(shí),讀者能發(fā)現的第一內容是標題。確保網(wǎng)站制作的所有相關(guān)鏈接暢通和有效,以讓讀者順利的透過(guò)網(wǎng)站進(jìn)一步搜索。
網(wǎng)站設計布局,光靠文字是不行的,如果一個(gè)網(wǎng)站只有密密麻麻的文字,我估計是不會(huì )有多少用戶(hù)愿意觀(guān)賞的,圖像在這個(gè)時(shí)候就起到相當大的作用,不過(guò)說(shuō)實(shí)話(huà),圖像會(huì )占用大量的帶寬。不錯,PS可以解決這些問(wèn)題,但是我相信沒(méi)有多少人敢說(shuō)自己對PS了如指掌吧。
我們都知道一個(gè)網(wǎng)站制作的核心就像是就像我們人一樣,我們對自己有什么樣的定位我們對人對事是怎么樣的方式,是一個(gè)懶惰的人還是一個(gè)積極向上的人。都是由我們自己來(lái)決定的我們的設計理念爺是也一樣,我們網(wǎng)站制作的的定位很重要,在我們的設計中應該明白一點(diǎn)就是我們的整體表達和我們的設計類(lèi)型的關(guān)系要搞清楚。網(wǎng)頁(yè)大概就分為哪幾種:第一種表現型第二.以主體的內容表現為主型。
①、表現型
的文字要怎么表現是第一個(gè)要考慮的。變化和統一、條理與反復、對比和調和、均齊與平衡等,對網(wǎng)站中文字、圖形、色彩的設計都是十分有效的視覺(jué)規律。首先,網(wǎng)站的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容要求,網(wǎng)站上的各種構成要素之間的視覺(jué)流程,能自然而有序地達到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)站上去的時(shí)候,考慮怎樣把它們以合理的統一的方式來(lái)排布,使整體感強同時(shí)又要有變化。
②、以主體的內容表現為主型
主標題、每天更新的內容等通常都放在這個(gè)位置。當然視覺(jué)流程是一種感覺(jué)而非確切的數學(xué)公式,只要符合人們認識過(guò)程的心理順序和思維發(fā)展的邏輯順序,就可以更為靈活地運用。在網(wǎng)站設計中,靈活而合理地運用視覺(jué)流程和最佳視域,組織好自然流暢的視覺(jué)導向,直接影響到傳播者傳達信息的準確與有效性。所以在網(wǎng)站的編輯設計中,視覺(jué)導向是一個(gè)要點(diǎn),網(wǎng)站的設計是一種創(chuàng )造,首先要立足信息的傳達,但又要符合人們較為普遍的思維習慣,做到視覺(jué)流程自然、合理、暢快。成功的視覺(jué)流程安排,能使網(wǎng)站上的各種信息要素在一定空間內合理分布,能使頁(yè)面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。
五、專(zhuān)注于排版
如果你真的想深入了解極簡(jiǎn)設計的精髓,那么不妨看看51rgb的網(wǎng)站。Agirl是一名設計師、插畫(huà)家以及藝術(shù)總監。正如你所看到的,它的網(wǎng)站主要倚賴(lài)于兩大設計方法:加粗字體,和你永遠無(wú)法錯過(guò)的單欄式布局。就這么簡(jiǎn)單!雖然看起來(lái)有點(diǎn)簡(jiǎn)單粗暴,但是Agirl的這種設計實(shí)現了兩個(gè)至關(guān)重要的目標:
1、導航欄設計成單欄的形式,主要的信息清晰直觀(guān)地展現在用戶(hù)面前,Agirl是誰(shuí),他是做什么的,他的作品有哪些,怎么聯(lián)系他,都清晰地呈現在屏幕上。
2、Agirl成功地使用對比度(字體和背景的色彩對比,字體和字號尺寸的對比)給用戶(hù)呈現出有趣的內容。
六、簡(jiǎn)化導航欄
當我們探討極簡(jiǎn)風(fēng)格網(wǎng)站的時(shí)候,常常會(huì )忽略導航欄菜單的設計。它可以做的非常大,來(lái)強化網(wǎng)站視覺(jué),也可以融入網(wǎng)站背景,以一種靜默而無(wú)干擾的姿態(tài)呈現出來(lái)。
看看上面這個(gè)網(wǎng)站,導航欄并沒(méi)有像其他網(wǎng)站一樣一長(cháng)條橫跨網(wǎng)站頂部,導航欄的項目只是安靜地置于右上角。由于不存在更多的下拉菜單,所以也沒(méi)有更多的層。菜單的顏色也巧妙地融入到背景中。重慶網(wǎng)絡(luò )公司
地址:重慶市渝中區上清寺鑫隆達B座28-8
郵編:400015
電話(huà):023-63612462
EMAIL:cnjl_net@163.com