Design Code小記

圖片來(lái)自design code

? ? ? ?深入學(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.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蛉顽,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子先较,更是在濱河造成了極大的恐慌携冤,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件闲勺,死亡現(xiàn)場(chǎng)離奇詭異曾棕,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)菜循,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門翘地,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事子眶∑倌” “怎么了序芦?”我有些...
    開(kāi)封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵臭杰,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我谚中,道長(zhǎng)渴杆,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任宪塔,我火速辦了婚禮磁奖,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘某筐。我一直安慰自己比搭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布南誊。 她就那樣靜靜地躺著身诺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抄囚。 梳的紋絲不亂的頭發(fā)上霉赡,一...
    開(kāi)封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音幔托,去河邊找鬼穴亏。 笑死,一個(gè)胖子當(dāng)著我的面吹牛重挑,可吹牛的內(nèi)容都是我干的嗓化。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼谬哀,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼刺覆!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起玻粪,我...
    開(kāi)封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤隅津,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后劲室,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體伦仍,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年很洋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了充蓝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖谓苟,靈堂內(nèi)的尸體忽然破棺而出官脓,到底是詐尸還是另有隱情,我是刑警寧澤涝焙,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布卑笨,位于F島的核電站,受9級(jí)特大地震影響仑撞,放射性物質(zhì)發(fā)生泄漏赤兴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一隧哮、第九天 我趴在偏房一處隱蔽的房頂上張望桶良。 院中可真熱鬧,春花似錦沮翔、人聲如沸陨帆。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)疲牵。三九已至,卻和暖如春搏存,著一層夾襖步出監(jiān)牢的瞬間瑰步,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工璧眠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缩焦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓责静,卻偏偏與公主長(zhǎng)得像袁滥,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子灾螃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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