最近身邊有好幾位朋友向我咨詢(xún)轉(zhuǎn)行UI設(shè)計(jì)師要具備什么樣的能力,需要做哪些工作,正好最近入手了郗鑒老師的一套UI全書(shū),全書(shū)分為上下兩冊(cè),其中上冊(cè)就是UI設(shè)計(jì)師的入門(mén)篇,現(xiàn)將本書(shū)歸納總結(jié)如下,希望能幫助到有需要的朋友們。
本書(shū)總分為六個(gè)部分:互聯(lián)網(wǎng)設(shè)計(jì)師、美術(shù)基礎(chǔ)與設(shè)計(jì)史、版式基礎(chǔ)、圖標(biāo)設(shè)計(jì)、設(shè)計(jì)師必須了解的交互知識(shí)及設(shè)計(jì)師必須掌握的法律知識(shí)。
一、互聯(lián)網(wǎng)設(shè)計(jì)師
1.什么是UI?
UI是User Interface Design的簡(jiǎn)稱(chēng),即界面設(shè)計(jì),界面可以是手機(jī)界面、網(wǎng)站界面、軟件界面、智能能設(shè)備界面等一切可人機(jī)交互可視化的媒介。
2.互聯(lián)網(wǎng)產(chǎn)品團(tuán)隊(duì)由哪些人組成?
·?高層:解決團(tuán)隊(duì)生存問(wèn)題、輸出idea
·?用研團(tuán)隊(duì):通過(guò)可用性測(cè)試、焦點(diǎn)小組、問(wèn)卷調(diào)查、用戶(hù)訪(fǎng)談、用戶(hù)畫(huà)像、眼動(dòng)測(cè)試、用戶(hù)反饋及大數(shù)據(jù)分析等方式展開(kāi)研究工作
·?產(chǎn)品經(jīng)理:負(fù)責(zé)協(xié)調(diào)整個(gè)團(tuán)隊(duì)的進(jìn)程,輸出產(chǎn)品需求文檔及市場(chǎng)需求文檔、輸出簡(jiǎn)約版原型
·?交互設(shè)計(jì)師:根據(jù)交互原則及用戶(hù)需求、使用場(chǎng)景等因素細(xì)化原型及完善交互邏輯
·?UI設(shè)計(jì)師:優(yōu)化原型圖、完成視覺(jué)設(shè)計(jì)、輸出設(shè)計(jì)資源、項(xiàng)目走查、視覺(jué)總結(jié)(設(shè)計(jì)規(guī)范)
·?前端工程師:完成前端界面等編程工作
·?后端工程師:數(shù)據(jù)庫(kù)編程
·?測(cè)試工程師:通過(guò)黑盒測(cè)試、白盒測(cè)試、灰度測(cè)試等方法檢測(cè)產(chǎn)品
·?運(yùn)營(yíng)人員:完善產(chǎn)品、提升產(chǎn)品等商業(yè)價(jià)值
·?維護(hù)人員:管理與維護(hù)服務(wù)器
這里需要說(shuō)明,上面的人員配置是一般大型公司所具備的,一些中小型公司可能沒(méi)產(chǎn)品或交互設(shè)計(jì)師,往往老板就可能兼具產(chǎn)品經(jīng)理的職位。
3.想成為一名UI設(shè)計(jì)師需要具備哪些能力?
UI設(shè)計(jì)師需掌握排版能力、相關(guān)交互知識(shí)、圖標(biāo)繪制、插畫(huà)繪制、手繪、運(yùn)營(yíng)圖設(shè)計(jì)、專(zhuān)題設(shè)計(jì)能力等。
4. 好的UI標(biāo)準(zhǔn)是什么?
·?好用:以用戶(hù)為中心,注重用戶(hù)體驗(yàn);
·?功能清晰:Don’t Make Me Think,用戶(hù)使用產(chǎn)品時(shí),不要讓他們花時(shí)間去思考,讓操作輕松、自然而然;
·?好看:界面需滿(mǎn)足目標(biāo)用戶(hù)的審美需求,達(dá)到對(duì)用戶(hù)來(lái)說(shuō)是一種視覺(jué)享受;
·?好實(shí)現(xiàn):設(shè)計(jì)是合理并能開(kāi)發(fā)落地的。
二、美術(shù)基礎(chǔ)與設(shè)計(jì)史
1.三大基本關(guān)系
·?結(jié)構(gòu)關(guān)系
需掌握四大透視:平視、一點(diǎn)透視、兩點(diǎn)透視、三點(diǎn)透視
·?素描關(guān)系
三大面:黑、白、灰
五大調(diào):亮面、灰面、明暗交界線(xiàn)、陰影、反光
·?色彩關(guān)系
掌握對(duì)比色、互補(bǔ)色、鄰近色、同類(lèi)色的相關(guān)概念及使用
2.色彩心理學(xué)
不同顏色給人的感受不同,可針對(duì)產(chǎn)品目標(biāo)選擇品牌色;
紅色: 傳遞喜慶、自信、斗志、權(quán)威、性感的情感;同時(shí)代表血腥、警示;
黑色: 黑色是一種代表品質(zhì)、權(quán)威、穩(wěn)重、時(shí)尚、神秘、科技的色彩,同時(shí)也含有冷漠、悲傷、防御的消極情感;
灰色: 灰色是一種代表睿智、老實(shí)、執(zhí)著、嚴(yán)肅、壓抑的色彩;
白色:?白色給人簡(jiǎn)單、純真、高雅、精致、信任、開(kāi)放、干凈、暢快、樸素的情感;
黃色:代表陽(yáng)光、青春?;盍?、時(shí)尚、輝煌、希望;
綠色:代表健康、生命力、活潑、寧?kù)o、舒適;
紫色:代表優(yōu)雅、浪漫、高貴、時(shí)尚、神秘、夢(mèng)幻;
藍(lán)色:代表科技、寧?kù)o、商務(wù)、專(zhuān)業(yè)放松;
3.設(shè)計(jì)史
經(jīng)歷了注重手工藝發(fā)展的巴洛克、洛可可風(fēng)格,以及黑暗、恐懼、孤獨(dú)、絕望的哥特式風(fēng)格,再到包豪斯的現(xiàn)代主義
三、設(shè)計(jì)師需懂得的版式基礎(chǔ)
1.平面構(gòu)成
·?點(diǎn): 點(diǎn)是組成平面構(gòu)成的基本元素;點(diǎn)可以起到裝飾作用;
·線(xiàn):線(xiàn)的位置給人的視覺(jué)感受是不同的, 垂直和水平都會(huì)有穩(wěn)定的感覺(jué),斜線(xiàn)會(huì)更加有沖擊力與速度感,曲線(xiàn)有柔美與韻律;
·面:面與線(xiàn)的區(qū)分很模糊,傾斜的面具有動(dòng)感與速度感,曲線(xiàn)面呈現(xiàn)出柔軟與有趣的特性;
2.字體知識(shí)(字體是排版中最重要的元素)
族類(lèi): 常見(jiàn)的族類(lèi)有五種:襯線(xiàn)體(serif)、非襯線(xiàn)體(sans-serif)、手寫(xiě)體(cursive)、夢(mèng)幻字體族(fantasy)、等寬字體族(monospace)
字族: 字族一般有:正常(Regular)、窄體(Narrow)、斜體(Italic)、粗體(Bold)、粗體斜體(Bold Ltalic)、黑體(Black)等等
字重:英文字體有 “Thin”、“Light”“Regular”“Book”“Bold”“Black”“Heavy”等字重,中文字體字重有 “極細(xì)”、“細(xì)”、“標(biāo)準(zhǔn)”、“常規(guī)”、“中等”、“粗”、“特粗”等。
使用字體時(shí)需考慮字體的層級(jí)、作用選擇不同的字體字重。
3.很實(shí)用的排版原則——CRAP原則
C: contrast 對(duì)比,所謂無(wú)對(duì)比無(wú)設(shè)計(jì),設(shè)計(jì)中一定要有對(duì)比,通過(guò)顏色、大小等對(duì)比突出主要信息,提升主視覺(jué)的重量;
R: repetition 重復(fù),同類(lèi)型的模塊應(yīng)重復(fù)安全距離、文字的文字及大小以規(guī)范信息;
A: alignment 對(duì)齊:信息之間應(yīng)該有對(duì)齊方式,比如左對(duì)齊、右對(duì)齊、居中對(duì)齊,通過(guò)對(duì)齊方式強(qiáng)調(diào)信息之間的邏輯關(guān)系;
P: proximity 親密性:兩個(gè)有關(guān)系的信息或模塊應(yīng)盡量放置在一起,形成一個(gè)單元。
四、圖標(biāo)設(shè)計(jì)
UI設(shè)計(jì)師的一部分工作就是對(duì)產(chǎn)品的圖標(biāo)進(jìn)行設(shè)計(jì),圖標(biāo)的制作方法就不在這闡述了,需要了解的可以自行查閱書(shū)籍;
logo圖標(biāo)風(fēng)格可分為文字風(fēng)格、正負(fù)形風(fēng)格、折紙風(fēng)格、填充圖標(biāo)風(fēng)格、線(xiàn)形風(fēng)格、LOWPOLY風(fēng)格、微漸變風(fēng)格、卡通風(fēng)格;
系統(tǒng)圖標(biāo)風(fēng)格分為:填充圖標(biāo)、線(xiàn)形圖標(biāo)、圓角圖標(biāo)、尖角圖標(biāo)、斷線(xiàn)圖標(biāo)、雙調(diào)圖標(biāo)、動(dòng)態(tài)圖標(biāo);
五、設(shè)計(jì)師必須了解的交互知識(shí)
本章節(jié)最吸引我的就是格式塔五大律、格式塔三大記憶律、情感化設(shè)計(jì)的三個(gè)水平及八大交互原則。
格式塔五大律:接近律、 相似律、閉合律、連續(xù)律、成員特性律;
格式塔三大記憶律:水平化、尖銳化、常態(tài)化;
情感化設(shè)計(jì)三個(gè)水平:本能水平、行為水平、反思水平;
八大交互原則:費(fèi)茨定律、希克定律、7加減2法則、泰思勒定律、防錯(cuò)原則、防呆原則、防止不耐煩原則。
六、設(shè)計(jì)師必須掌握的法律知識(shí)
法律規(guī)定私下P公章、偽造合同、修改發(fā)票或收據(jù)等行為都是違法的,設(shè)計(jì)師必需了解相關(guān)法律知識(shí),來(lái)保護(hù)自己的合法權(quán)益,同時(shí)也要尊重他人的勞動(dòng)成果。
設(shè)計(jì)師在使用素材時(shí)也一定要注意版權(quán)問(wèn)題,千萬(wàn)不要抱有僥幸心理在法律的邊緣徘徊!
以上內(nèi)容闡述的不是很深入,如需了解的更多,可入手書(shū)籍仔細(xì)品讀一下哦!如果想成為一名真正的設(shè)計(jì)師,一定要多動(dòng)手練習(xí),還有堅(jiān)持不懈的努力,努力不一定成功,但是不努力是一定不會(huì)成功的!
