UI設(shè)計(jì)培訓(xùn)班課程介紹： 

一、ui交互-平面設(shè)計(jì)部分 

1.photoshop：熟練掌握ps在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合ai的基本應(yīng)用

2.illustrator：ai工具使用，印刷出版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作以及配合ps的應(yīng)用 

3.indesign：專業(yè)的排版工具講解、案例排版解析、設(shè)計(jì)出極具吸引力的頁面版式、在頁面布局中增添交互性、動畫、視頻和聲音等 

4. acrobat：專業(yè)電子書應(yīng)用介紹、pdf文件制作、不同平臺之間的pdf應(yīng)用、加密文件的制作。 

5. 商業(yè)廣告創(chuàng)意實(shí)戰(zhàn)1：在ps基礎(chǔ)上面，全程實(shí)例高級圖像處理、高級創(chuàng)意設(shè)計(jì)、pop海報設(shè)計(jì)、dm宣傳單設(shè)計(jì)、圖形圖像應(yīng)用、以及與ai的結(jié)合應(yīng)用等(報此班需要ps基礎(chǔ)) 

6. 商業(yè)廣告創(chuàng)意實(shí)戰(zhàn)2：在ai基礎(chǔ)上面，全程實(shí)例講解印刷工藝應(yīng)用、插畫設(shè)計(jì)應(yīng)用、pop海報設(shè)計(jì)、dm宣傳單設(shè)計(jì)、貼圖設(shè)計(jì)以及與ps的結(jié)合應(yīng)用等(報此班需要ai基礎(chǔ)) 

二、ui交互-移動設(shè)計(jì)專項(xiàng)部分 

1. ui交互設(shè)計(jì)理念： 

1）.gui的概念與發(fā)展、設(shè)計(jì)理念、圖形界面設(shè)計(jì)原則、設(shè)計(jì)理念 

2）.web、bs、cs的基礎(chǔ)知識了解、桌面產(chǎn)品規(guī)范及控件設(shè)計(jì) 

3）.軟件ui設(shè)計(jì)項(xiàng)目流程、啟動界面與登陸界面的設(shè)計(jì) 

4）.ui設(shè)計(jì)的成功案例分享、網(wǎng)站設(shè)計(jì)ui、手機(jī)界面、游戲界面ui設(shè)計(jì)欣賞 

2. 3g手機(jī)和平板電腦交互設(shè)計(jì) 

1）.3g手機(jī)交互設(shè)計(jì)：iphone app的圖標(biāo)設(shè)計(jì)方法、交互設(shè)計(jì)概念、交互設(shè)計(jì)的流程、原有產(chǎn)品的分析、競爭對手的分析、方案的制作、開始設(shè)計(jì)與實(shí)現(xiàn)、驗(yàn)證與完善階段。 

2）.平板電腦交互設(shè)計(jì)：ipad基礎(chǔ)設(shè)計(jì)規(guī)范、ipad應(yīng)用的設(shè)計(jì)方法、用戶體檢與交互設(shè)計(jì)的案例分析和應(yīng)用。 

3.播放器ui設(shè)計(jì)：播放器界面設(shè)計(jì)實(shí)戰(zhàn)與輔導(dǎo)\社會上成名的播放器的欣賞和制作 

4.即時通訊ui設(shè)計(jì)：即時通訊界面設(shè)計(jì)實(shí)戰(zhàn)與輔導(dǎo)（分析qq、msn、淘寶旺旺、uc等) 

5.數(shù)碼產(chǎn)品ui設(shè)計(jì)：移動數(shù)碼設(shè)備(mp4、gps界面)設(shè)計(jì)實(shí)戰(zhàn)與輔導(dǎo) 

6.軟件類ui設(shè)計(jì)：殺毒軟件界面設(shè)計(jì)、瀏覽器界面設(shè)計(jì)、財(cái)務(wù)軟件登陸頁面等設(shè)計(jì)實(shí)戰(zhàn)應(yīng)用 

7.游戲ui界面設(shè)計(jì)：游戲界面的設(shè)計(jì)與制作，成名游戲界面ui的欣賞與制作 

視覺設(shè)計(jì)出身，如何經(jīng)過實(shí)戰(zhàn)向UX設(shè)計(jì)師轉(zhuǎn)型？

常規(guī)產(chǎn)品設(shè)計(jì)流程中，視覺設(shè)計(jì)師往往處于設(shè)計(jì)環(huán)節(jié)的下游，工作僅僅局限于將界面視覺發(fā)揮到極致，只是承接上下游的視覺工作，單一從視覺美觀性出發(fā)去設(shè)計(jì)。相比于交互設(shè)計(jì)師，視覺設(shè)計(jì)師往往不了解業(yè)務(wù)情況與產(chǎn)品架構(gòu)，對于重要的用戶調(diào)研部分更不會深度參與。如果視覺設(shè)計(jì)師不主動“往前”走一步的話，很容易讓設(shè)計(jì)沒有支撐理由，成為“空中樓閣”，受到產(chǎn)品、業(yè)務(wù)方或技術(shù)方的挑戰(zhàn)，淪為畫界面的「美工」。

下面我將以淘工廠首頁改版設(shè)計(jì)為例，與大家分享我如何經(jīng)過實(shí)戰(zhàn)項(xiàng)目向UX設(shè)計(jì)師方向轉(zhuǎn)型。

注：圖片經(jīng)過優(yōu)化，如果字體不清晰，可以另存到本地查看。

一. 洞悉用戶與業(yè)務(wù)，將體驗(yàn)植入規(guī)劃

淘工廠是一個鏈接淘寶賣家與工廠的平臺，舊版買家端產(chǎn)品自16年上線后一直沒有突破性的變化，且與業(yè)務(wù)當(dāng)前的定位規(guī)劃有較大偏差，急需改版來配合業(yè)務(wù)的高速發(fā)展。我們“臨危受命”接手淘工廠業(yè)務(wù)，團(tuán)隊(duì)僅有3位設(shè)計(jì)師，卻需要支持4條產(chǎn)品線。這是一個挑戰(zhàn)，更是一個由視覺設(shè)計(jì)師轉(zhuǎn)型為UX設(shè)計(jì)師的鍛煉機(jī)會。所以，我決定大膽地“往前”一步，不局限于自己的職責(zé)范圍，而是主動承擔(dān)起用研、交互等體驗(yàn)設(shè)計(jì)師的職責(zé)，貫穿項(xiàng)目始終。

淘工廠屬于B類加工定制業(yè)務(wù)，一開始接觸難免不熟悉。那些復(fù)雜的角色鏈路、晦澀的專業(yè)術(shù)語，很多淘工廠買家都不一定了解，更別說我們這些外行小白了。帶著窮則思變的決心，我意識到必須快速熟悉業(yè)務(wù)和產(chǎn)品。那么如何快速熟悉業(yè)務(wù)與產(chǎn)品呢？我總結(jié)出以下方法。

補(bǔ)充儲備服裝供應(yīng)鏈業(yè)務(wù)知識是必備基礎(chǔ)。而要快速摸清產(chǎn)品現(xiàn)狀，除了利用走查、舊版數(shù)據(jù)分析等手段對產(chǎn)品進(jìn)行定性分析之外，重要的是，從用戶體驗(yàn)設(shè)計(jì)師的本位出發(fā)，跟用戶好好聊一聊產(chǎn)品體驗(yàn)。因此，我們對買家、工廠、服務(wù)商三角色進(jìn)行走訪，作全鏈路的體驗(yàn)大圖梳理，發(fā)現(xiàn)用戶痛點(diǎn)，并對痛點(diǎn)進(jìn)行分層。

功夫不負(fù)有心人，我們對業(yè)務(wù) 用戶的深入理解，賦能了業(yè)務(wù)的體驗(yàn)規(guī)劃，確定了這次改版優(yōu)化的方向。經(jīng)過洞悉用戶在全鏈路上的痛點(diǎn)和訴求，我們在業(yè)務(wù)策略啟動的階段參與業(yè)務(wù)的產(chǎn)品共創(chuàng)大會。從體驗(yàn)的專業(yè)視角賦能業(yè)務(wù)進(jìn)行產(chǎn)品整體規(guī)劃支持、提供解決方案。視覺設(shè)計(jì)師大可不必局限于自己的崗位職責(zé)限制，從項(xiàng)目前期開始主動接觸產(chǎn)品、熟悉業(yè)務(wù)的核心需求，從接需求的角色轉(zhuǎn)變?yōu)轶w驗(yàn)規(guī)劃的推動者，才能保證自己在項(xiàng)目中的核心價值與設(shè)計(jì)說服力。

經(jīng)過這種多方思維的碰撞，全方位、多角度滲透業(yè)務(wù)，一是可以從規(guī)劃階段就植入體驗(yàn)期望達(dá)到的目標(biāo)，引導(dǎo)產(chǎn)品向體驗(yàn)期望的方向發(fā)展，避免成為被動接需求的角色；二是可以與業(yè)務(wù)方建立良好的信任與合作關(guān)系，給予設(shè)計(jì)師更多的發(fā)揮空間。

二. 多維度深挖設(shè)計(jì)價值，學(xué)會質(zhì)疑

作為視覺設(shè)計(jì)師，我發(fā)現(xiàn)自己在進(jìn)入設(shè)計(jì)階段后往往只關(guān)注局部細(xì)節(jié)。例如什么樣的設(shè)計(jì)風(fēng)格更好看？什么樣的顏色更合適？卻忘了去思考我為什么要做這個需求？這個需求有沒有更好的解決方案？

所以，進(jìn)入設(shè)計(jì)階段后，首先不要急著上手去做「無思考設(shè)計(jì)」，而是在全局性上去深挖項(xiàng)目的設(shè)計(jì)價值，經(jīng)過不斷的質(zhì)疑、思考來提出設(shè)計(jì)解決方案。

淘工廠的用戶大多是淘寶賣家，大部分的新興淘賣并非來自傳統(tǒng)行業(yè)，他們更習(xí)慣于淘寶年輕化的視覺審美。然而，他們并不了解加工定制流程，也無法區(qū)分針織梭織毛織的工藝，更別說大流水、小流水這種專業(yè)的加工定制術(shù)語了。結(jié)合業(yè)務(wù)目標(biāo)與用戶目標(biāo)，我們可以得出這次產(chǎn)品優(yōu)化的設(shè)計(jì)目標(biāo)與對應(yīng)的三大解決策略。

我以用戶為中心，經(jīng)過「用戶體驗(yàn)五要素」可以將簡單的設(shè)計(jì)價值關(guān)鍵詞，多維度、多層次細(xì)分為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這5個層面的價值，而并不只著眼于“用戶”上。將設(shè)計(jì)價值在體驗(yàn)設(shè)計(jì)全鏈路上進(jìn)行具體化、精細(xì)化，能客觀、有效的指導(dǎo)我在產(chǎn)品、交互、視覺等環(huán)節(jié)上進(jìn)行全局的把控和思考，多維度提出解決方案，讓我的設(shè)計(jì)是全局統(tǒng)一的，而且「有理有據(jù)」。

三. 跳出慣性視角

在完整的產(chǎn)品設(shè)計(jì)環(huán)節(jié)中，視覺設(shè)計(jì)師的發(fā)揮空間往往是較為狹窄的。由于處在設(shè)計(jì)環(huán)節(jié)的下游，甚至在不了解項(xiàng)目的前因后果時，就開始照著交互稿或者demo的框架原封不動的去填充產(chǎn)品的顏色、字體、版式、圖形、icon等。做出一張精美的頁面確實(shí)挺有成就感的，但用戶真的關(guān)注我們精心設(shè)計(jì)的這些2px圓角、襯線體、彩色陰影嗎？要贏得用戶，再華麗的包裝設(shè)計(jì)理念、再美觀的界面?zhèn)鬟f、再酷炫的呈現(xiàn)效果統(tǒng)統(tǒng)無濟(jì)于事，視覺設(shè)計(jì)師的價值應(yīng)該體現(xiàn)在以用戶為中心進(jìn)行設(shè)計(jì)，去充分考慮你的設(shè)計(jì)是否真的能帶來更好的體驗(yàn)。

例如在淘工廠改版項(xiàng)目中，我跳出單一的視覺視角，經(jīng)過運(yùn)用交互、產(chǎn)品、視覺等多手段來制定設(shè)計(jì)策略，靈活解決問題才是關(guān)鍵的。

四. 無縫連接上下游

我之前在做一些設(shè)計(jì)項(xiàng)目時，視覺設(shè)計(jì)的工作時間經(jīng)常因?yàn)榻换バ枨蠓磸?fù)、技術(shù)開發(fā)量大等原因被壓縮掉，接著就處于改來改去的狀態(tài)，連質(zhì)疑需求和交互方案的合理性都成了奢求，讓我感到 「無力再愛」。再者，大部分時間都是分散在碎片化的項(xiàng)目中，只聚焦在單個項(xiàng)目的視覺表現(xiàn)上，猶如“管中窺豹”缺乏整體一致性的體驗(yàn)。尤其是同時與多個交互設(shè)計(jì)師合作的情況下更明顯，因?yàn)槊總€人都各司其職，只關(guān)注自己負(fù)責(zé)的部分。

所以，在執(zhí)行階段，我反而更習(xí)慣于一個人直接與需求方對接，全面參與產(chǎn)品溝通、設(shè)計(jì)執(zhí)行、開發(fā)測試、數(shù)據(jù)分析等全部環(huán)節(jié)。

這樣，一是能了解到一手的業(yè)務(wù)動態(tài)與需求信息，了解業(yè)務(wù)技術(shù)可實(shí)現(xiàn)情況，避免信息不同步、反復(fù)對焦浪費(fèi)時間，能爭取更多的時間去投入設(shè)計(jì)環(huán)節(jié)；二是經(jīng)過完整的項(xiàng)目參與，更能幫助我構(gòu)建整合能力與體系化維，對產(chǎn)品有全局性的認(rèn)知，自然也能保障產(chǎn)品在全流程體驗(yàn)的一致性。

五. 該執(zhí)著的執(zhí)著，該放手的放手

視覺設(shè)計(jì)師一般在完成設(shè)計(jì)產(chǎn)出后，走查還原度、跟進(jìn)上線就結(jié)束了。作為一個UX設(shè)計(jì)師，卻還需要繼續(xù)根據(jù)用戶反饋、數(shù)據(jù)分析等方式，去「執(zhí)著」地驅(qū)動業(yè)務(wù)進(jìn)行產(chǎn)品的迭代優(yōu)化。

但在項(xiàng)目過程中，我需要溝通需求和方案，順便幫PD確定項(xiàng)目功能范圍與迭代計(jì)劃，接著產(chǎn)出交互、視覺，還需要切圖、制作icon，跟進(jìn)上線、跟進(jìn)數(shù)據(jù)分析、驅(qū)動迭代優(yōu)化，甚至還得負(fù)責(zé)業(yè)務(wù)全部運(yùn)營活動的對接工作。而視覺設(shè)計(jì)師的出身，使我更是無法放下對于體驗(yàn)細(xì)節(jié)的追求，巴不得上線產(chǎn)品能準(zhǔn)確還原設(shè)計(jì)稿的每一像素。

但一個人的精力是有限的，不可能在所有環(huán)節(jié)都聚焦。所以面對這種事特別多的情況，我們可以適當(dāng)「放手」，將設(shè)計(jì)工作分為精細(xì)化設(shè)計(jì)和自動化設(shè)計(jì)兩部分。

精細(xì)化設(shè)計(jì)，顧名思義就是對那些需要深挖設(shè)計(jì)價值的部分，做出**的設(shè)計(jì)，如產(chǎn)品首頁、重要功能等。

自動化設(shè)計(jì)，就是指從中優(yōu)化設(shè)計(jì)思路出發(fā)的設(shè)計(jì)，如營銷活動、基礎(chǔ)產(chǎn)品功能等，經(jīng)過我們?nèi)ブ贫ㄆ放圃O(shè)計(jì)規(guī)范、進(jìn)行“樂高式”組件設(shè)計(jì)，將搭建常規(guī)頁面的工作開放給業(yè)務(wù)方、外包設(shè)計(jì)師等，解放有限的設(shè)計(jì)生產(chǎn)力。

之后

對于想轉(zhuǎn)型UX的視覺設(shè)計(jì)師而言，我們的手活表達(dá)和視覺審美上相較于交互設(shè)計(jì)師有著天然的優(yōu)勢，而不足的地方則是在抽象整合、數(shù)據(jù)分析、體系化思維這些部分上。這些不足，是我們應(yīng)該經(jīng)過實(shí)戰(zhàn)項(xiàng)目重點(diǎn)逐步提升的綜合能力。隨著UX概念已成為行業(yè)趨勢，視覺設(shè)計(jì)師更應(yīng)該在迷茫之時先人一步開始改變。轉(zhuǎn)型UX設(shè)計(jì)師的這條路還需要更多的同行加入探索，我已經(jīng)在路上了，你呢？

助學(xué)分期：學(xué)校支持百度錢包教育助學(xué)分期（6期、12期、4 8期）

以上就是小編簡單的介紹，希望對你有所幫助，還有更多關(guān)于相關(guān)的訊息，歡迎咨詢，驚喜多多，收獲多多。

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關(guān)推薦