? ? ? ?深入學(xué)習(xí)UI設(shè)計(jì)已經(jīng)有一年半了裳涛,期間從一個(gè)Icon maker慢慢進(jìn)化涮较,進(jìn)而深入學(xué)習(xí)iOS和Android的設(shè)計(jì)規(guī)范左刽,或許從那時(shí)開(kāi)始我開(kāi)始理解UI設(shè)計(jì)的概念。到這我也就只能輸出靜態(tài)稿刃滓,因?yàn)榻换ブR(shí)的匱乏仁烹,設(shè)計(jì)看似漂亮可在使用過(guò)程中存在好多邏輯漏洞,無(wú)法自圓其說(shuō)更甚者有些功能根本走不通咧虎。于是我便停下了對(duì)技能的追求卓缰,開(kāi)始尋找關(guān)于產(chǎn)品經(jīng)理和交互設(shè)計(jì)方面的資料開(kāi)始閱讀,開(kāi)始分析自己假設(shè)的需求砰诵,開(kāi)始繪制用戶的使用流程圖征唬。我開(kāi)始完整的思考一個(gè)項(xiàng)目,從需求分析到前期調(diào)研茁彭,再繼續(xù)還原用戶場(chǎng)景和使用流程总寒,直到這時(shí)我才開(kāi)始深入到視覺(jué)設(shè)計(jì)。
? ? ? ?按照自己假設(shè)的workflow理肺,我完成了自己的第一個(gè)項(xiàng)目(虛擬項(xiàng)目)REGER微博這是一個(gè)微博的第三方客戶端摄闸,在設(shè)計(jì)過(guò)程中我分析了微博客戶端的優(yōu)缺點(diǎn),重新架構(gòu)了產(chǎn)品的功能哲嘲,并且嘗試在自己的設(shè)計(jì)中加入手勢(shì)和新的交互模式贪薪。我花了一個(gè)月的時(shí)間完成了靜態(tài)稿的設(shè)計(jì),可是我并不滿足眠副,為了使它的操作方式更好的展示,我開(kāi)始深入學(xué)習(xí)AE(之前有一定的AE基礎(chǔ))竣稽,邊學(xué)習(xí)邊嘗試完成產(chǎn)品的宣傳視頻囱怕。在設(shè)計(jì)過(guò)程中我將自己封閉霍弹,改變電腦的顯示時(shí)間,手機(jī)開(kāi)啟飛行模式娃弓,就這樣我花了五天完成了最后的視頻典格。
? ? ? 當(dāng)我開(kāi)始我的第二個(gè)項(xiàng)目時(shí),我擁有了團(tuán)隊(duì)-有飯兒台丛,團(tuán)隊(duì)只有三個(gè)人可是輸出效率超高耍缴,小蘭-產(chǎn)品經(jīng)理,大王-用戶研究員&視覺(jué)設(shè)計(jì)師和Mars(本人)-視覺(jué)設(shè)計(jì)師&交互設(shè)計(jì)師挽霉。項(xiàng)目的詳情我不想過(guò)多的詳述防嗡,項(xiàng)目廚趣是我們參加UXPA中國(guó)-用戶體驗(yàn)設(shè)計(jì)大賽的作品,我們挺過(guò)初賽侠坎,記得當(dāng)時(shí)有三個(gè)評(píng)委給了通過(guò)蚁趁。可是復(fù)賽階段实胸,我自己有了一些突發(fā)事情無(wú)法繼續(xù)深入他嫡,加上小蘭學(xué)姐馬上要去工作,項(xiàng)目只好叫停庐完。當(dāng)自己恢復(fù)過(guò)來(lái)钢属,大概已經(jīng)是八月中旬,我開(kāi)始重新整理概念設(shè)計(jì)報(bào)告门躯,梳理我們的設(shè)計(jì)需求署咽,認(rèn)真思考了三位評(píng)審提出的建議。一樣的workflow和設(shè)計(jì)時(shí)間生音,我給了自己推翻之前重新再來(lái)的機(jī)會(huì)宁否。
? ? ? 九月初我完成了完整的視覺(jué)設(shè)計(jì),就在這時(shí)我沒(méi)有按著原本的打算缀遍,制作產(chǎn)品演示視頻慕匠。我開(kāi)始靜下心思考,“視覺(jué)流的產(chǎn)品原型演示域醇,能夠帶給用戶多大的使用體驗(yàn)台谊,能夠獲得多少用戶反饋?”譬挚。于是我開(kāi)始學(xué)習(xí)可交互軟件锅铅,并嘗試將自己的設(shè)計(jì)實(shí)現(xiàn)出來(lái),面對(duì)眾多的原型軟件减宣,我的選擇綜合癥爆發(fā)了盐须。于是我開(kāi)始在知乎上到處詢問(wèn)和查看相關(guān)的問(wèn)題,在效果實(shí)現(xiàn)和學(xué)習(xí)成本兩方面的權(quán)衡下,我選擇了Form-一款可視化編程的交互軟件漆腌。在深入鉆研三天后贼邓,我邊開(kāi)始著手將自己的設(shè)計(jì)稿實(shí)現(xiàn)出來(lái)阶冈,期間遇到了好多不懂的Patch,因此只好潛心熟悉并練習(xí)官方案例。就這樣一路磕磕絆絆塑径,拆解案例女坑,組合還原,終于將自己的設(shè)計(jì)實(shí)現(xiàn)出來(lái)统舀。當(dāng)你可以在手機(jī)上體驗(yàn)自己的設(shè)計(jì)稿并且不厭其煩的點(diǎn)擊體驗(yàn)動(dòng)效的細(xì)節(jié)匆骗,這種滿足感是無(wú)法言說(shuō)的。
? ? ? ? 我開(kāi)始將Form納入到了我的workflow誉简,可是經(jīng)過(guò)我對(duì)Form 的深入學(xué)習(xí)碉就,我發(fā)現(xiàn)使用 Form 去模擬一個(gè)完整的 App 或者大的功能塊是不現(xiàn)實(shí)的。個(gè)別動(dòng)效實(shí)現(xiàn)可以使用Form 類型的軟件描融,要是你把 App 模擬的和真的完全一樣了铝噩,估計(jì)時(shí)間成本和開(kāi)發(fā)一個(gè) App 界面也沒(méi)什么差別了。
? ? ? ?到這個(gè)時(shí)候我開(kāi)始強(qiáng)烈的意識(shí)到開(kāi)發(fā)對(duì)設(shè)計(jì)的重要性窿克。加上之前對(duì)動(dòng)效設(shè)計(jì)的練習(xí)和思考骏庸,讓我深深的明白設(shè)計(jì)和開(kāi)發(fā)之間需要一個(gè)平衡點(diǎn),這也促使設(shè)計(jì)師去了解開(kāi)發(fā)年叮。就在這時(shí)候我開(kāi)始重新閱讀Meng To的書具被,開(kāi)始學(xué)習(xí)Xcode的storyboard和swift。
? ? ? ? 講到這里只损,已經(jīng)是全文的尾聲了一姿,回到題目的design code,這也是我另一個(gè)設(shè)計(jì)階段的開(kāi)始跃惫,回看這一年半的設(shè)計(jì)歷程再結(jié)合design code中design principles章節(jié)叮叹,有些原則在自己的實(shí)踐中得到了踐行,有些還需要慢慢的融會(huì)貫通爆存。在結(jié)尾處我附上配圖上的那句話并且我將它作為自己的座右銘——Trends fade quickly, strong foundations last forever.