POST TIME:2018-12-03 21:11
網易UEDC – 黑馬青年:隨著移動優先的趨勢,APP的設計也越來越受到公司重視,不停地提高APP的設計質量是每個設計師的追求,有哪些設計中的細節被你忽略了呢?讓我們一起來看看這些細節你都駕馭住了嗎。
視覺表示型問題1. 統一的圖標設計風格
圖標設計在整個APP設計中是比重較大的板塊之一,圖標設計風格有:線性圖標、填充圖標、面型圖標、扁平圖標、手繪風格圖標和擬物圖標等。無論我們選擇何種表示形式的圖標都請連結統一性,相同的模塊采用一種風格的表示形式,如果是線性圖標就連結一致的描邊數值。
圖標在配色上面也要連結有規律的統一,采用相同顏色是比較常用的配色方式。如果你采用差別色相的配色方式,要連結整體的配色協調,不要出現飽和度、明度反差過大的配色而影響整體的視覺協調。
2. 圖標大小的視覺平衡
同一個界面出現多個圖標時,我們需要連結整體的視覺平衡。并非是所有圖標都采用相同的尺寸就能達到平衡,由于圖標的體量差別,相同尺寸下差別體量的圖標視覺平衡也不相同,例如相同尺寸的正方形會比圓形顯得大。因此,,我們需要按照圖標的體量對其大小做出相應的調整。
3. 優化你的分割線
界面設計中往往細節的處理最容易被忽略,按照界面配色的差別,我們在分割線色彩的選擇上面也要做出相應的調整。由于分割線的作用是區分上下信息層級和界面裝飾,配色的表示力要低于文字信息的力度,通常我們會選擇淺色而否定深色,這樣界面會更加簡潔通透。深色的分割線要慎用,除非在一些特定的產品場景下。
4. 合理的運用投影的顏色與透明度
通過對按鈕、卡片等進行投影運用可以增強立體感與層次感。我們在制作投影時,需要按照差別配景改變投影的顏色、透明度。
淺色配景下投影的顏色會選擇拾色器偏左上角的位置和透明度在10%~40%(個人經驗)之間進行調整。深色配景下投影的顏色會選擇拾色器偏右下角的位置和透明度在20%~40%(個人經驗)之間進行調整。
投影的權重要符合頁面設計的氛圍,投影的運用是為了增強元素的立體感與層次感,而不是影響整個頁面的視覺平衡。
5. 不要過度裝飾,讓界面更簡潔
設計需要準確的駕馭“度”,過度的設計會干擾信息的傳達。減少不須要的設計元素,讓信息脫引而出,整個界面將會更加簡潔清爽,也不會分散用戶的注意力。