新手入門手冊纽什!UI視覺設(shè)計(jì)師工作流程上的總結(jié)與建議

最近有一些剛?cè)胄械膶W(xué)妹來問我,如何才能成為一名合格的設(shè)計(jì)師誉裆,我想三言兩語很難傳達(dá)足丢,于是準(zhǔn)備了一篇長文粱腻,主要是根據(jù)積累的經(jīng)驗(yàn)和對該行業(yè)的認(rèn)識來敘述作為視覺設(shè)計(jì)師需要哪些能力绍些。

理解業(yè)務(wù)需求、產(chǎn)品定位和交互邏輯

理性確立設(shè)計(jì)風(fēng)格并初步評審

設(shè)計(jì)過程中結(jié)合需求奄容,合理優(yōu)化設(shè)計(jì)

保持有效溝通谆刨,輸出并跟進(jìn)設(shè)計(jì)實(shí)現(xiàn)

首先我們要清楚視覺設(shè)計(jì)在整個產(chǎn)品中的作用和目的是什么合蔽,是給用戶提供舒適美好的視覺享受嗎击敌,還是為了用戶使用產(chǎn)品的時候更順暢,這些都包括但不僅僅如此拴事,視覺設(shè)計(jì)還應(yīng)該傳達(dá)品牌差異化沃斤,讓用戶清晰地辨識、記憶并喜愛該產(chǎn)品刃宵,并以促成業(yè)務(wù)目標(biāo)為結(jié)果衡瓶。因此做視覺設(shè)計(jì)就不能只流于表面形式,應(yīng)該全面讀懂業(yè)務(wù)需求和用戶群的特征牲证,做出符合該業(yè)務(wù)需求和品牌調(diào)性的設(shè)計(jì)哮针。

一. 理解業(yè)務(wù)需求、產(chǎn)品定位和交互邏輯

曾經(jīng)有個同行跟我說他犯過的一個錯誤,拿到需求或原型后十厢,也許是迫于時間緊迫和經(jīng)驗(yàn)不足等太,就立急開始設(shè)計(jì),最終的成品確實(shí)很高大上蛮放,獲得很多同事好評缩抡,但是產(chǎn)品經(jīng)理和老板就提出了有指導(dǎo)性的意見,這個網(wǎng)站是給內(nèi)部人員使用的包颁,應(yīng)該以方便快速觸達(dá)目標(biāo)為主瞻想,而不是做成多屏的滾動頁面。雖然老板不懂設(shè)計(jì)娩嚼,但是他卻懂業(yè)務(wù)蘑险,可見設(shè)計(jì)不應(yīng)該是炫技,也不應(yīng)該是給產(chǎn)品潤色岳悟,應(yīng)該是根據(jù)業(yè)務(wù)需求做出多方面綜合考量的結(jié)果漠其。

拿到需求之后,心里有個大概竿音,這個產(chǎn)品是干什么用的和屎,主要是吸引哪些用戶群,業(yè)務(wù)邏輯和使用場景大概是什么樣的春瞬,當(dāng)進(jìn)行了一翻思考之后柴信,如果還覺得陌生,應(yīng)該怎么辦呢宽气,那當(dāng)然是找到交互設(shè)計(jì)交流啦随常,有的公司沒有交互設(shè)計(jì)崗位,這時候可以找到產(chǎn)品經(jīng)理萄涯,他肯定會不厭其煩為你講解绪氛。

理解產(chǎn)品的定位,主要是理清產(chǎn)品的類型(如對內(nèi)或?qū)ν饫杂啊o B或to C產(chǎn)品)枣察、目標(biāo)人群、核心功能燃逻,以及用戶群的主要特征序目,如年齡、性別伯襟、喜好猿涨、使用時間段和操作場景等。甚至可以參與該產(chǎn)品前期的調(diào)研分析姆怪,提前了解并構(gòu)思產(chǎn)品的視覺傳達(dá)叛赚,品牌定位問題澡绩。

如何理清交互邏輯,拿到原型后可以按步驟和頁面分支來形成一個大致的概念俺附,如產(chǎn)品分為幾大模塊肥卡,幾大首頁都有些什么內(nèi)容,甚至可以結(jié)合構(gòu)架圖去理清思路昙读,遇到不明晰之處則與負(fù)責(zé)人交流召调。大致上來講交互邏輯主要應(yīng)該搞懂以下幾點(diǎn):

布局方式

整理框架邏輯和流程

頁面承接關(guān)系

控件的各種狀態(tài)

不同條件下的信息展現(xiàn)

二. 理性確立設(shè)計(jì)風(fēng)格并初步評審

理清了之后膨桥,就可以著手確立設(shè)計(jì)風(fēng)格蛮浑。設(shè)計(jì)不等同于藝術(shù),產(chǎn)品也不是表達(dá)自我的平臺只嚣,設(shè)計(jì)應(yīng)該是解決具體問題并合理論證沮稚。因此不應(yīng)該天馬行空,或拘泥于創(chuàng)意册舞,美感和形式蕴掏。然后太注重分析,也會導(dǎo)致結(jié)果沒有新意调鲸,太重目的盛杰,無法超出用戶的心理預(yù)期,因此應(yīng)該在劃定好的范圍內(nèi)藐石,做一些創(chuàng)意性的延伸工作即供。大多數(shù)的設(shè)計(jì)師都是由學(xué)習(xí)別人開始的,如果還沒有達(dá)到一定的高度于微,可以通過研究同行業(yè)的產(chǎn)品共性和設(shè)計(jì)特征逗嫡,然后理性從共性+個性的角度,并結(jié)合前面理解的定位分析株依,從而思考自身產(chǎn)品的設(shè)計(jì)風(fēng)格驱证。

從把握流行的設(shè)計(jì)風(fēng)格做出符合產(chǎn)品定位的,更符合品牌調(diào)性的設(shè)計(jì)風(fēng)格(當(dāng)然如果該產(chǎn)品不在初期0規(guī)劃階段恋腕,而且已經(jīng)有一套設(shè)計(jì)規(guī)范需要遵行抹锄,那么就了解清楚需要遵行的是哪方面,多大程度的遵行規(guī)范荠藤,如控件的使用祈远,還是圖標(biāo)的風(fēng)格等等,因?yàn)檫@都將影響最終設(shè)計(jì)的結(jié)果)商源,如果有限制车份,仍可在一定的范圍內(nèi)發(fā)散思維,從細(xì)節(jié)上創(chuàng)造出超過用戶預(yù)期的設(shè)計(jì)牡彻。關(guān)于如何通過視覺設(shè)計(jì)提升產(chǎn)品的品牌調(diào)性扫沼,這個后面會通過另外的文章作以分析出爹,這里主要闡述工作推進(jìn)中的一些經(jīng)驗(yàn)和方法。

確立風(fēng)格后缎除,參與初步的風(fēng)格評審严就。評審的作用,在于增加視覺輸出的合理性和效率器罐,評審的過程中可以確定設(shè)計(jì)的風(fēng)格梢为,后面的設(shè)計(jì)按計(jì)劃進(jìn)行,沿著此風(fēng)格繼續(xù)即可轰坊。

三. 設(shè)計(jì)過程中結(jié)合需求铸董,合理優(yōu)化設(shè)計(jì)

在具體做設(shè)計(jì)的時候,遇到不明確的描述肴沫,或是考慮到更多流程圖以外的想法時粟害,可以與交互溝通,加快進(jìn)程颤芬。舉個例子:在做APP公告彈窗的時候悲幅,根據(jù)業(yè)務(wù)模式有可能會出現(xiàn)比較長的公告,也有可能出現(xiàn)兩條公告站蝠,而流程上沒有考慮到這么全面汰具,這時候可以和交互溝通,延伸出更細(xì)化的體驗(yàn)菱魔,并做出更符合邏輯的視覺設(shè)計(jì)留荔。比如公告一屏展示多少字,超出的文字是點(diǎn)擊按鈕顯示下一頁呢豌习,還是用滾動的方式展示剩余的部分存谎,第二條公告通常是在第一條之后展示,那么如果兩條公告的長度不一致怎么處理呢肥隆,視覺上不應(yīng)該出現(xiàn)時長時短的彈窗既荚,顯示不專業(yè)不規(guī)范,這時候比較好的方法是折中選擇一個高度居中的彈窗設(shè)計(jì)栋艳,并且提醒產(chǎn)品在公告字?jǐn)?shù)上做限制恰聘。

所以作為一名視覺設(shè)計(jì)師,多了解產(chǎn)品體驗(yàn)吸占,熟悉業(yè)務(wù)性質(zhì)晴叨,可以提升產(chǎn)品的設(shè)計(jì),平常除了做好視覺設(shè)計(jì)提升的基礎(chǔ)上矾屯,可以閱讀一些用戶體驗(yàn)和交互設(shè)計(jì)相關(guān)的書籍兼蕊,比如《用戶體驗(yàn)方法論》,對于產(chǎn)品設(shè)計(jì)都有很多值得思考的觀點(diǎn)件蚕,比如書中提到的超預(yù)期的用戶體驗(yàn)的基本要素“Lemers”孙技,即“易學(xué)产禾、高效、易記牵啦、糾錯亚情、滿意度”。

設(shè)計(jì)并不是自己埋頭琢磨哈雏,把設(shè)計(jì)做得高大上能夠使用就行了楞件,還要學(xué)會解釋自己的設(shè)計(jì),獲得大家的認(rèn)同裳瘪。這就需要做設(shè)計(jì)的過程中參與體驗(yàn)的思考土浸,做到任何一個細(xì)節(jié)都經(jīng)過自己的理解和認(rèn)同,否則無法完成后期評判設(shè)計(jì)時的解說盹愚。

曾經(jīng)招聘人員時就有發(fā)現(xiàn)栅迄,有的設(shè)計(jì)師作品很高大上站故,也符合產(chǎn)品需求皆怕,但是向他提問為什么這樣設(shè)計(jì)卻難以解釋清楚,后來了解到西篓,他在設(shè)計(jì)過程中照搬原型愈腾,自己沒有加入思考,只是負(fù)責(zé)美化工作岂津,當(dāng)然如果是和經(jīng)驗(yàn)足夠成熟的產(chǎn)品合作虱黄,也不會出現(xiàn)什么大的問題而且還能推進(jìn)工作流程,但長期下來會導(dǎo)致他沒有參與感和認(rèn)同感吮成,久而久之就會對工作產(chǎn)生懈怠的心理橱乱,甚至對于他職業(yè)發(fā)展也是不利,畢竟只做好美化的視覺工作是遠(yuǎn)遠(yuǎn)不夠的粱甫,即使有足夠的創(chuàng)意也應(yīng)該是為產(chǎn)品和業(yè)務(wù)需求服務(wù)泳叠。

四. 保持有效溝通,輸出并跟進(jìn)設(shè)計(jì)實(shí)現(xiàn)

設(shè)計(jì)過程中很可能遇到產(chǎn)品需求有調(diào)整的情況茶宵,應(yīng)該保持有效溝通危纫,隨時準(zhǔn)備設(shè)計(jì)修改。那么設(shè)計(jì)完成以后乌庶,事情還沒有完种蝶,輸出的過程也尤為重要,輸出設(shè)計(jì)應(yīng)按優(yōu)先級輸出關(guān)鍵模塊瞒大,并分模塊有序輸出螃征;輸出內(nèi)容統(tǒng)一規(guī)范命名,方便開發(fā)使用透敌,形成合格的交付物盯滚。同時锅棕,設(shè)計(jì)過程中就應(yīng)該規(guī)范命名,這直接關(guān)系著后期輸出的流暢淌山,圖層分層和文件夾的歸類也應(yīng)該按頁面邏輯裸燎,以便其它設(shè)計(jì)師使用時也清晰了然,減少磨合過程泼疑。設(shè)計(jì)還應(yīng)定期檢查開發(fā)的設(shè)計(jì)實(shí)現(xiàn)德绿,遇到問題羅列并跟進(jìn)修改。

總結(jié)

視覺設(shè)計(jì)師平惩松可以做些繪畫練習(xí)移稳,多瀏覽優(yōu)秀的設(shè)計(jì),保持基本的審美水平会油,同時提升用戶體驗(yàn)知識个粱,分析不同的產(chǎn)品設(shè)計(jì)背后的動機(jī),畢竟視覺設(shè)計(jì)不只是把產(chǎn)品做好看就行了翻翩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末都许,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子嫂冻,更是在濱河造成了極大的恐慌胶征,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桨仿,死亡現(xiàn)場離奇詭異睛低,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)服傍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門钱雷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吹零,你說我怎么就攤上這事罩抗。” “怎么了瘪校?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵澄暮,是天一觀的道長。 經(jīng)常有香客問我阱扬,道長泣懊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任麻惶,我火速辦了婚禮馍刮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘窃蹋。我一直安慰自己卡啰,他們只是感情好静稻,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著匈辱,像睡著了一般振湾。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上亡脸,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天押搪,我揣著相機(jī)與錄音,去河邊找鬼浅碾。 笑死大州,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的垂谢。 我是一名探鬼主播厦画,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼滥朱!你這毒婦竟也來了根暑?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤焚虱,失蹤者是張志新(化名)和其女友劉穎购裙,沒想到半個月后懂版,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鹃栽,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年躯畴,在試婚紗的時候發(fā)現(xiàn)自己被綠了民鼓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡蓬抄,死狀恐怖丰嘉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情嚷缭,我是刑警寧澤饮亏,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站阅爽,受9級特大地震影響路幸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜付翁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一简肴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧百侧,春花似錦砰识、人聲如沸能扒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽初斑。三九已至,卻和暖如春膨处,著一層夾襖步出監(jiān)牢的瞬間越平,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工灵迫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秦叛,地道東北人。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓瀑粥,卻偏偏與公主長得像挣跋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子狞换,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評論 2 355

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