“細(xì)節(jié)”是一種能夠影響全局的，細(xì)微的，容易被忽視的物件或行為，有時(shí)我們會(huì)覺(jué)得自己把頁(yè)面設(shè)計(jì)的一點(diǎn)亮點(diǎn)都沒(méi)有，其實(shí)撇開(kāi)設(shè)計(jì)水平的差距，最關(guān)鍵的就是設(shè)計(jì)中一些微妙的細(xì)節(jié)，特別是新手或設(shè)計(jì)經(jīng)驗(yàn)不足的設(shè)計(jì)師，往往會(huì)無(wú)法把控UI設(shè)計(jì)中的一些細(xì)節(jié)，以至于最終的頁(yè)面不盡人意。那么在UI設(shè)計(jì)中需要注意的小細(xì)節(jié)有哪些？
一、優(yōu)化分割線
依據(jù)界面配色的不同，我們?cè)诜指罹€的色彩選擇上面也需要做出相應(yīng)的調(diào)整，由于分割線的作用是區(qū)分上下信息的層級(jí)和界面裝飾，因?yàn)樵谂渖谋憩F(xiàn)力方面一定要低于文字信息的力度，所以天津網(wǎng)站建設(shè)建議各位設(shè)計(jì)師采用淺色，這樣會(huì)使得界面看起來(lái)簡(jiǎn)潔通透。注意：深色分割線一定要慎用，除非是在一些特定的產(chǎn)品場(chǎng)景下。
二、注意圖標(biāo)識(shí)別性
不管你的設(shè)計(jì)是偏平化還是擬物化，就算是用戶(hù)無(wú)法秒懂你圖標(biāo)的意思，但要能夠讓人欣賞到圖標(biāo)的美感，與此同時(shí)，大概心里知道，這個(gè)圖標(biāo)所傳達(dá)的是什么。無(wú)論是網(wǎng)站banner的設(shè)計(jì)，還是頁(yè)面的導(dǎo)航設(shè)計(jì)，都要考慮到識(shí)別性，你想傳達(dá)這個(gè)圖像的什么內(nèi)涵？你這個(gè)圖形的意圖是什么？這些都是設(shè)計(jì)師需要考慮的。
三、圖標(biāo)大小的視覺(jué)平衡
當(dāng)同一個(gè)界面出現(xiàn)多個(gè)圖標(biāo)的時(shí)候，我們所需要的是保持整體的視覺(jué)平衡，因?yàn)椴⒎撬械膱D標(biāo)都采用相同的尺寸就能達(dá)到平衡。當(dāng)遇到圖標(biāo)的體量不同，相同尺寸下不同體量的圖標(biāo)視覺(jué)平衡有所不同，如：相同尺寸的正方形會(huì)比圓形顯得大，因此，我們需要依據(jù)圖標(biāo)的體量對(duì)其大小做相應(yīng)的調(diào)整。
四、微文案
所謂的微文案，其實(shí)是指知道用戶(hù)操作的一小段文字，在app和網(wǎng)站中，微文案的應(yīng)用包括按鈕上的標(biāo)簽，錯(cuò)誤提醒及提示文字。在使用的過(guò)程中，用戶(hù)主要的注意力可能都在頁(yè)面的排版布局和配色上，這些微文案的存在似乎并不顯眼，但若能夠恰當(dāng)?shù)氖褂梦⑽陌?，將?huì)給產(chǎn)品帶來(lái)魔法般的效果。
五、統(tǒng)一圖標(biāo)風(fēng)格
統(tǒng)一的圖標(biāo)可以提升產(chǎn)品的品質(zhì)感、信賴(lài)感，并且同一屬性的圖標(biāo)如果保持樣式上的統(tǒng)一可以降低用戶(hù)認(rèn)知成本，提升用戶(hù)的使用產(chǎn)品時(shí)的效率。由于應(yīng)用界面設(shè)計(jì)中，功能圖標(biāo)不是單獨(dú)的個(gè)體，都是一系列，但這些組合在一起代表產(chǎn)品的調(diào)性，所以具有相同的風(fēng)格，其中包括造型規(guī)則、圓角大小，線框粗細(xì)，圖形樣式和個(gè)性細(xì)節(jié)等元素都應(yīng)該具有統(tǒng)一的規(guī)范。
六、控制好界面中的配色數(shù)量
通常，一個(gè)頁(yè)面出現(xiàn)三種左右的配色還比較容易控制，一旦超出三種以上，若顏色處理不當(dāng)，就會(huì)給人一種花里胡哨的趕腳。所以在配色組合上面，用相似色的配色方案方可使顏色更加協(xié)調(diào)和交融，若希望更鮮明地突出某些元素，對(duì)比色是非常不錯(cuò)的選擇。提示：無(wú)論選擇那種配色你反感，都要控制好界面中的配色比重，是信息傳達(dá)不受干擾。
七、建立層級(jí)關(guān)系
根據(jù)交互設(shè)計(jì)中的接近法測(cè)，當(dāng)對(duì)象之間距離太近的時(shí)，用戶(hù)潛意識(shí)中會(huì)認(rèn)為他們是相似的，我們可以通過(guò)使用留白的方式，從而建立不同元素之間的層級(jí)關(guān)系。如：上圖，幾乎每個(gè)人都會(huì)看到兩組點(diǎn)，而并非是16個(gè)點(diǎn)，因?yàn)閷?duì)信息進(jìn)行整合分組對(duì)于提升內(nèi)容的可讀性有很大的幫助。
八、分清文字主次
任何設(shè)計(jì)作品都要傳達(dá)信息傳達(dá)思想，若頁(yè)面中的字體亂啪啪，文字大小和文字粗細(xì)，間距行距都沒(méi)有一個(gè)“主次邏輯”，想獲得用戶(hù)的認(rèn)可不可能。所以作為設(shè)計(jì)師你一定要記住，你是要引導(dǎo)別人去看，并非是別人引導(dǎo)你去設(shè)計(jì)。這個(gè)世上沒(méi)有一個(gè)真正定死的文字標(biāo)準(zhǔn)，但最基本的，至少讓別人看清你的文字寫(xiě)的是什么，所以，文字之間的不同色彩，也是讓文字主次突出的方面。
小提示：其實(shí)，對(duì)于一個(gè)專(zhuān)業(yè)的設(shè)計(jì)師而言，對(duì)細(xì)節(jié)把控較好的前提是理解這些細(xì)節(jié)控件及技法的表意，并且在合適的場(chǎng)景使用合適的控件跟技法，這是界面設(shè)計(jì)中對(duì)于細(xì)節(jié)最基礎(chǔ)的要求，也就是首先要做到在細(xì)節(jié)上不犯錯(cuò)。用心做設(shè)計(jì)，哪怕最小的細(xì)節(jié)也應(yīng)該獲得我們足夠的重視，因?yàn)樵O(shè)計(jì)是互聯(lián)互通環(huán)環(huán)相扣的。
