一個好的網站,可以容納很多內容信息設計,當每次我們嘗試向用戶展示一個干凈的,所有的信息組織架構都完美化的,都是在努力的為用戶創造良好的使用習慣和一個愉快的體驗。當用戶享有了它的權力并適合于常規范圍習慣,不但你會獲得一些新的用戶,也可能會帶來一些他們的朋友。
信息及功能是一磚一瓦砌成的,以下有幾個設計的原則和大家分享下:
1.?? 空白:內容及信息都可讓用戶的眼睛得到一個可呼吸的空間
2.?? 色塊、邊框及圖形:分割成視覺類信息
3.?? 一個直觀的搜索:讓你的用戶直接跳到他們需要的信息
4.?? 網格:清晰的線條和設計的剛性布局,可使所需的井然有序的設計事半功倍
5.?? 強大的信息層次結構:建立使用內容類型一致的設計元素
6.?? 視覺層次:不同的內容和要素,其中相對重要的可以在許多方面來視覺暗示,如文字處理、圖像的大小和位置及飽和度等。
舉幾個列子:
多邊形
多邊形是愛好游戲者的評論網站
????? 多邊形的文章是長滾動,非傳統的布局,打破了文本的致密體而形成的巨大模塊版式,每一篇文章的內容已經被故意擺出來,而不是簡單地“平鋪”為了適合所有的模板尺寸而定制。
????? 強大的信息層次結構,戲劇性尋找引用突出的評論的核心點。
????? 可用的搜索,有一個令人印象深刻的實時搜索欄的粘在瀏覽器窗口頂部,使更快速深入具體查詢。
康泰納仕
康泰納仕是許多最著名的雜志的母公司,該網站的時尚基因融合了每一個時尚的元素精華和內涵,但其巧妙和謹慎的處理,使得成為一個具有前瞻性和嚴格的設計網站。
????? 大膽的視覺層次,沖擊著眼球,美麗的內容版式區在都會突出標題來作為分隔塊,使你真的不可能錯過什么信息,它會讓你最快速的瀏覽到今日最重要的新聞。
????? 可定制的篩選功能,本網站明智地避免試圖提供給用戶所有可用的內容,在用戶的手中,可自由控制,而不是強制控制用戶來看我只給你看的信息。
今日美國
作為美國最大的報紙之一,版面上如何在有限的空間管理更大量的內容。
????? 干凈的,有組織的網格,大方,清晰的線條和本來的設計的剛性布局,保持這個網站的一個井然有序的感覺,避免了視覺感官的混亂
????? 用戶可調的布局,為用戶提供了選擇列表,可允許用戶控制呈現內容及版式,使用戶能夠有效地選擇自己喜歡的方式瀏覽內容
波士頓環球報
????? 空白,作為新聞報紙網站,迄今為止最重要的內容是文本,故空白可確保用戶有一個愉快的閱讀環境
????? 視覺層次,圖像比文章更吸引人,視覺上更加豐富,因此圖文交互混排比起沒有圖像的文章更容易抓人眼球
????? 極簡主義,整體的視覺是干凈的,結構化,簡約的,以突出內容為首
????? 首推新聞的隱藏,在導航的每一類新聞里大頭條被巧妙地隱藏在大菜單,并呈現出浮層樣式,突出以交互形式來呈現,有序而不亂
因此,要記住以上原則是值得的
其實當我們更多的優先考慮,當一切都很重要,我們應該明確哪些內容是要展示在用戶所需之前,什么可以隱藏。但可隱藏的信息在需要的時候又能很容易地找到。
一貫的設計,讓所有的元素,在排版和間距之間,使整個網站呈現整體一致時,不僅是為用戶著想,更減少未來的維護問題。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓