1.界面使用品牌色兔仰,可強(qiáng)化品牌曝光度
當(dāng)下手機(jī)APP層出不窮茫负,數(shù)不勝數(shù);大家都熟知每家公司每個(gè)產(chǎn)品或品牌斋陪,想要樹立認(rèn)知度需提前設(shè)立自身品牌色朽褪,形成視覺印象,無論在APP无虚,網(wǎng)站缔赠,Logo,VIS中保持色調(diào)一致更易彰顯品牌特色和強(qiáng)化品牌的曝光度友题。
2.界面使用基礎(chǔ)輔助色??
如灰白黑等嗤堰,為簡(jiǎn)化設(shè)計(jì),突出界面內(nèi)容度宦,達(dá)到有效的傳播踢匣。
注意:因顏色數(shù)量有限,大公司先入為主戈抄,如藍(lán)色的支付寶离唬,綠色的微信,紅色的京東划鸽,橙色的淘寶等输莺,故有時(shí)通過品牌色難以被想起戚哎,不如根據(jù)產(chǎn)品內(nèi)容調(diào)性決策。與海報(bào)廣告視覺設(shè)計(jì)不同嫂用,UI界面是需長(zhǎng)久被使用型凳,內(nèi)容結(jié)構(gòu)簡(jiǎn)單明了易于操作才是首要。
3.善于控制界面中的顏色數(shù)量
注意:一個(gè)界面的顏色最好不超過3種嘱函,可選擇同色系之間微弱調(diào)整甘畅,通過漸變鄰近色選擇;電商首頁不同色彩的icon時(shí)往弓,選擇同一個(gè)色相內(nèi)不同色系疏唾,保證視覺統(tǒng)一,尤其注意顏色視覺上是否和諧不跳躍亮航,個(gè)別性突出化荸实。
4.不同狀態(tài)下配色技巧
界面是用于操作幫助用戶完成任務(wù)匀们,過程會(huì)牽涉各個(gè)狀態(tài)按鈕提示等缴淋。例如按鈕的不可點(diǎn)擊狀態(tài)/可點(diǎn)擊狀態(tài)/點(diǎn)擊中狀態(tài)等,采用相同顏色的不同透明度作為區(qū)分泄朴。
如紅色是警示重抖,綠色代表通過,保持和日常習(xí)慣一致的提示色彩減少用戶誤操作祖灰。
5.界面中字體顏色的選擇
常規(guī)字體顏色多用#222222? #333333? #666666? #999999钟沛,根據(jù)界面內(nèi)容主次層級(jí)設(shè)置不同字號(hào)大小顏色的差異性,讓界面視覺上清晰整潔局扶,不含含糊糊模棱兩可恨统。
注意:一般界面設(shè)計(jì)大家多避免使用#000000的純黑色,屬于約定俗成的默契三妈,但感性的設(shè)計(jì)更多是實(shí)際情況而定畜埋,例如最新版IOS11便使用純黑色字體,所以本位所說大部分屬于經(jīng)驗(yàn)主義內(nèi)容畴蒲,仍需要我們打破常規(guī)進(jìn)行創(chuàng)新悠鞍。
但實(shí)際工作中無法肆意妄為做界面,則需要在日常練習(xí)中不斷嘗試各種概念稿模燥,改版界面咖祭,讓想法無拘束放飛,在實(shí)際項(xiàng)目中加入的微創(chuàng)新蔫骂,都是來源于日常的不斷積累和思考么翰。
6.文字字體的排版
文字字體常規(guī)大小為10,12辽旋,13浩嫌,14,15,17(在375px1倍圖情況下的尺寸)
文字無論大小顏色區(qū)分固该,都是對(duì)文字信息層級(jí)的區(qū)分锅减,保證界面內(nèi)容的可讀性,主題明確伐坏。但一界面不宜使用過多顏色大小的字體怔匣,在設(shè)計(jì)初始應(yīng)設(shè)定標(biāo)題,內(nèi)容桦沉,導(dǎo)航每瞒,次級(jí)導(dǎo)航,提示字符等常規(guī)字體樣式纯露,才能使界面視覺更統(tǒng)一剿骨。
很多設(shè)計(jì)師都會(huì)遇到設(shè)計(jì)中總是猶豫不定,為了1像素1間距糾結(jié)半天埠褪,結(jié)果看起來卻無差別浓利,花費(fèi)時(shí)間界面卻無提升?
其實(shí)有些結(jié)論看似簡(jiǎn)單钞速,似乎讀了便會(huì)做得出驚艷界面贷掖,實(shí)際上手操作時(shí)發(fā)現(xiàn),仍然不知如何選擇渴语,每頁每個(gè)元素都糾結(jié)字號(hào)苹威,顏色,間距的大小驾凶,導(dǎo)致大道理都懂卻仍做不好的后果牙甫。
UI界面在設(shè)計(jì)技法層簡(jiǎn)單易學(xué),無非打字畫框畫線便可调违,個(gè)人感受做界面學(xué)會(huì)設(shè)定規(guī)范窟哺,整理組件,一個(gè)項(xiàng)目做完5頁確認(rèn)大概風(fēng)格后翰萨,此時(shí)需要明確的設(shè)計(jì)各個(gè)元件的規(guī)范脏答。例如:導(dǎo)航欄icon尺寸,功能性icon尺寸亩鬼,文字標(biāo)題殖告,內(nèi)容,標(biāo)簽雳锋,二級(jí)文字黄绩,邊距等,設(shè)定形成組件玷过,往后頁面會(huì)減少無休止的糾結(jié)及混亂爽丹。
而界面真正難度在于思考整體布局入口筑煮,內(nèi)容表達(dá)請(qǐng)否清晰,以及icon繪制(整齊統(tǒng)一的icon會(huì)主導(dǎo)性影響整個(gè)界面,這也是分辨設(shè)計(jì)能力高低所在),和界面空白頁配圖小插畫的設(shè)計(jì)掘剪,icon和插畫非一日功夫練成腮郊,最易體現(xiàn)界面細(xì)節(jié)精致度纫溃。所以在UI界面中我們要學(xué)分取舍,安置自己的精力,懂得輕重緩急減少不必要的糾結(jié),把精力安排在真正需要技法的內(nèi)容上软啼。
同時(shí)UI界面一定要學(xué)會(huì)使用插件和組件,例如sketch中的symbol延柠,sketch measure祸挪,程序化批量處理重復(fù)繁瑣的常規(guī)工作。
我是糕小糕贞间,正所謂:書宜雜讀贿条,業(yè)宜精鉆;希望整理的對(duì)你有用榜跌。
?你知道嗎闪唆,你的贊盅粪,會(huì)讓我欣喜若狂