帶你走進(jìn)UI設(shè)計(jì)師的工作內(nèi)容G裘怠(必看)

學(xué)UI設(shè)計(jì)當(dāng)設(shè)計(jì)師涉及哪些工作內(nèi)容呢坑雅?

首先來明確一下ui設(shè)計(jì)師的職責(zé)要求:

任務(wù)分清,概念設(shè)計(jì)

進(jìn)行流程設(shè)計(jì)說明實(shí)時(shí)響應(yīng)標(biāo)準(zhǔn)易用性評(píng)估、易用性測(cè)試評(píng)定易用性標(biāo)準(zhǔn)的一致性布局

其次要清楚當(dāng)ui設(shè)計(jì)師的優(yōu)點(diǎn)所在:

UI設(shè)計(jì)師擅長(zhǎng)分析和理解用戶的需求按声,讓信息的架構(gòu)更加合理膳犹。盡可能簡(jiǎn)化使用難度,同時(shí)找出用戶使用產(chǎn)品時(shí)哪里會(huì)遇到問題儒喊。雖然現(xiàn)在越來越傾向于由不同背景的人來完成UI設(shè)計(jì)和測(cè)試镣奋,但是不管由誰來設(shè)計(jì)币呵,一個(gè)吸引眼球怀愧、激情四射、光彩照人余赢、充滿靈魂的視覺設(shè)計(jì)并不等于就是一個(gè)易學(xué)易用的設(shè)計(jì)芯义。

我建了一個(gè)免費(fèi)資料分享群,歡迎大家一起互相探討交流(892500388)

至于當(dāng)ui設(shè)計(jì)師涉及到哪些工作內(nèi)容呢妻柒,需要往下看看:


學(xué)ui設(shè)計(jì)學(xué)得透徹工作才能應(yīng)用自如


參加完UI設(shè)計(jì)培訓(xùn)班扛拨,畢業(yè)后出來當(dāng)ui設(shè)計(jì)師,UI到底是做什么工作內(nèi)容呢举塔?相信有不少伙伴們畢業(yè)了對(duì)ui交互設(shè)計(jì)的理解還不是很透徹绑警,畢業(yè)的學(xué)員就沒有這方面的擔(dān)憂了,因此有真實(shí)的商業(yè)項(xiàng)目實(shí)戰(zhàn)央渣,從拿到單子到出作品交給客戶计盒,中間需要做哪些工作,學(xué)員們都一一接觸過芽丹,印象深刻北启,因此畢業(yè)后就業(yè)無擔(dān)憂!


從UI設(shè)計(jì)師接到的工作流程來說——產(chǎn)品/交互/設(shè)計(jì)


也就是說一般我們接到的是交互稿拔第。這時(shí)候UI設(shè)計(jì)師看到一個(gè)交互設(shè)計(jì)咕村,需要考慮的是:


1、這樣的排布是否合理(屏幕尺寸設(shè)置多大才能容下足夠的設(shè)計(jì)關(guān)鍵信息)蚊俺;

2懈涛、客戶需要的核心點(diǎn)是什么?對(duì)ui設(shè)計(jì)師來說即是信息的重點(diǎn)要把握好泳猬;

3批钠、產(chǎn)品面對(duì)的用戶群體是哪一類?


通常我們拿到的交互稿是一個(gè)簡(jiǎn)單的圖形暂殖,產(chǎn)出的作品要達(dá)到客戶的需求价匠,這中間的坑和鴻溝就是我們自己想自己分析自己填滿,在解決完上面的問題后呛每,ui設(shè)計(jì)師要開始著手UI設(shè)計(jì):


1從產(chǎn)品需求來確定用何主色調(diào)


比如同樣是團(tuán)購踩窖,糯米用的是桃紅色,而美團(tuán)是翠綠色那么我們?cè)赨I設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問題晨横。


2配色和輔助色用什么顏色


在考慮到產(chǎn)品氣質(zhì)和品牌色的同事洋腮,我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色箫柳。在不同的產(chǎn)品中,輔助色運(yùn)用的策略是不同的啥供,比如我們經(jīng)常說的:鄰近色悯恍、對(duì)比色等。都是我們選擇輔助色的方法伙狐。免費(fèi)資料分享群涮毫,歡迎大家一起互相探討交流(892500388)



3用什么風(fēng)格來表達(dá)


同樣的信息,在UI的表達(dá)上也有不同的表達(dá)方式贷屎。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格罢防。這些都是UI的工作內(nèi)容。現(xiàn)在來說唉侄,說到風(fēng)格一句話咒吐,扁平風(fēng)。但是在扁平中也有區(qū)別属划。比如下圖恬叹,同樣是扁平。但是左圖微微帶有一些光影同眯,而右圖是純扁平绽昼。你能說哪個(gè)好或者不好嗎?不能嗽测。


4布局


布局就像排版一樣绪励,每一塊區(qū)域每一個(gè)控件的擺放規(guī)則:往一邊靠還是居中,拉伸鋪滿唠粥,保持一定比例疏魏,還是固定大小。要把設(shè)計(jì)稿想像得能夠隨時(shí)變寬變窄變高變矮晤愧,當(dāng)大小發(fā)生變化時(shí)大莫,按照預(yù)定的布局規(guī)則設(shè)計(jì)稿會(huì)變得怎么樣。布局沒有捷徑官份,就是多思考多練習(xí)只厘。需要學(xué)習(xí)軟件的同學(xué),大家可以搜索錦子會(huì)舅巷,去錦子會(huì)官網(wǎng)下載更多學(xué)習(xí)資源羔味!如想要了解我的,請(qǐng)搜索羅錦钠右,歡迎了解更多我的設(shè)計(jì)之路赋元!


5如何表達(dá)情感化設(shè)計(jì)


在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計(jì),以此來提升app的品質(zhì),降低用戶在異常情況下的挫敗感搁凸。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何引導(dǎo)用戶去解決媚值,從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同护糖,風(fēng)格也不一樣褥芒。這些也都是需要UI設(shè)計(jì)來處理的。免費(fèi)資料分享群嫡良,歡迎大家一起互相探討交流(892500388)



6適配锰扶、切圖


我們知道的,在移動(dòng)app開發(fā)設(shè)計(jì)中皆刺,需要解決多種設(shè)備尺寸適配問題少辣,過去只屬于Android陣營的頭疼事兒,只是很多設(shè)計(jì)師選擇性地忽視Android適配問題羡蛾,只出一套iOS平臺(tái)設(shè)計(jì)稿。


為什么不采用等比例縮放適配锨亏?說到底痴怨,更大的屏幕尺寸提供了更多內(nèi)容展示的空間,等比例縮放沒能把發(fā)揮出大屏的優(yōu)勢(shì)器予,同時(shí)也很難保證系統(tǒng)UI的一致性體驗(yàn)浪藻。自從iPhone 6/6+出現(xiàn)后,iOS版上的APP界面設(shè)計(jì)尺寸又發(fā)生了翻天覆地的變化乾翔。讓iOS一下子跟Android看齊了爱葵。進(jìn)入了移動(dòng)“雜屏”時(shí)代。


UI設(shè)計(jì)師的工作反浓,是要指出一個(gè)產(chǎn)品的好壞不僅是它看上去如何萌丈,還在于它是否易學(xué)可用?是否能讓用戶容易掌握它雷则?以及是否能更好地支持用戶完成任務(wù)辆雾?


估計(jì)還要不少人根本不懂不知道UI設(shè)計(jì)是什么,以為畫個(gè)手機(jī)圖標(biāo)就是做UI了月劈,導(dǎo)致很多人都忙著畫各種各樣的圖標(biāo)度迂。這樣很容易讓那些新人們走錯(cuò)路,圖標(biāo)只是UI的一部分猜揪,不要沉迷其中惭墓,要學(xué)的還有很多。學(xué)UI設(shè)計(jì)當(dāng)設(shè)計(jì)師涉及哪些工作內(nèi)容呢而姐?


首先來明確一下ui設(shè)計(jì)師的職責(zé)要求:


任務(wù)分析腊凶,概念設(shè)計(jì)

進(jìn)行流程設(shè)計(jì)說明實(shí)時(shí)響應(yīng)標(biāo)準(zhǔn)易用性評(píng)估、易用性測(cè)試評(píng)定易用性標(biāo)準(zhǔn)的一致性布局


其次要清楚當(dāng)ui設(shè)計(jì)師的優(yōu)點(diǎn)所在:


UI設(shè)計(jì)師擅長(zhǎng)分析和理解用戶的需求,讓信息的架構(gòu)更加合理吭狡。盡可能簡(jiǎn)化使用難度尖殃,同時(shí)找出用戶使用產(chǎn)品時(shí)哪里會(huì)遇到問題。雖然現(xiàn)在越來越傾向于由不同背景的人來完成UI設(shè)計(jì)和測(cè)試划煮,但是不管由誰來設(shè)計(jì)送丰,一個(gè)吸引眼球、激情四射弛秋、光彩照人器躏、充滿靈魂的視覺設(shè)計(jì)并不等于就是一個(gè)易學(xué)易用的設(shè)計(jì)。

我建了一個(gè)免費(fèi)資料分享群蟹略,歡迎大家一起互相探討交流(892500388)

至于當(dāng)ui設(shè)計(jì)師涉及到哪些工作內(nèi)容呢登失,需要往下看看:


學(xué)ui設(shè)計(jì)學(xué)得透徹工作才能應(yīng)用自如


參加完UI設(shè)計(jì)培訓(xùn)班,畢業(yè)后出來當(dāng)ui設(shè)計(jì)師挖炬,UI到底是做什么工作內(nèi)容呢揽浙?相信有不少伙伴們畢業(yè)了對(duì)ui交互設(shè)計(jì)的理解還不是很透徹,畢業(yè)的學(xué)員就沒有這方面的擔(dān)憂了意敛,因此有真實(shí)的商業(yè)項(xiàng)目實(shí)戰(zhàn)馅巷,從拿到單子到出作品交給客戶,中間需要做哪些工作草姻,學(xué)員們都一一接觸過钓猬,印象深刻,因此畢業(yè)后就業(yè)無擔(dān)憂撩独!


從UI設(shè)計(jì)師接到的工作流程來說——產(chǎn)品/交互/設(shè)計(jì)


也就是說一般我們接到的是交互稿敞曹。這時(shí)候UI設(shè)計(jì)師看到一個(gè)交互設(shè)計(jì),需要考慮的是:


1综膀、這樣的排布是否合理(屏幕尺寸設(shè)置多大才能容下足夠的設(shè)計(jì)關(guān)鍵信息)澳迫;

2、客戶需要的核心點(diǎn)是什么僧须?對(duì)ui設(shè)計(jì)師來說即是信息的重點(diǎn)要把握好纲刀;

3、產(chǎn)品面對(duì)的用戶群體是哪一類?


通常我們拿到的交互稿是一個(gè)簡(jiǎn)單的圖形,產(chǎn)出的作品要達(dá)到客戶的需求惶看,這中間的坑和鴻溝就是我們自己想自己分析自己填滿,在解決完上面的問題后面褐,ui設(shè)計(jì)師要開始著手UI設(shè)計(jì):


1從產(chǎn)品需求來確定用何主色調(diào)


比如同樣是團(tuán)購,糯米用的是桃紅色取胎,而美團(tuán)是翠綠色那么我們?cè)赨I設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問題展哭。


2配色和輔助色用什么顏色


在考慮到產(chǎn)品氣質(zhì)和品牌色的同事湃窍,我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中匪傍,輔助色運(yùn)用的策略是不同的您市,比如我們經(jīng)常說的:鄰近色、對(duì)比色等役衡。都是我們選擇輔助色的方法茵休。免費(fèi)資料分享群,歡迎大家一起互相探討交流(892500388)



3用什么風(fēng)格來表達(dá)


同樣的信息手蝎,在UI的表達(dá)上也有不同的表達(dá)方式榕莺。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格。這些都是UI的工作內(nèi)容】媒椋現(xiàn)在來說钉鸯,說到風(fēng)格一句話,扁平風(fēng)邮辽。但是在扁平中也有區(qū)別唠雕。比如下圖,同樣是扁平逆巍。但是左圖微微帶有一些光影及塘,而右圖是純扁平。你能說哪個(gè)好或者不好嗎锐极?不能。


4布局


布局就像排版一樣芳肌,每一塊區(qū)域每一個(gè)控件的擺放規(guī)則:往一邊靠還是居中灵再,拉伸鋪滿,保持一定比例亿笤,還是固定大小翎迁。要把設(shè)計(jì)稿想像得能夠隨時(shí)變寬變窄變高變矮,當(dāng)大小發(fā)生變化時(shí)净薛,按照預(yù)定的布局規(guī)則設(shè)計(jì)稿會(huì)變得怎么樣汪榔。布局沒有捷徑,就是多思考多練習(xí)肃拜。需要學(xué)習(xí)軟件的同學(xué)痴腌,大家可以搜索錦子會(huì),去錦子會(huì)官網(wǎng)下載更多學(xué)習(xí)資源燃领!如想要了解我的士聪,請(qǐng)搜索羅錦,歡迎了解更多我的設(shè)計(jì)之路猛蔽!


5如何表達(dá)情感化設(shè)計(jì)


在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計(jì)剥悟,以此來提升app的品質(zhì)灵寺,降低用戶在異常情況下的挫敗感。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何引導(dǎo)用戶去解決区岗,從而滿足產(chǎn)品訴求略板。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同,風(fēng)格也不一樣慈缔。這些也都是需要UI設(shè)計(jì)來處理的叮称。免費(fèi)資料分享群,歡迎大家一起互相探討交流(892500388)



6適配胀糜、切圖


我們知道的颅拦,在移動(dòng)app開發(fā)設(shè)計(jì)中,需要解決多種設(shè)備尺寸適配問題教藻,過去只屬于Android陣營的頭疼事兒距帅,只是很多設(shè)計(jì)師選擇性地忽視Android適配問題,只出一套iOS平臺(tái)設(shè)計(jì)稿括堤。


為什么不采用等比例縮放適配碌秸?說到底,更大的屏幕尺寸提供了更多內(nèi)容展示的空間悄窃,等比例縮放沒能把發(fā)揮出大屏的優(yōu)勢(shì)讥电,同時(shí)也很難保證系統(tǒng)UI的一致性體驗(yàn)。自從iPhone 6/6+出現(xiàn)后轧抗,iOS版上的APP界面設(shè)計(jì)尺寸又發(fā)生了翻天覆地的變化恩敌。讓iOS一下子跟Android看齊了。進(jìn)入了移動(dòng)“雜屏”時(shí)代横媚。


UI設(shè)計(jì)師的工作纠炮,是要指出一個(gè)產(chǎn)品的好壞不僅是它看上去如何,還在于它是否易學(xué)可用灯蝴?是否能讓用戶容易掌握它恢口?以及是否能更好地支持用戶完成任務(wù)?


估計(jì)還要不少人根本不懂不知道UI設(shè)計(jì)是什么穷躁,以為畫個(gè)手機(jī)圖標(biāo)就是做UI了耕肩,導(dǎo)致很多人都忙著畫各種各樣的圖標(biāo)。這樣很容易讓那些新人們走錯(cuò)路问潭,圖標(biāo)只是UI的一部分猿诸,不要沉迷其中,要學(xué)的還有很多睦授。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末两芳,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子去枷,更是在濱河造成了極大的恐慌怖辆,老刑警劉巖是复,帶你破解...
    沈念sama閱讀 222,252評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異竖螃,居然都是意外死亡淑廊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門特咆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來季惩,“玉大人,你說我怎么就攤上這事腻格』埃” “怎么了?”我有些...
    開封第一講書人閱讀 168,814評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵菜职,是天一觀的道長(zhǎng)青抛。 經(jīng)常有香客問我,道長(zhǎng)酬核,這世上最難降的妖魔是什么蜜另? 我笑而不...
    開封第一講書人閱讀 59,869評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮嫡意,結(jié)果婚禮上举瑰,老公的妹妹穿的比我還像新娘。我一直安慰自己蔬螟,他們只是感情好此迅,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著旧巾,像睡著了一般邮屁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上菠齿,一...
    開封第一講書人閱讀 52,475評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音坐昙,去河邊找鬼绳匀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛炸客,可吹牛的內(nèi)容都是我干的疾棵。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼痹仙,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼是尔!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起开仰,我...
    開封第一講書人閱讀 39,924評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤拟枚,失蹤者是張志新(化名)和其女友劉穎薪铜,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恩溅,經(jīng)...
    沈念sama閱讀 46,469評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡隔箍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了脚乡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜒滩。...
    茶點(diǎn)故事閱讀 40,680評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖奶稠,靈堂內(nèi)的尸體忽然破棺而出俯艰,到底是詐尸還是另有隱情,我是刑警寧澤锌订,帶...
    沈念sama閱讀 36,362評(píng)論 5 351
  • 正文 年R本政府宣布竹握,位于F島的核電站,受9級(jí)特大地震影響瀑志,放射性物質(zhì)發(fā)生泄漏涩搓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評(píng)論 3 335
  • 文/蒙蒙 一劈猪、第九天 我趴在偏房一處隱蔽的房頂上張望昧甘。 院中可真熱鬧,春花似錦战得、人聲如沸充边。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浇冰。三九已至,卻和暖如春聋亡,著一層夾襖步出監(jiān)牢的瞬間肘习,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評(píng)論 1 274
  • 我被黑心中介騙來泰國打工坡倔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留漂佩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,099評(píng)論 3 378
  • 正文 我出身青樓罪塔,卻偏偏與公主長(zhǎng)得像投蝉,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子征堪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評(píng)論 2 361