界面設(shè)計(jì)中需要注意的小細(xì)節(jié)

2013-11-20    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請點(diǎn)這里

界面設(shè)計(jì)中的小細(xì)節(jié)

界面設(shè)計(jì)包括哪些細(xì)節(jié)、如何深入?

我們常說“細(xì)節(jié)決定成敗”,有些界面會(huì)讓人覺得不精致,缺細(xì)節(jié),而這些細(xì)節(jié)又包括哪些呢?如何去深入呢?

不妨來看本文作者,百度用戶界面設(shè)計(jì)師@JJ-Ying 為您娓娓道來:

  • 界面元素的對齊,我見過很多同學(xué)對齊是永遠(yuǎn)靠眼睛的。確實(shí)在布局的時(shí)候經(jīng)常需要做到視覺上的對齊,而不是機(jī)械的對齊,但這不是界面元素可以隨意擺放的借口,該對齊的內(nèi)容需要對齊,有時(shí)候只是舉手之勞,養(yǎng)成好習(xí)慣很重要,有點(diǎn)強(qiáng)迫癥也不是壞事情。
  • 像素,雖然現(xiàn)在的分辨率越來越高,但是很多圖標(biāo)、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會(huì)被虛化。
  • 界面光源的一致性,一致性是個(gè)很大的課題,應(yīng)該能寫一篇論文那么長,細(xì)節(jié)方面的一致性應(yīng)該包括界面元素、文字陰影、圖標(biāo)等的光源。假設(shè)深色的標(biāo)題文字用了向下的淡色投影表現(xiàn)內(nèi)凹效果,那正文就應(yīng)該避免用深色的文字向上投深色的陰影
  • 圖標(biāo)面積的一致性,這也是一個(gè)一直難以避免的問題,而且有很多主觀成分,最好的方法是設(shè)計(jì)的時(shí)候放到實(shí)際屏幕上以較遠(yuǎn)的距離查看,是不是有哪些會(huì)特別輕或特別重,然后再去調(diào)整尺寸
  • 文案,雖然這不是直接的界面設(shè)計(jì)元素,但是嚴(yán)謹(jǐn)、完整的文案也是給所有設(shè)計(jì)加分的。常見的問題有中文錯(cuò)別字、英文該大寫的沒大寫、拼寫錯(cuò)誤等等
  • 別直接使用 Windows 自帶宋體 / 黑體里的英文?。?!這個(gè)不解釋
  • 謹(jǐn)慎地使用高飽和度顏色、大差別漸變,我們 GUI 設(shè)計(jì)師總喜歡把自己當(dāng)做藝術(shù)家,即使 GUI 真算藝術(shù)那也是限制最大的一門藝術(shù)(天朝的電影、電視劇不算。。。),大家大部分情況下遇到的設(shè)計(jì)場景沒有非常大的顏色空間去發(fā)揮,所以一些醒目出跳的顏 色和漸變使用起來要比較小心,否則很容易產(chǎn)生“俗氣”的感覺
  • 適當(dāng)?shù)牧舭?/strong>,留白是個(gè)很好的東西,尤其是當(dāng)老板 / 客戶 / PM 要求你做一些“大氣”的設(shè)計(jì)時(shí)候能成為一個(gè)很好的說辭,但是留白同時(shí)也很難掌握度,過度的留白有時(shí)候會(huì)起到反作用,讓我們的作品看起來沒有細(xì)節(jié)、內(nèi)容空 洞。就跟那些學(xué)畫畫的同學(xué)在電腦上畫圖經(jīng)常水平鏡像檢查畫面一樣,有時(shí)候我也會(huì)把做到一半的設(shè)計(jì)去色、然后反白,看看那時(shí)候畫面里的黑色會(huì)不會(huì)產(chǎn)生一種令 人恐怖的感覺(好吧,我承認(rèn)我是個(gè)很感性的同學(xué),很多設(shè)計(jì)思路和方法都不夠科學(xué))。。。

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

原文:iconmoon.com

分享本文至:

日歷

鏈接

個(gè)人資料

存檔