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