成爲設計師的五項技能!第三招!

創優翼教育,專注UI設計。帶你超神帶你飛。


嘿嘿,創優翼小編今天又來了!繼續我們的設計師五技能系列,今天介紹的是第三個技能!

技能三  ——  使用留白

羅伯特卡帕說:If your photographs aren’t good enough, you’re not close enough(照得不夠好,靠得不夠近),在頁面設計的領域,這句話應該改爲“設計得不夠好,隔的不夠開”——實際上,設計成功的決定因素往往在空白處。留白本身的含義其實並不是頁面上空白的區域,而在於如何用更少的視覺元素表現足夠的含義,比較下面兩個表格:


這就是空白的力量,它既減少了視覺元素的使用,同時提高了信息的可讀性,當我們回頭看看Google最新一次設計改版的變化,最顯著的便是空白的使用:


空白還可以賦予頁面元素更多的含義,讓你用簡單的文字表現出從屬關係,例如下面這個例子:




第一個例子中留白放在正文上部,標題和URL成爲一體,URL成爲標題的附屬元素;第二個例子中不留白,三者成爲了一體,看起來就像Google搜索結果;第三個例子留白放在了URL上面,URL變成了正文的一部分。

再從美學的角度,傳統平面設計(下圖)的經典設計原則亦是如此——視覺元素的功能是“輔助”內容本身,切勿喧賓奪主。回過頭來看擬物化和扁平化風格的爭執,我對此的觀點是,至少在Web端,一定會向平面設計(Print)風格傾向,意味着閱讀性內容的設計中一定會減少陰影、漸變、圖標、浮動的使用,而更重視字體的使用、更豐富的排版方式、高質量圖片、以及大量的留白。

 


 

總而言之,學會使用留白,不但是提升信息傳達效率、還是符合美學趨勢的重要技能。 

好了,今天的第三個技能就介紹到這裏,創優翼期待與你一起進步。我們下次再接着談剩下的技能。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章