UI設(shè)計培訓(xùn)班課程介紹:
一、ui交互-平面設(shè)計部分
1.photoshop:熟練掌握ps在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合ai的基本應(yīng)用
2.illustrator:ai工具使用,印刷出版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作以及配合ps的應(yīng)用
3.indesign:專業(yè)的排版工具講解、案例排版解析、設(shè)計出極具吸引力的頁面版式、在頁面布局中增添交互性、動畫、視頻和聲音等
4. acrobat:專業(yè)電子書應(yīng)用介紹、pdf文件制作、不同平臺之間的pdf應(yīng)用、加密文件的制作。
5. 商業(yè)廣告創(chuàng)意實戰(zhàn)1:在ps基礎(chǔ)上面,全程實例高級圖像處理、高級創(chuàng)意設(shè)計、pop海報設(shè)計、dm宣傳單設(shè)計、圖形圖像應(yīng)用、以及與ai的結(jié)合應(yīng)用等(報此班需要ps基礎(chǔ))
6. 商業(yè)廣告創(chuàng)意實戰(zhàn)2:在ai基礎(chǔ)上面,全程實例講解印刷工藝應(yīng)用、插畫設(shè)計應(yīng)用、pop海報設(shè)計、dm宣傳單設(shè)計、貼圖設(shè)計以及與ps的結(jié)合應(yīng)用等(報此班需要ai基礎(chǔ))
二、ui交互-移動設(shè)計專項部分
1. ui交互設(shè)計理念:
1).gui的概念與發(fā)展、設(shè)計理念、圖形界面設(shè)計原則、設(shè)計理念
2).web、bs、cs的基礎(chǔ)知識了解、桌面產(chǎn)品規(guī)范及控件設(shè)計
3).軟件ui設(shè)計項目流程、啟動界面與登陸界面的設(shè)計
4).ui設(shè)計的成功案例分享、網(wǎng)站設(shè)計ui、手機界面、游戲界面ui設(shè)計欣賞
2. 3g手機和平板電腦交互設(shè)計
1).3g手機交互設(shè)計:iphone app的圖標(biāo)設(shè)計方法、交互設(shè)計概念、交互設(shè)計的流程、原有產(chǎn)品的分析、競爭對手的分析、方案的制作、開始設(shè)計與實現(xiàn)、驗證與完善階段。
2).平板電腦交互設(shè)計:ipad基礎(chǔ)設(shè)計規(guī)范、ipad應(yīng)用的設(shè)計方法、用戶體檢與交互設(shè)計的案例分析和應(yīng)用。
3.播放器ui設(shè)計:播放器界面設(shè)計實戰(zhàn)與輔導(dǎo)\社會上成名的播放器的欣賞和制作
4.即時通訊ui設(shè)計:即時通訊界面設(shè)計實戰(zhàn)與輔導(dǎo)(分析qq、msn、淘寶旺旺、uc等)
5.數(shù)碼產(chǎn)品ui設(shè)計:移動數(shù)碼設(shè)備(mp4、gps界面)設(shè)計實戰(zhàn)與輔導(dǎo)
6.軟件類ui設(shè)計:殺毒軟件界面設(shè)計、瀏覽器界面設(shè)計、財務(wù)軟件登陸頁面等設(shè)計實戰(zhàn)應(yīng)用
7.游戲ui界面設(shè)計:游戲界面的設(shè)計與制作,成名游戲界面ui的欣賞與制作
視覺設(shè)計出身,如何經(jīng)過實戰(zhàn)向UX設(shè)計師轉(zhuǎn)型?
常規(guī)產(chǎn)品設(shè)計流程中,視覺設(shè)計師往往處于設(shè)計環(huán)節(jié)的下游,工作僅僅局限于將界面視覺發(fā)揮到極致,只是承接上下游的視覺工作,單一從視覺美觀性出發(fā)去設(shè)計。相比于交互設(shè)計師,視覺設(shè)計師往往不了解業(yè)務(wù)情況與產(chǎn)品架構(gòu),對于重要的用戶調(diào)研部分更不會深度參與。如果視覺設(shè)計師不主動“往前”走一步的話,很容易讓設(shè)計沒有支撐理由,成為“空中樓閣”,受到產(chǎn)品、業(yè)務(wù)方或技術(shù)方的挑戰(zhàn),淪為畫界面的「美工」。
下面我將以淘工廠首頁改版設(shè)計為例,與大家分享我如何經(jīng)過實戰(zhàn)項目向UX設(shè)計師方向轉(zhuǎn)型。
注:圖片經(jīng)過優(yōu)化,如果字體不清晰,可以另存到本地查看。
一. 洞悉用戶與業(yè)務(wù),將體驗植入規(guī)劃
淘工廠是一個鏈接淘寶賣家與工廠的平臺,舊版買家端產(chǎn)品自16年上線后一直沒有突破性的變化,且與業(yè)務(wù)當(dāng)前的定位規(guī)劃有較大偏差,急需改版來配合業(yè)務(wù)的高速發(fā)展。我們“臨危受命”接手淘工廠業(yè)務(wù),團隊僅有3位設(shè)計師,卻需要支持4條產(chǎn)品線。這是一個挑戰(zhàn),更是一個由視覺設(shè)計師轉(zhuǎn)型為UX設(shè)計師的鍛煉機會。所以,我決定大膽地“往前”一步,不局限于自己的職責(zé)范圍,而是主動承擔(dān)起用研、交互等體驗設(shè)計師的職責(zé),貫穿項目始終。
淘工廠屬于B類加工定制業(yè)務(wù),一開始接觸難免不熟悉。那些復(fù)雜的角色鏈路、晦澀的專業(yè)術(shù)語,很多淘工廠買家都不一定了解,更別說我們這些外行小白了。帶著窮則思變的決心,我意識到必須快速熟悉業(yè)務(wù)和產(chǎn)品。那么如何快速熟悉業(yè)務(wù)與產(chǎn)品呢?我總結(jié)出以下方法。
補充儲備服裝供應(yīng)鏈業(yè)務(wù)知識是必備基礎(chǔ)。而要快速摸清產(chǎn)品現(xiàn)狀,除了利用走查、舊版數(shù)據(jù)分析等手段對產(chǎn)品進行定性分析之外,重要的是,從用戶體驗設(shè)計師的本位出發(fā),跟用戶好好聊一聊產(chǎn)品體驗。因此,我們對買家、工廠、服務(wù)商三角色進行走訪,作全鏈路的體驗大圖梳理,發(fā)現(xiàn)用戶痛點,并對痛點進行分層。
功夫不負有心人,我們對業(yè)務(wù) 用戶的深入理解,賦能了業(yè)務(wù)的體驗規(guī)劃,確定了這次改版優(yōu)化的方向。經(jīng)過洞悉用戶在全鏈路上的痛點和訴求,我們在業(yè)務(wù)策略啟動的階段參與業(yè)務(wù)的產(chǎn)品共創(chuàng)大會。從體驗的專業(yè)視角賦能業(yè)務(wù)進行產(chǎn)品整體規(guī)劃支持、提供解決方案。視覺設(shè)計師大可不必局限于自己的崗位職責(zé)限制,從項目前期開始主動接觸產(chǎn)品、熟悉業(yè)務(wù)的核心需求,從接需求的角色轉(zhuǎn)變?yōu)轶w驗規(guī)劃的推動者,才能保證自己在項目中的核心價值與設(shè)計說服力。
經(jīng)過這種多方思維的碰撞,全方位、多角度滲透業(yè)務(wù),一是可以從規(guī)劃階段就植入體驗期望達到的目標(biāo),引導(dǎo)產(chǎn)品向體驗期望的方向發(fā)展,避免成為被動接需求的角色;二是可以與業(yè)務(wù)方建立良好的信任與合作關(guān)系,給予設(shè)計師更多的發(fā)揮空間。
二. 多維度深挖設(shè)計價值,學(xué)會質(zhì)疑
作為視覺設(shè)計師,我發(fā)現(xiàn)自己在進入設(shè)計階段后往往只關(guān)注局部細節(jié)。例如什么樣的設(shè)計風(fēng)格更好看?什么樣的顏色更合適?卻忘了去思考我為什么要做這個需求?這個需求有沒有更好的解決方案?
所以,進入設(shè)計階段后,首先不要急著上手去做「無思考設(shè)計」,而是在全局性上去深挖項目的設(shè)計價值,經(jīng)過不斷的質(zhì)疑、思考來提出設(shè)計解決方案。
淘工廠的用戶大多是淘寶賣家,大部分的新興淘賣并非來自傳統(tǒng)行業(yè),他們更習(xí)慣于淘寶年輕化的視覺審美。然而,他們并不了解加工定制流程,也無法區(qū)分針織梭織毛織的工藝,更別說大流水、小流水這種專業(yè)的加工定制術(shù)語了。結(jié)合業(yè)務(wù)目標(biāo)與用戶目標(biāo),我們可以得出這次產(chǎn)品優(yōu)化的設(shè)計目標(biāo)與對應(yīng)的三大解決策略。
我以用戶為中心,經(jīng)過「用戶體驗五要素」可以將簡單的設(shè)計價值關(guān)鍵詞,多維度、多層次細分為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這5個層面的價值,而并不只著眼于“用戶”上。將設(shè)計價值在體驗設(shè)計全鏈路上進行具體化、精細化,能客觀、有效的指導(dǎo)我在產(chǎn)品、交互、視覺等環(huán)節(jié)上進行全局的把控和思考,多維度提出解決方案,讓我的設(shè)計是全局統(tǒng)一的,而且「有理有據(jù)」。
三. 跳出慣性視角
在完整的產(chǎn)品設(shè)計環(huán)節(jié)中,視覺設(shè)計師的發(fā)揮空間往往是較為狹窄的。由于處在設(shè)計環(huán)節(jié)的下游,甚至在不了解項目的前因后果時,就開始照著交互稿或者demo的框架原封不動的去填充產(chǎn)品的顏色、字體、版式、圖形、icon等。做出一張精美的頁面確實挺有成就感的,但用戶真的關(guān)注我們精心設(shè)計的這些2px圓角、襯線體、彩色陰影嗎?要贏得用戶,再華麗的包裝設(shè)計理念、再美觀的界面?zhèn)鬟f、再酷炫的呈現(xiàn)效果統(tǒng)統(tǒng)無濟于事,視覺設(shè)計師的價值應(yīng)該體現(xiàn)在以用戶為中心進行設(shè)計,去充分考慮你的設(shè)計是否真的能帶來更好的體驗。
例如在淘工廠改版項目中,我跳出單一的視覺視角,經(jīng)過運用交互、產(chǎn)品、視覺等多手段來制定設(shè)計策略,靈活解決問題才是關(guān)鍵的。
四. 無縫連接上下游
我之前在做一些設(shè)計項目時,視覺設(shè)計的工作時間經(jīng)常因為交互需求反復(fù)、技術(shù)開發(fā)量大等原因被壓縮掉,接著就處于改來改去的狀態(tài),連質(zhì)疑需求和交互方案的合理性都成了奢求,讓我感到 「無力再愛」。再者,大部分時間都是分散在碎片化的項目中,只聚焦在單個項目的視覺表現(xiàn)上,猶如“管中窺豹”缺乏整體一致性的體驗。尤其是同時與多個交互設(shè)計師合作的情況下更明顯,因為每個人都各司其職,只關(guān)注自己負責(zé)的部分。
所以,在執(zhí)行階段,我反而更習(xí)慣于一個人直接與需求方對接,全面參與產(chǎn)品溝通、設(shè)計執(zhí)行、開發(fā)測試、數(shù)據(jù)分析等全部環(huán)節(jié)。
這樣,一是能了解到一手的業(yè)務(wù)動態(tài)與需求信息,了解業(yè)務(wù)技術(shù)可實現(xiàn)情況,避免信息不同步、反復(fù)對焦浪費時間,能爭取更多的時間去投入設(shè)計環(huán)節(jié);二是經(jīng)過完整的項目參與,更能幫助我構(gòu)建整合能力與體系化維,對產(chǎn)品有全局性的認(rèn)知,自然也能保障產(chǎn)品在全流程體驗的一致性。
五. 該執(zhí)著的執(zhí)著,該放手的放手
視覺設(shè)計師一般在完成設(shè)計產(chǎn)出后,走查還原度、跟進上線就結(jié)束了。作為一個UX設(shè)計師,卻還需要繼續(xù)根據(jù)用戶反饋、數(shù)據(jù)分析等方式,去「執(zhí)著」地驅(qū)動業(yè)務(wù)進行產(chǎn)品的迭代優(yōu)化。
但在項目過程中,我需要溝通需求和方案,順便幫PD確定項目功能范圍與迭代計劃,接著產(chǎn)出交互、視覺,還需要切圖、制作icon,跟進上線、跟進數(shù)據(jù)分析、驅(qū)動迭代優(yōu)化,甚至還得負責(zé)業(yè)務(wù)全部運營活動的對接工作。而視覺設(shè)計師的出身,使我更是無法放下對于體驗細節(jié)的追求,巴不得上線產(chǎn)品能準(zhǔn)確還原設(shè)計稿的每一像素。
但一個人的精力是有限的,不可能在所有環(huán)節(jié)都聚焦。所以面對這種事特別多的情況,我們可以適當(dāng)「放手」,將設(shè)計工作分為精細化設(shè)計和自動化設(shè)計兩部分。
精細化設(shè)計,顧名思義就是對那些需要深挖設(shè)計價值的部分,做出**的設(shè)計,如產(chǎn)品首頁、重要功能等。
自動化設(shè)計,就是指從中優(yōu)化設(shè)計思路出發(fā)的設(shè)計,如營銷活動、基礎(chǔ)產(chǎn)品功能等,經(jīng)過我們?nèi)ブ贫ㄆ放圃O(shè)計規(guī)范、進行“樂高式”組件設(shè)計,將搭建常規(guī)頁面的工作開放給業(yè)務(wù)方、外包設(shè)計師等,解放有限的設(shè)計生產(chǎn)力。
之后
對于想轉(zhuǎn)型UX的視覺設(shè)計師而言,我們的手活表達和視覺審美上相較于交互設(shè)計師有著天然的優(yōu)勢,而不足的地方則是在抽象整合、數(shù)據(jù)分析、體系化思維這些部分上。這些不足,是我們應(yīng)該經(jīng)過實戰(zhàn)項目重點逐步提升的綜合能力。隨著UX概念已成為行業(yè)趨勢,視覺設(shè)計師更應(yīng)該在迷茫之時先人一步開始改變。轉(zhuǎn)型UX設(shè)計師的這條路還需要更多的同行加入探索,我已經(jīng)在路上了,你呢?
助學(xué)分期:學(xué)校支持百度錢包教育助學(xué)分期(6期、12期、4 8期)
以上就是小編簡單的介紹,希望對你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費用 |
交大南洋 | 白天班/晚班/周末班 | 點擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點擊了解 |
晶網(wǎng)設(shè)計 | 白天班/晚班/周末班 | 點擊了解 |
非凡進修學(xué)院 | 白天班/晚班/周末班 | 點擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點擊了解 |