1前言
如何提升UI設計水平江掩,除了參考學習的作品,看書也是一個重要的途徑乘瓤。
如果有一定的理論作為基礎(chǔ)和標準环形,并且以這個理論為大致的方向和目標,那么設計師在設計過程中就會容易進行判斷衙傀√б鳎……雖然在設計工作中,感性也是一種非常重要的因素差油,但是這并不等于說單純地依靠感性就能設計出美觀的雜志封面拗军。
2 頁面布局
2.1 黃金分割
古希臘帕臺農(nóng)神廟的外形就是一個黃金矩形,文藝復興時期的數(shù)據(jù)學家將這個比例頂一個為1 : 1.618蓄喇。還有一種說法是发侵,以黃金分割比例為準,更細長則趨向于女性構(gòu)圖妆偏,更方正則更加男性刃鳄。
2.2 留白
要注意,如果這個白色空間被其他內(nèi)容包圍钱骂,那么余白就會變得毫無意義叔锐。相反,這樣還會讓人產(chǎn)生封閉的感覺见秽。
2.3 一致性
大的方面字體樣式愉烙、色彩、圖片風格和版面布局解取;小的方面文字間隔步责、圖文間隔要一致。同時,根據(jù)界面作用的不同蔓肯,是展示還是錄入遂鹊, 載體是PC還是手機,加入一些變化蔗包。
3 配色
正如開篇所說秉扑,設計不只是感性的發(fā)揮,里面也有規(guī)律可循调限,配色也是如此舟陆。
3.1 確定基本色
3.1.1 根據(jù)用戶群體選擇
如男性的配色都是以冷色或者是以黑色、灰色等無彩色為主旧噪。而其中面向兒童吨娜、青年選用明快脓匿、鮮艷的色彩淘钟;面向成人選用灰暗、穩(wěn)重的顏色陪毡。女性普遍喜好紅色米母、粉色等暖色系。
3.1.2 根據(jù)行業(yè)類型選擇
快餐店毡琉、面包店等機場使用紅色铁瞒、橙色、黃色等暖色桅滋,因為暖色可以促進食欲慧耍,同時有較強的認知度和吸引力。而醫(yī)藥類廣告主打綠色丐谋,綠色具有消除疲勞效果芍碧,同時給人干凈整潔的印象。
3.2 選定配色
確定主色調(diào)号俐,接下來就可以根據(jù)設計意圖選擇對比色泌豆、輔助色了。這里就可以用使用色彩搭配技巧:單色搭配吏饿、類比色搭配踪危、補色搭配、分裂補色搭配猪落、對比色搭配贞远。
關(guān)于色環(huán)、搭配技巧網(wǎng)上有很多介紹了笨忌,這里說一下我個人體會:
- 類比搭配蓝仲、補色搭配、分裂補色搭配、原色搭配等杂曲。不同的色相可以使用不同的飽和度使得搭配更協(xié)調(diào)庶艾。
- 在學習優(yōu)秀作品配色的時候,使用HSB(色相擎勘、飽和度咱揍、亮度)方式,用色環(huán)的角度來看顏色棚饵。
3.3 把控整體配色
可以通過學習和整理一些優(yōu)秀的設計來積累整理的設計能力硼砰。這里推薦兩個網(wǎng)站。Pinterest和花瓣網(wǎng)(可以看成國內(nèi)版Pinterest)欣硼。Pinterest資源多且質(zhì)量好题翰,缺點是國外網(wǎng)站要用英文搜索,且速度稍慢诈胜。
參考書籍:
- 《版式設計原理與應用》 (美)John McWade
- 《版式設計原理》 (日)佐佐木剛士
- 《色彩設計原理》 (日)奧博斯科編輯部