界面設計包括哪些細節、如何深入?
我們常說“細節決定成敗”,有些界面會讓人覺得不精致,缺細節,而這些細節又包括哪些呢?如何去深入呢?
- 界面元素的對齊,我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經常需要做到視覺上的對齊,而不是機械的對齊,但這不是界面元素可以隨意擺放的借口,該對齊的內容需要對齊,有時候只是舉手之勞,養成好習慣很重要,有點強迫癥也不是壞事情。
- 像素精確,雖然現在的分辨率越來越高,但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。
- 界面光源的一致性,一致性是個很大的課題,應該能寫一篇論文那么長,細節方面的一致性應該包括界面元素、文字陰影、圖標等的光源。假設深色的標題文字用了向下的淡色投影表現內凹效果,那正文就應該避免用深色的文字向上投深色的陰影
- 圖標面積的一致性,這也是一個一直難以避免的問題,而且有很多主觀成分,最好的方法是設計的時候放到實際屏幕上以較遠的距離查看,是不是有哪些會特別輕或特別重,然后再去調整尺寸
- 文案,雖然這不是直接的界面設計元素,但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等
- 別直接使用 Windows 自帶宋體 / 黑體里的英文!!!這個不解釋
- 謹慎地使用高飽和度顏色、大差別漸變,我們 GUI 設計師總喜歡把自己當做藝術家,即使 GUI 真算藝術那也是限制最大的一門藝術(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發揮,所以一些醒目出跳的顏 色和漸變使用起來要比較小心,否則很容易產生“俗氣”的感覺
- 適當的留白,留白是個很好的東西,尤其是當老板 / 客戶 / PM 要求你做一些“大氣”的設計時候能成為一個很好的說辭,但是留白同時也很難掌握度,過度的留白有時候會起到反作用,讓我們的作品看起來沒有細節、內容空 洞。就跟那些學畫畫的同學在電腦上畫圖經常水平鏡像檢查畫面一樣,有時候我也會把做到一半的設計去色、然后反白,看看那時候畫面里的黑色會不會產生一種令 人恐怖的感覺(好吧,我承認我是個很感性的同學,很多設計思路和方法都不夠科學)。。。
其實這些問題羅列一下很容易,但是日常工作當中要做到真的是很難,我們大家一起共勉吧~
原文:iconmoon.com
收藏 7
干貨滿滿
收藏學習
點贊 1
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 5 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓