我們都愛(ài)——干凈的有組織的頁(yè)面

0 評(píng)論 4814 瀏覽 2 收藏 6 分鐘

一個(gè)好的網(wǎng)站,可以容納很多內(nèi)容信息設(shè)計(jì),當(dāng)每次我們嘗試向用戶展示一個(gè)干凈的,所有的信息組織架構(gòu)都完美化的,都是在努力的為用戶創(chuàng)造良好的使用習(xí)慣和一個(gè)愉快的體驗(yàn)。當(dāng)用戶享有了它的權(quán)力并適合于常規(guī)范圍習(xí)慣,不但你會(huì)獲得一些新的用戶,也可能會(huì)帶來(lái)一些他們的朋友。

 

信息及功能是一磚一瓦砌成的,以下有幾個(gè)設(shè)計(jì)的原則和大家分享下:

1.?? 空白:內(nèi)容及信息都可讓用戶的眼睛得到一個(gè)可呼吸的空間

2.?? 色塊、邊框及圖形:分割成視覺(jué)類信息

3.?? 一個(gè)直觀的搜索:讓你的用戶直接跳到他們需要的信息

4.?? 網(wǎng)格:清晰的線條和設(shè)計(jì)的剛性布局,可使所需的井然有序的設(shè)計(jì)事半功倍

5.?? 強(qiáng)大的信息層次結(jié)構(gòu):建立使用內(nèi)容類型一致的設(shè)計(jì)元素

6.?? 視覺(jué)層次:不同的內(nèi)容和要素,其中相對(duì)重要的可以在許多方面來(lái)視覺(jué)暗示,如文字處理、圖像的大小和位置及飽和度等。

 

舉幾個(gè)列子:

多邊形

多邊形是愛(ài)好游戲者的評(píng)論網(wǎng)站

????? 多邊形的文章是長(zhǎng)滾動(dòng),非傳統(tǒng)的布局,打破了文本的致密體而形成的巨大模塊版式,每一篇文章的內(nèi)容已經(jīng)被故意擺出來(lái),而不是簡(jiǎn)單地“平鋪”為了適合所有的模板尺寸而定制。

????? 強(qiáng)大的信息層次結(jié)構(gòu),戲劇性尋找引用突出的評(píng)論的核心點(diǎn)。

????? 可用的搜索,有一個(gè)令人印象深刻的實(shí)時(shí)搜索欄的粘在瀏覽器窗口頂部,使更快速深入具體查詢。

 

康泰納仕

 

 

康泰納仕是許多最著名的雜志的母公司,該網(wǎng)站的時(shí)尚基因融合了每一個(gè)時(shí)尚的元素精華和內(nèi)涵,但其巧妙和謹(jǐn)慎的處理,使得成為一個(gè)具有前瞻性和嚴(yán)格的設(shè)計(jì)網(wǎng)站。

 

????? 大膽的視覺(jué)層次,沖擊著眼球,美麗的內(nèi)容版式區(qū)在都會(huì)突出標(biāo)題來(lái)作為分隔塊,使你真的不可能錯(cuò)過(guò)什么信息,它會(huì)讓你最快速的瀏覽到今日最重要的新聞。

????? 可定制的篩選功能,本網(wǎng)站明智地避免試圖提供給用戶所有可用的內(nèi)容,在用戶的手中,可自由控制,而不是強(qiáng)制控制用戶來(lái)看我只給你看的信息。

 

今日美國(guó)

 

作為美國(guó)最大的報(bào)紙之一,版面上如何在有限的空間管理更大量的內(nèi)容。

 

????? 干凈的,有組織的網(wǎng)格,大方,清晰的線條和本來(lái)的設(shè)計(jì)的剛性布局,保持這個(gè)網(wǎng)站的一個(gè)井然有序的感覺(jué),避免了視覺(jué)感官的混亂

????? 用戶可調(diào)的布局,為用戶提供了選擇列表,可允許用戶控制呈現(xiàn)內(nèi)容及版式,使用戶能夠有效地選擇自己喜歡的方式瀏覽內(nèi)容

波士頓環(huán)球報(bào)

 

 

????? 空白,作為新聞報(bào)紙網(wǎng)站,迄今為止最重要的內(nèi)容是文本,故空白可確保用戶有一個(gè)愉快的閱讀環(huán)境

????? 視覺(jué)層次,圖像比文章更吸引人,視覺(jué)上更加豐富,因此圖文交互混排比起沒(méi)有圖像的文章更容易抓人眼球

????? 極簡(jiǎn)主義,整體的視覺(jué)是干凈的,結(jié)構(gòu)化,簡(jiǎn)約的,以突出內(nèi)容為首

????? 首推新聞的隱藏,在導(dǎo)航的每一類新聞里大頭條被巧妙地隱藏在大菜單,并呈現(xiàn)出浮層樣式,突出以交互形式來(lái)呈現(xiàn),有序而不亂

 

因此,要記住以上原則是值得的

其實(shí)當(dāng)我們更多的優(yōu)先考慮,當(dāng)一切都很重要,我們應(yīng)該明確哪些內(nèi)容是要展示在用戶所需之前,什么可以隱藏。但可隱藏的信息在需要的時(shí)候又能很容易地找到。

一貫的設(shè)計(jì),讓所有的元素,在排版和間距之間,使整個(gè)網(wǎng)站呈現(xiàn)整體一致時(shí),不僅是為用戶著想,更減少未來(lái)的維護(hù)問(wèn)題。

來(lái)源:http://mdc.sohu.com/?p=1798

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!