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