2017設(shè)計(jì)總結(jié)

2017年是自己的本命年捐下,都說(shuō)本命年多磨枣接,但我還算過(guò)的很平穩(wěn)描验,生活工作都很穩(wěn)定,并沒(méi)有太大的變化心墅,但是很高興自己自己在專業(yè)領(lǐng)域內(nèi)又掌握了很多技能酿矢,遺憾也是在T型的路上,縱向沒(méi)有足夠的延長(zhǎng)怎燥。

一瘫筐、設(shè)計(jì)工具的新嘗試

1.使用sketch作為新的設(shè)計(jì)工具

在工作上第一高興的事情是推動(dòng)了整個(gè)團(tuán)隊(duì)UI設(shè)計(jì)工具從Ps向Sketch的轉(zhuǎn)變☆硪Γ可能對(duì)于其他團(tuán)隊(duì)來(lái)說(shuō)策肝,這是一個(gè)很正常的事情,但是我為此確做了差不多有一年的努力隐绵。在我去年的個(gè)人總結(jié)中之众,我為設(shè)計(jì)工具的落后,花大量時(shí)間做標(biāo)注而感到痛苦(具體參見(jiàn)http://www.reibang.com/p/53e3c38b2722)這種痛苦我到現(xiàn)在還能體會(huì)的到依许,那的確是一段難熬的時(shí)光棺禾。

因?yàn)槲覀冞^(guò)去的主要產(chǎn)品的全套UI界面都是使用Ps軟件進(jìn)行設(shè)計(jì)的,2016年底還進(jìn)行了大規(guī)模的改版悍手,巨大的ps文檔十分消耗內(nèi)存帘睦,公司的低配置imac常常遇到崩潰或者不能響應(yīng)的狀態(tài)。設(shè)計(jì)之后的標(biāo)注工作也是消耗時(shí)間的體力勞動(dòng)坦康。這兩方面的原因使我意識(shí)到為了整個(gè)設(shè)計(jì)團(tuán)隊(duì)的工作效率不得不改用新的設(shè)計(jì)工具竣付。于是新的界面改版我開(kāi)始用sketch來(lái)進(jìn)行繪制。轉(zhuǎn)變的過(guò)程也是很艱難的滞欠,因?yàn)樵瓉?lái)的文件是psd古胆,并不能直接用sketch打開(kāi),所以每一個(gè)基于原始版本的改版筛璧,改用sketch以后需要對(duì)整個(gè)界面進(jìn)行重繪逸绎。我也在空閑的時(shí)間對(duì)整個(gè)app的所有界面進(jìn)行sketch文件的重新制作,因?yàn)樾枰凑找?guī)范像素級(jí)還原是一個(gè)比較大的工程夭谤,但是很高興這項(xiàng)工作的意義也是很大的:1.我對(duì)整個(gè)App的流程有了更加深刻的認(rèn)識(shí)棺牧;2.新的sketch界面可以團(tuán)隊(duì)共用,此后的版本都可以用sketch來(lái)進(jìn)行設(shè)計(jì)朗儒,矢量圖大大減小了電腦的內(nèi)存消耗颊乘,電腦的響應(yīng)速度也更快了。標(biāo)注使用sketch measure直接導(dǎo)出html版本醉锄,配合sketch自帶的切圖工具乏悄,使設(shè)計(jì)效率大大提高,我們也可以花更多的時(shí)間專注在設(shè)計(jì)本身恳不。

使用sketch制作的UI Kit


sketch measure導(dǎo)出可實(shí)時(shí)查看的標(biāo)注


2.使用abstract為sketch文件做版本管理

2017年sketch版本管理工具abstract的發(fā)布使sketch成為了更好用的設(shè)計(jì)工具檩小。以往我使用電腦的文件夾進(jìn)行版本管理,雖然沿著文件夾路徑也能很快的找到所需要的文件烟勋,但是并不能直觀的反映出每個(gè)版本所對(duì)應(yīng)的內(nèi)容方面的更改规求。改用abstract以后筐付,及時(shí)對(duì)版本更新進(jìn)行記錄,不但增強(qiáng)了對(duì)文件的查找效率阻肿,而且加強(qiáng)了對(duì)業(yè)務(wù)的理解家妆。

abstract的版本管理層級(jí)十分清晰


3.對(duì)動(dòng)效工具的探索

今年技能方面的一大提升是對(duì)交互動(dòng)效軟件的學(xué)習(xí)和實(shí)踐:意識(shí)到交互動(dòng)效的重要性,我陸續(xù)學(xué)習(xí)了ps逐幀動(dòng)畫(huà)冕茅,ae伤极,principle,flinto幾款交互動(dòng)效工具姨伤,并且明確了這幾個(gè)工具的不同適用場(chǎng)景哨坪,在實(shí)踐中可以根據(jù)不同的需求選擇適合工具。

制作頁(yè)面下拉動(dòng)畫(huà)乍楚、加載動(dòng)畫(huà)會(huì)使用ps或者ae当编,后期的開(kāi)發(fā)過(guò)程中會(huì)輸出gif或者雪碧圖給開(kāi)發(fā)使用。一個(gè)app的完整的跳轉(zhuǎn)流程和會(huì)使用flinto徒溪,因?yàn)閒linto更適合多頁(yè)面的簡(jiǎn)單跳轉(zhuǎn)忿偷,在工作中也使用flinto實(shí)現(xiàn)了兩款產(chǎn)品的完整動(dòng)效流程。兩個(gè)頁(yè)面之間中比較復(fù)雜的交互動(dòng)效更適合使用principle來(lái)實(shí)現(xiàn)臊泌,鲤桥,app的轉(zhuǎn)場(chǎng)動(dòng)效會(huì)輸出詳盡的標(biāo)注提供給開(kāi)發(fā)去,標(biāo)注中包含元素名稱渠概、時(shí)間軸茶凳、動(dòng)效曲線、屬性變化這些內(nèi)容播揪。

flinto實(shí)現(xiàn)功夫貸App的完整交互流程


動(dòng)效標(biāo)注


4.網(wǎng)頁(yè)生成工具webflow的探索

今年在尋找個(gè)人網(wǎng)站實(shí)現(xiàn)工具的過(guò)程中發(fā)現(xiàn)了webflow贮喧。webflow是一個(gè)響應(yīng)式網(wǎng)站的生成工具。不同于傳統(tǒng)的可視化網(wǎng)頁(yè)工具猪狈,如Frongtpage箱沦、Dreamweaver,webflow導(dǎo)出的代碼是十分的干凈清晰雇庙,不會(huì)產(chǎn)生垃圾代碼谓形。用webflow的實(shí)現(xiàn)流程同傳統(tǒng)的開(kāi)發(fā)流程一樣,用sketch繪制好效果圖后状共,導(dǎo)出切圖和標(biāo)注套耕,然后設(shè)置webflow中基于盒子模型的參數(shù)和屬性谁帕,就能又塊又便捷的完美還原設(shè)計(jì)圖峡继,同時(shí)對(duì)pad端和手機(jī)端進(jìn)行稍稍的調(diào)整,就能得到一個(gè)響應(yīng)式網(wǎng)站匈挖。我利用業(yè)余時(shí)間來(lái)學(xué)習(xí)這個(gè)工具碾牌,實(shí)現(xiàn)了個(gè)人網(wǎng)站的簡(jiǎn)單版本(yunhe.webflow.io)康愤。


使用webflow生成的個(gè)人網(wǎng)站

二、理論知識(shí)的加深與學(xué)習(xí)

1.交互理論的加深與鞏固

去年對(duì)交互理論的學(xué)習(xí)更多關(guān)注的是常用的交互模型和交互控件這些細(xì)節(jié)指出舶吗,今年更注重的完善的交互分析理論和交互文檔的輸出征冷。今年從頭開(kāi)始,深入的研究了人物畫(huà)像誓琼、故事版检激、用戶體驗(yàn)地、用戶可用性測(cè)試這些分析方法的具體操作腹侣。但對(duì)交互的學(xué)習(xí)不只是紙上談兵叔收,希望有機(jī)會(huì)能從實(shí)踐的角度把所學(xué)知識(shí)利用起來(lái)。

2.新科技領(lǐng)域的學(xué)習(xí)

2017年是新科技爆發(fā)的一年傲隶,AI饺律、VR、AR和智能語(yǔ)音在商用領(lǐng)域都有了新的突破跺株。從神奇寶貝到AR紅包复濒,從各種VR游戲到走進(jìn)家庭的智能音響,各種新科技也都走進(jìn)了大眾視野乒省。但是作為設(shè)計(jì)師巧颈,最有切身體會(huì)的還是人工智能設(shè)計(jì)師的誕生。之前在設(shè)計(jì)組的分享中也從四個(gè)領(lǐng)域分享了科技成果的新突破袖扛,也嘗試著總結(jié)了一下未來(lái)設(shè)計(jì)師的發(fā)展方向洛二,希望我們不只是從遠(yuǎn)處觀望科技的發(fā)展,也希望能利用科技促進(jìn)自身的發(fā)展攻锰。17年只是從一個(gè)旁觀者的角度來(lái)體會(huì)科技帶來(lái)的變化晾嘶,新的一年希望能實(shí)踐起來(lái),嘗試學(xué)習(xí)更多的新理論新知識(shí)娶吞,熟悉VR垒迂、AR、語(yǔ)音智能等新科技領(lǐng)域的設(shè)計(jì)規(guī)范妒蛇,并最好有可能投身其中進(jìn)行實(shí)踐机断,成為一個(gè)跟得上時(shí)代,甚至能引領(lǐng)時(shí)代的設(shè)計(jì)師绣夺。

三吏奸、工作內(nèi)容

1.移動(dòng)端、web端陶耍、后臺(tái)界面設(shè)計(jì)

今年設(shè)計(jì)工作的重心還是在移動(dòng)端UI設(shè)計(jì)奋蔚。有兩款產(chǎn)品經(jīng)歷了從零到一的過(guò)程,很慶幸自己能夠獨(dú)立完成幾個(gè)大版本的設(shè)計(jì)工作,探索了新的設(shè)計(jì)風(fēng)格與設(shè)計(jì)規(guī)范泊碑,經(jīng)歷了從無(wú)到誕生的過(guò)程坤按,在設(shè)計(jì)過(guò)程中也能主動(dòng)的產(chǎn)品去溝通一些交互和動(dòng)效的細(xì)節(jié),力求得到良好的用戶體驗(yàn)馒过。配合移動(dòng)端App的設(shè)計(jì)也為幾款產(chǎn)品設(shè)計(jì)了web端的官網(wǎng)臭脓,網(wǎng)頁(yè)端的設(shè)計(jì)技能也得到了提升。


今年比較具有挑戰(zhàn)性的工作是為兩個(gè)后臺(tái)系統(tǒng)進(jìn)行UI設(shè)計(jì)包括一些交互上的整理腹忽。去年也為后臺(tái)系統(tǒng)做過(guò)設(shè)計(jì)来累,但是今年的工作要求更加深入,因?yàn)閮蓚€(gè)后臺(tái)都是新產(chǎn)品窘奏,交互不是很完善佃扼,也花了很多時(shí)間思考并和產(chǎn)品來(lái)溝通交互細(xì)節(jié)。難度更大的是一個(gè)CRM系統(tǒng)的界面設(shè)計(jì)蔼夜,因?yàn)槭盏降男枨蠛艽致约嬉驗(yàn)殚_(kāi)發(fā)遇到問(wèn)題,設(shè)計(jì)才從中途介入求冷,所以需要我快速的了解業(yè)務(wù)場(chǎng)景瘤运。其中有一個(gè)表單頁(yè)面,基本上是重新對(duì)頁(yè)面進(jìn)行梳理匠题,并用新的控件樣式來(lái)引導(dǎo)用戶操作拯坟,做的時(shí)候很有壓力,但很高興的是問(wèn)題得到了解決韭山。

CRM表單設(shè)計(jì)

2.視頻剪輯

我在上學(xué)的時(shí)候會(huì)和朋友進(jìn)行微電影創(chuàng)作郁季。我通常擔(dān)任編劇和后期的角色,也算一個(gè)業(yè)余愛(ài)好钱磅。沒(méi)想到在今年這項(xiàng)因?yàn)榧寄芪乙沧隽藥讉€(gè)side project梦裂,用業(yè)余賺的錢(qián)添置了一個(gè)戴爾27寸4k顯示器,希望作為愛(ài)好盖淡,在剪輯和后期方面能有長(zhǎng)足的發(fā)展年柠。

3.實(shí)習(xí)生指導(dǎo)與培養(yǎng)

今年帶了兩個(gè)實(shí)習(xí)生,因?yàn)槲乙彩菑膶?shí)習(xí)生逐漸成長(zhǎng)起來(lái)的的褪迟,所以也很能理解她們?cè)陂_(kāi)始工作中遇到的困難和她們此時(shí)的感受冗恨。我整理了一份UI知識(shí)體系框架,基本上能夠涵蓋UI設(shè)計(jì)工作的內(nèi)容味赃,但是在實(shí)際過(guò)程中發(fā)現(xiàn)掀抹,很多問(wèn)題還是要具體分析的,因?yàn)閷?duì)知識(shí)的理解還需要一段時(shí)間來(lái)進(jìn)行消化心俗。所以在她們工作的過(guò)程中傲武,我也格外關(guān)注細(xì)節(jié),希望能為她們遇到的任何困難來(lái)進(jìn)行一些指導(dǎo)。在對(duì)實(shí)習(xí)生的指導(dǎo)過(guò)程中谱轨,我也力求從源頭上為實(shí)習(xí)生解決問(wèn)題,將具體場(chǎng)景和理論知識(shí)進(jìn)行結(jié)合吠谢,以促進(jìn)設(shè)計(jì)能得到更好的改進(jìn)土童。


四、個(gè)人定位與規(guī)劃

今年還是有很多遺憾的工坊,就像開(kāi)篇說(shuō)的献汗,自己在專業(yè)的角度上沒(méi)有達(dá)到理想的深度。今年學(xué)了很多東西王污,但是自己最不想成為的就是萬(wàn)金油樣的人罢吃,還是希望在各個(gè)領(lǐng)域能夠鉆研的夠?qū)蛏睢N覍?duì)自己的定位是“通過(guò)交互設(shè)計(jì)昭齐、視覺(jué)設(shè)計(jì)和動(dòng)效設(shè)計(jì)去提升Web端尿招、移動(dòng)端用戶體驗(yàn)的UX設(shè)計(jì)師”,所以新一年的計(jì)劃還是從UI阱驾、動(dòng)效就谜、交互上下手,所有其他的軟件和工具只是輔助里覆,新的一年能從理論和時(shí)間上都有更深更新的產(chǎn)出丧荐。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市喧枷,隨后出現(xiàn)的幾起案子虹统,更是在濱河造成了極大的恐慌,老刑警劉巖隧甚,帶你破解...
    沈念sama閱讀 221,430評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件车荔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡戚扳,警方通過(guò)查閱死者的電腦和手機(jī)夸赫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)咖城,“玉大人茬腿,你說(shuō)我怎么就攤上這事∫巳福” “怎么了切平?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,834評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)辐董。 經(jīng)常有香客問(wèn)我悴品,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,543評(píng)論 1 296
  • 正文 為了忘掉前任苔严,我火速辦了婚禮定枷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘届氢。我一直安慰自己欠窒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布退子。 她就那樣靜靜地躺著岖妄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪寂祥。 梳的紋絲不亂的頭發(fā)上荐虐,一...
    開(kāi)封第一講書(shū)人閱讀 52,196評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音丸凭,去河邊找鬼福扬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛惜犀,可吹牛的內(nèi)容都是我干的忧换。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼向拆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼亚茬!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起浓恳,我...
    開(kāi)封第一講書(shū)人閱讀 39,671評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤刹缝,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后颈将,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體梢夯,經(jīng)...
    沈念sama閱讀 46,221評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評(píng)論 3 340
  • 正文 我和宋清朗相戀三年晴圾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了颂砸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,444評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡死姚,死狀恐怖人乓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情都毒,我是刑警寧澤色罚,帶...
    沈念sama閱讀 36,134評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站账劲,受9級(jí)特大地震影響戳护,放射性物質(zhì)發(fā)生泄漏金抡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評(píng)論 3 333
  • 文/蒙蒙 一腌且、第九天 我趴在偏房一處隱蔽的房頂上張望梗肝。 院中可真熱鬧,春花似錦铺董、人聲如沸巫击。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,285評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)喘鸟。三九已至匆绣,卻和暖如春驻右,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背崎淳。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,399評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工堪夭, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人拣凹。 一個(gè)月前我還...
    沈念sama閱讀 48,837評(píng)論 3 376
  • 正文 我出身青樓森爽,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親嚣镜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子爬迟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評(píng)論 2 359

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,277評(píng)論 25 707
  • 也許對(duì)于剛經(jīng)歷完高考的我來(lái)說(shuō)付呕,現(xiàn)在是個(gè)太具有挑戰(zhàn)性的夏季。 從一開(kāi)始踏入高中以來(lái)就計(jì)劃著怎樣度過(guò)生命中最寶貴的三年...
    熟了的青果閱讀 656評(píng)論 1 0
  • 上個(gè)星期天去的跌捆,在旅行社報(bào)的一日游徽职。孩子們玩瘋了,流連忘返佩厚,今晚又問(wèn)了我家寶貝姆钉,她毫不猶豫地說(shuō)還想去!抄瓦!
    若水之善閱讀 673評(píng)論 0 0
  • 某人在朋友圈發(fā)了條消息潮瓶,被圈內(nèi)一朋友評(píng)價(jià)了「奇ⅲ可能措詞上有某種不妥筋讨,又或者怕另外的人看到生出意外,那位微信主半夜三更...
    粉妖閱讀 227評(píng)論 0 0
  • 曾經(jīng)的曾經(jīng)摸恍,我也有過(guò)夢(mèng)想悉罕,我也想去我想要去的地方赤屋,可是,都是自己的一時(shí)錯(cuò)誤讓我成了現(xiàn)在的自己壁袄。 還記得高三時(shí)...
    我是男漢子Diana閱讀 113評(píng)論 0 0