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ì)本身恳不。
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ù)的理解家妆。
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)容播揪。
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)康愤。
二、理論知識(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)題得到了解決韭山。
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)出丧荐。