簡潔的網頁設計原則

悟思VOOSSI發表於2016-01-20

極簡主義一直是我最信奉的原則之一,無論是室內設計,人物造型,時尚搭配或是網頁設計。當你瀏覽網站想要獲取最重要的內容時,滾動的商業廣告或是五花八門、錯綜複雜的東西跳出來妨礙你,你可能會感到十分懊惱。“少即是多”–當設計師們想釋出新作品到網上時應該謹記這句話。

網頁設計跟其他專業領域一樣,同樣遵從熟能生巧這一原則,除非天才可另當別論。這就是為什麼如果設計師們對他們將來要設計的網站還沒有明確的想法,需要進行深入思考的原因。我不能提供設計思路因為我的可能並不適合其他設計者們的理念,我所能做的就是提供一些關於乾淨、簡約的網頁設計小技巧,這關係到網站內容如何醒目,因為最終那才是網站的重要輸出。順便提一下,在幾十年前極簡設計發源於瑞士,在平面設計,音樂,文學和繪畫領域普及開來到最後被網頁設計繼承衣缽後發展創新,現在讓我們一起來看看這些小技巧:

 

試著奉行原則——少即是多

在極簡主義中這個原則舉足輕重—若缺少這一原則,那麼這種型別的設計將名不副實。減少使用過多沒必要的元素,避免使設計看起來繁瑣。儘管設計師們希望自己的設計看起來是與眾不同的——但是這並不意味著你需要一些多餘的元素來潤色。這一點也同樣適用於網站中的內容,避免畫蛇添足。想說的話只說一次——但表達清楚。

Image title

 

重視網站的內容

好酒還需好壺裝。選擇合適的字型,不僅會避免視覺雜亂,還能令人賞心悅目。好在網路上有一系列有趣的字型供設計師們使用。因而,只需要耐心地挑選一個最適合網站和設計的字型便可事半功倍。

Image title

 

神聖的留白

或許,對這個原則的定義可能有些誇張,但這確實十分重要。多一些留白會少一些混亂,這是極簡網頁設計的真正意義所在。不要擔心留白,相反應該聚焦於在需要的地方用些有趣的元素去填充它。留白能使使用者更好地消化內容,我確信這是任何一個設計者所期望的。

Image title

 

使用視覺衝擊強烈的影象

簡約網頁設計的另外一個不二法門便是有效利用影象。如果你很文藝,渴望在你的網頁設計中使用不同的影象和圖片,那麼一定要明智地選擇了。最好的辦法是把你所有的想法融入到一到兩個影象之中,並在設計網站時充分使用它們。你使用的影象,無論是顏色還是想傳達的資訊,都一定要有強烈的視覺效果。但前提是影象裡使用的各種顏色和創意不會影響你的內容。當然,是否在你的極簡設計裡使用影象取決於你。在我看來,單一的顏色如果使用得當的話也能夠達到強烈的效果。

Image title

 

設計獨特的線框

為了創造視覺效果,你需要設計一個獨特的線框。可能在極簡設計中,一個線框需要花費設計者們更多時間來構思。因此,在你設計製作線框的時候,就必須要權衡哪些內容是舉足輕重的,所以目標優選是必不可少的一個步驟。當然,你還需要去思考排版,使你的設計達到平衡。

Image title

 

不要忘記實用性

最後也是最重要的事——終端使用者瀏覽你網站時的感受是什麼。網站應該是簡單的、整潔的、時髦的,但也別忘了設定導航,且儘量別改變導航的方向,因為人們習慣於使用頂部或者左側工具欄,重新改變導航後他們可能會感到困惑不知如何使用。當然這不是一個一成不變的規定。一旦你確信你的導航簡單易懂,那就大膽應用吧。但要記住一點,網站使用者喜好不同,他們中的有些人可能對這種改變並不買單。

Image title

 

重視顏色和對比度

有些設計者熱衷於在他們的極簡設計中使用純黑或者純白。我想說只要不影響你的內容,即使彩虹色也可錦上添花。畢竟,顏色是把雙刃劍——既能使網站的內容突出也能分散訪客精力,影響他們閱讀。因此不要忽視顏色和對比度,選擇色彩時務必再三斟酌。

設計時充分利用對比度。在視覺上可幫助設計師辨別出自己需要的內容和資訊。如果你希望在你的極簡設計中使用更多留白而又不失時髦,那麼需要關注對比度。

雖說,如何設計一個的網站取決於設計師本人和自己的想象力。但如果你還不確定你的網站最終想達到怎樣的效果的時候。那麼,我強烈建議設計師們一定要遵循那些既定的成功法則,汲取前人智慧。

Image title

以上就是一些乾淨網頁設計的基本技巧,可能我遺漏了一些,之後我還會在另外的帖子上釋出更多的技巧。

 

相關文章