UI基礎(chǔ)一

一褒墨、UI的相關(guān)概念

1炫刷、UI即User Interface(用戶界面)的簡稱。

用戶界面指人和機器互動過程中的界面郁妈,以手機為例浑玛,手機上的界面都屬于用戶界面,我們通過對這個界面向手機發(fā)出指令噩咪,手機根據(jù)指令產(chǎn)生相應(yīng)的反饋顾彰。設(shè)計這套界面是覺得人就稱為UI設(shè)計師。在設(shè)計師領(lǐng)域胃碾,在PC端從事網(wǎng)頁設(shè)計的人我們成為WUI(Web User Interface)設(shè)計師或者網(wǎng)頁設(shè)計師涨享。在移動端從事移動設(shè)計的人,我們稱為GUI(Graphics User Interface)仆百。一般情況下厕隧,小企業(yè)不會分那么清楚,都統(tǒng)一稱呼UI設(shè)計師俄周,反正產(chǎn)出的都是界面吁讨,都需要對產(chǎn)品的界面視覺負責(zé)。

2峦朗、UE即User Experience(用戶體驗)

UED即User Experience Design(用戶體驗設(shè)計)

用戶體驗指用戶在使用產(chǎn)品過程中的個人主觀感受建丧,一般要關(guān)注用戶使用前,使用過程中和使用后的整體感受波势,包括行為翎朱、情感和成就等各個方面。

用戶體驗設(shè)計就不光是對前期的用戶體驗方面做打算艰亮,他們需要用自己的知識闭翩、經(jīng)驗、設(shè)計能力拿出設(shè)計方案迄埃,自從2006年淘寶把設(shè)計部門稱為UED之后,國內(nèi)很多企業(yè)跟風(fēng)把設(shè)計部分也改為UED兑障。但是很多UED團隊名不符實侄非,團隊中甚至沒有獨立設(shè)置用戶體驗研究的職位蕉汪,這個職位可能就是產(chǎn)品人員或者界面設(shè)計師承擔(dān)了。

到產(chǎn)品層面上逞怨,用戶體驗包含以下幾點:

*產(chǎn)品性能:產(chǎn)品是否夠快者疤、是否穩(wěn)定、是否占很多的系統(tǒng)資源等叠赦。

*產(chǎn)品內(nèi)容:產(chǎn)品的內(nèi)容是否可以為用戶解決一定的問題驹马,是否達到了用戶需求,解決了用戶的癢點除秀。

*產(chǎn)品交互:交互是否流暢糯累,用戶是否能快速準(zhǔn)確的找到自己想要的功能。

*產(chǎn)品界面:界面的風(fēng)格是否統(tǒng)一册踩、整齊泳姐、給用戶帶來高質(zhì)量的感覺。

二暂吉、UI的學(xué)習(xí)方法

很多想學(xué)UI的北鼻們胖秒,一開始都會問一個問題“不會畫畫還能不能學(xué)UI?”其實學(xué)習(xí)UI不需要你一定有美術(shù)基礎(chǔ)的慕的,當(dāng)然你有美術(shù)基礎(chǔ)更好阎肝。但是如果你沒有但是你又想從事這個職業(yè),那必須有審美肮街,有色彩感盗痒。可以多看一些基礎(chǔ)類知識低散,知識應(yīng)該了解物體的透視俯邓、光照射的角度、在對應(yīng)的形狀中表現(xiàn)出怎樣的明暗分布等熔号。

1稽鞭、圖形基礎(chǔ)

美術(shù)生基礎(chǔ)課就是三門:

素描、速寫引镊、色彩

2朦蕴、軟件的應(yīng)用

*Adobe Photoshop,簡稱“PS”弟头,一款老牌像素處理軟件吩抓,各個設(shè)計行業(yè)圖形處理都會用到,可以滿足UI界面設(shè)計的日常需要赴恨。

*Adobe illustrator疹娶,簡稱“AI”,是矢量軟件伦连,在處理一些復(fù)雜的圖形路徑時雨饺,可以考慮使用钳垮。一般在AI中繪制圖標(biāo)然后潛入PS中。

*Adobe After Effects额港,簡稱“AE”饺窿,現(xiàn)在扁平化設(shè)計成為主流,所以動效也就比較流行移斩。

*Ps Play肚医,是一個通過Wi-Fi網(wǎng)絡(luò),實時在終端設(shè)備上預(yù)覽電腦上Photoshop的設(shè)計稿向瓷,可同步調(diào)試及截圖保存到移動終端肠套,并可以通過Email、微信等工具即時分享的跨終端應(yīng)用风罩。

*MarkMan糠排,是一款標(biāo)注軟件,在移動設(shè)計中設(shè)計師要對自己設(shè)計的圖進行標(biāo)注切圖超升。

3入宦、設(shè)計規(guī)范

一般設(shè)計的應(yīng)用是基于IOS系統(tǒng)和Android系統(tǒng)運行。這兩個系統(tǒng)都有其官方的系統(tǒng)規(guī)范室琢,這些規(guī)范都羅列了詳細的通用型設(shè)計框架乾闰。如各自系統(tǒng)狀態(tài)欄、各個系統(tǒng)下的尺寸盈滴、導(dǎo)航欄和標(biāo)簽欄的高度是多少涯肩、手機屏上最適字號是多大等。這個后面會具體說啦巢钓。

4病苗、臨摹學(xué)習(xí)

現(xiàn)在有很多設(shè)計網(wǎng)站,要多利用業(yè)余時間去臨摹症汹。比如站酷硫朦、UI中國、dribbble背镇、behance等等咬展,設(shè)計這個東西每天都在發(fā)生著變化,你只有每天去看最新的設(shè)計師作品瞒斩,才能跟上時代潮流破婆,走上人生巔峰。

5胸囱、參與項目

經(jīng)歷一套完整的設(shè)計流程是最好的學(xué)習(xí)鍛煉方式祷舀。從一開始的討論原型圖到出設(shè)計效果圖,再到標(biāo)注切圖給開發(fā)者。效果圖不斷導(dǎo)出到手機上預(yù)覽蔑鹦,核對電腦的設(shè)計稿和手機上預(yù)覽的差距夺克,你會從實踐中不斷提高箕宙。也可以通過假設(shè)的設(shè)計項目嚎朽,也就是Redesign(再設(shè)計),比現(xiàn)有比較火的app重新構(gòu)造做設(shè)計稿柬帕,同時能把自己設(shè)計思路完整展現(xiàn)說明出來哟忍。之前有過這樣的案例,某設(shè)計師不滿意Facebook的界面陷寝,按自己的想法重新設(shè)計了界面锅很,并在設(shè)計網(wǎng)站上展示,由于二次設(shè)計的效果出色凤跑,還吸引了Facebook的注意爆安,最終收到了Facebook的Offer。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仔引,一起剝皮案震驚了整個濱河市扔仓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌咖耘,老刑警劉巖翘簇,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異儿倒,居然都是意外死亡版保,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進店門夫否,熙熙樓的掌柜王于貴愁眉苦臉地迎上來彻犁,“玉大人,你說我怎么就攤上這事凰慈」保” “怎么了?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵溉瓶,是天一觀的道長急鳄。 經(jīng)常有香客問我,道長堰酿,這世上最難降的妖魔是什么疾宏? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮触创,結(jié)果婚禮上坎藐,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好岩馍,可當(dāng)我...
    茶點故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布碉咆。 她就那樣靜靜地躺著,像睡著了一般蛀恩。 火紅的嫁衣襯著肌膚如雪疫铜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天双谆,我揣著相機與錄音壳咕,去河邊找鬼。 笑死顽馋,一個胖子當(dāng)著我的面吹牛谓厘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播寸谜,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼竟稳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了熊痴?” 一聲冷哼從身側(cè)響起他爸,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎愁拭,沒想到半個月后讲逛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡岭埠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年盏混,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惜论。...
    茶點故事閱讀 38,673評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡许赃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馆类,到底是詐尸還是另有隱情混聊,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布乾巧,位于F島的核電站句喜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏沟于。R本人自食惡果不足惜桑驱,卻給世界環(huán)境...
    茶點故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一日戈、第九天 我趴在偏房一處隱蔽的房頂上張望惰许。 院中可真熱鬧批旺,春花似錦销睁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至来惧,卻和暖如春冗栗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背违寞。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工贞瞒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留偶房,地道東北人趁曼。 一個月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像棕洋,于是被迫代替她去往敵國和親挡闰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,562評論 2 349

推薦閱讀更多精彩內(nèi)容