萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 界面設計中需要注意的小細節

界面設計中需要注意的小細節

   界面元素的對齊,我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經常需要做到視覺上的對齊,而不是機械的對齊,但這不是界面元素可以隨意擺放的借口,該對齊的內容需要對齊,有時候只是舉手之勞,養成好習慣很重要,有點強迫症也不是壞事情。

  像素精確,雖然現在的分辨率越來越高,但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。

  界面光源的一致性,一致性是個很大的課題,應該能寫一篇論文那麼長,細節方面的一致性應該包括界面元素、文字陰影、圖標等的光源。假設深色的標題文字用了向下的淡色投影表現內凹效果,那正文就應該避免用深色的文字向上投深色的陰影

  圖標面積的一致性,這也是一個一直難以避免的問題,而且有很多主觀成分,最好的方法是設計的時候放到實際屏幕上以較遠的距離查看,是不是有哪些會特別輕或特別重,然後再去調整尺寸

  文案,雖然這不是直接的界面設計元素,但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等

  別直接使用 Windows 自帶宋體 / 黑體裡的英文!!!這個不解釋

  謹慎地使用高飽和度顏色、大差別漸變,我們 GUI 設計師總喜歡把自己當做藝術家,即使 GUI 真算藝術那也是限制最大的一門藝術(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發揮,所以一些醒目出跳的顏 色和漸變使用起來要比較小心,否則很容易產生“俗氣”的感覺

  適當的留白,留白是個很好的東西,尤其是當老板 / 客戶 / PM 要求你做一些“大氣”的設計時候能成為一個很好的說辭,但是留白同時也很難掌握度,過度的留白有時候會起到反作用,讓我們的作品看起來沒有細節、內容空 洞。就跟那些學畫畫的同學在電腦上畫圖經常水平鏡像檢查畫面一樣,有時候我也會把做到一半的設計去色、然後反白,看看那時候畫面裡的黑色會不會產生一種令 人恐怖的感覺(好吧,我承認我是個很感性的同學,很多設計思路和方法都不夠科學)。。。

  其實這些問題羅列一下很容易,但是日常工作當中要做到真的是很難,我們大家一起共勉吧~

copyright © 萬盛學電腦網 all rights reserved