想轉(zhuǎn)UI設(shè)計(jì)師,卻無(wú)從下手?

最近身邊有好幾位朋友向我咨詢(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ì)成功的!


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 坐標(biāo):潤(rùn)綠集團(tuán)九州鎮(zhèn)李家場(chǎng)村基地。 上午測(cè)數(shù)、剪苗,睡了半個(gè)多小時(shí),然后交話(huà)費(fèi)(120多塊錢(qián)的話(huà)費(fèi),好多!心疼!)...
    IamCircle閱讀 143評(píng)論 0 0
  • 【五律三:首句平起不入韻】 游白石山 潤(rùn)華連宇 雷風(fēng)和雨下, 人在霧中游。 奮力登高處, 如詩(shī)美畫(huà)收。 海豚出水式...
    潤(rùn)華連宇閱讀 232評(píng)論 3 6
  • 一一寫(xiě)在一九九二年 是彩帶系在你的身腰 是云霞給你作帽 雙腳踏的是翠云屐 花枝招展的涌向我懷抱 我張開(kāi)雙臂摟住你 ...
    青鳥(niǎo)不殷勤閱讀 288評(píng)論 0 6
  • 當(dāng)你想緊緊抓住某樣?xùn)|西時(shí), 往往因?yàn)槟愕募鼻校?跟你擦肩而過(guò), 當(dāng)你灰心沮喪, 想要放棄時(shí), 它又悄無(wú)聲息的來(lái)到你...
    ABCXFJYCHL_e0b1閱讀 1,363評(píng)論 0 0
  • 課題名稱(chēng)幸福是一種能力 學(xué)科思想品德 總課時(shí)數(shù) 2 單元章節(jié)名稱(chēng)第四單元 從這里出發(fā)頁(yè)碼書(shū)第115頁(yè)執(zhí)教者 版本名...
    天使_93f4閱讀 388評(píng)論 0 1

友情鏈接更多精彩內(nèi)容