當(dāng)今這個時代,不管你選擇那個行業(yè),都需要竭盡全力的去做,否則就會被無情的淘汰,那么對于網(wǎng)頁設(shè)計師而言,想要成為一名優(yōu)秀的設(shè)計師,想要設(shè)計出更多優(yōu)秀的UI作品,必須要不斷的努力,不斷的學(xué)習(xí),這是或許有些設(shè)計師會覺得“我并不是一個藝術(shù)家,我沒法作出更好的效果!”從而選擇退縮,但是事實(shí)證明,想要設(shè)計出更優(yōu)秀的效果,必須努力學(xué)習(xí),同時還需要合理地運(yùn)用技巧,今天,在這里,天津網(wǎng)站建設(shè)給大家分享幾個可以讓你的UI設(shè)計看起來更專注的小技巧:
一、避免在有色背景上使用灰色文本
在白色背景下,合理的淡化視覺效果的做法是將黑色文本改成灰色,但這種方式在 彩色背景下并不適用。實(shí)際上,在白色背景下文本由黑變灰是為了降低對比度,但在彩色背景下,想要降低對比度是應(yīng)該讓文本逐步接近背景色,而并非改成灰色,若想要降低和背景色之間的對比,通常采用如下方式:
A、降低白色文本的不透明度
白色文本透明度降低,可以讓背景的顏色更透一些,以一種不沖突的方式降低前景文字和背景之間的對比度。
B、依據(jù)背景色挑選文本顏色
若背景是圖像或圖案的話,半透明的文本會影響其可讀性,這是較好依據(jù)背景主色來挑選相應(yīng)的文本色。
二、遵循「簡單、平凡」
有些UI新手,由于剛?cè)腴T誤以為網(wǎng)站需要很多特效,殊不知,大量夸張的動畫,對于網(wǎng)站百害無一利。因此,在設(shè)計中的動畫必須要遵循物體簡單的運(yùn)動和實(shí)際操作帶來的反饋去做,該出現(xiàn)的時候出現(xiàn),不改出現(xiàn)的時候不要瞎蹦。同理,遵循簡單有效的布局,利用細(xì)節(jié)去改變你的網(wǎng)站,通過段落的排版,字體的選擇,圖文的穿插等細(xì)節(jié)讓你的UI設(shè)計看起來更高級。
三、陰影設(shè)計
與大面積擴(kuò)散模糊陰影相比,使用微妙的垂直偏移陰影效果更明顯,更自然,它模擬了最常見的光源特征,光線從上往下照下來從而營造陰影效果,如果你對此有興趣,Material Design Guideline非常清晰講述了這樣陰影的制作細(xì)節(jié)。
四、整體保持一致
在UI設(shè)計中很關(guān)鍵的一點(diǎn)就是,整體的風(fēng)格必須統(tǒng)一,如:首頁采用扁平化設(shè)計,那么欄目頁及內(nèi)容頁較好采用扁平化,除此之外,顏色的搭配,字體、布局等都要統(tǒng)一,這其實(shí)是一個比較廣泛概念。為什么一定要這樣做?這完全是站在用戶角度思考,因?yàn)橹挥斜3纸y(tǒng)一的風(fēng)格,才不會讓用戶在訪問頁面時產(chǎn)生錯愕的感覺。
五、避免小圖標(biāo)無端放大
當(dāng)設(shè)計著陸頁時,可能會突出產(chǎn)品的功能,這時你需要一些大圖標(biāo)來作為視覺錨點(diǎn),F(xiàn)ont Awesome或Zondicons 這樣的網(wǎng)站能幫你找到免費(fèi)的矢量圖標(biāo),然后放大到符合你需求的尺寸。由于他們是矢量圖片,放大無損,但是通常16×16 的圖標(biāo)放大三四倍,雖然無損,但在視覺上就顯得不專注:缺乏細(xì)節(jié),總感覺過于矮胖??墒?,如果這些小圖標(biāo)是你唯一能夠搞得到的素材的話,那么不妨試著將它置于另外一個帶有顏色的圖形當(dāng)中:
這樣做不僅能讓圖標(biāo)達(dá)到預(yù)期的視覺體積,而且看起來效果更佳,當(dāng)然,如果你手頭不是那么緊的話,較好還是買幾個大尺寸的高素質(zhì)圖標(biāo),比如 Heroicons 或 Iconic。
六、保持每個屏幕需要一個主題
UI設(shè)計師所設(shè)計的每一個畫面都應(yīng)該有單一的主題,這樣不僅可以讓用戶使用到它真正的價值,也使得上手容易,使用起來更方便,必要時更容易進(jìn)行修改。若一個屏幕支持兩個或兩個以上的主題,這樣整個界面看起來就會混亂不堪,正如文章應(yīng)該有一個單一的主題以及強(qiáng)有力的論點(diǎn),我們的界面設(shè)計也應(yīng)該如此,而這也是界面存在的理由。
好了,看過上述的介紹以后,作為UI設(shè)計師的你是不是已經(jīng)知道應(yīng)該怎么做了吶?天津網(wǎng)站建設(shè)期待你以后會有更多優(yōu)秀作品哦!