2017设计总结

2017年是自己的本命年,都说本命年多磨,但我还算过的很平稳,生活工作都很稳定,并没有太大的变化,但是很高兴自己自己在专业领域内又掌握了很多技能,遗憾也是在T型的路上,纵向没有足够的延长。

一、设计工具的新尝试

1.使用sketch作为新的设计工具

在工作上第一高兴的事情是推动了整个团队UI设计工具从Ps向Sketch的转变。可能对于其他团队来说,这是一个很正常的事情,但是我为此确做了差不多有一年的努力。在我去年的个人总结中,我为设计工具的落后,花大量时间做标注而感到痛苦(具体参见https://www.jianshu.com/p/53e3c38b2722)这种痛苦我到现在还能体会的到,那的确是一段难熬的时光。

因为我们过去的主要产品的全套UI界面都是使用Ps软件进行设计的,2016年底还进行了大规模的改版,巨大的ps文档十分消耗内存,公司的低配置imac常常遇到崩溃或者不能响应的状态。设计之后的标注工作也是消耗时间的体力劳动。这两方面的原因使我意识到为了整个设计团队的工作效率不得不改用新的设计工具。于是新的界面改版我开始用sketch来进行绘制。转变的过程也是很艰难的,因为原来的文件是psd,并不能直接用sketch打开,所以每一个基于原始版本的改版,改用sketch以后需要对整个界面进行重绘。我也在空闲的时间对整个app的所有界面进行sketch文件的重新制作,因为需要按照规范像素级还原是一个比较大的工程,但是很高兴这项工作的意义也是很大的:1.我对整个App的流程有了更加深刻的认识;2.新的sketch界面可以团队共用,此后的版本都可以用sketch来进行设计,矢量图大大减小了电脑的内存消耗,电脑的响应速度也更快了。标注使用sketch measure直接导出html版本,配合sketch自带的切图工具,使设计效率大大提高,我们也可以花更多的时间专注在设计本身。

使用sketch制作的UI Kit


sketch measure导出可实时查看的标注


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

2017年sketch版本管理工具abstract的发布使sketch成为了更好用的设计工具。以往我使用电脑的文件夹进行版本管理,虽然沿着文件夹路径也能很快的找到所需要的文件,但是并不能直观的反映出每个版本所对应的内容方面的更改。改用abstract以后,及时对版本更新进行记录,不但增强了对文件的查找效率,而且加强了对业务的理解。

abstract的版本管理层级十分清晰


3.对动效工具的探索

今年技能方面的一大提升是对交互动效软件的学习和实践:意识到交互动效的重要性,我陆续学习了ps逐帧动画,ae,principle,flinto几款交互动效工具,并且明确了这几个工具的不同适用场景,在实践中可以根据不同的需求选择适合工具。

制作页面下拉动画、加载动画会使用ps或者ae,后期的开发过程中会输出gif或者雪碧图给开发使用。一个app的完整的跳转流程和会使用flinto,因为flinto更适合多页面的简单跳转,在工作中也使用flinto实现了两款产品的完整动效流程。两个页面之间中比较复杂的交互动效更适合使用principle来实现,,app的转场动效会输出详尽的标注提供给开发去,标注中包含元素名称、时间轴、动效曲线、属性变化这些内容。

flinto实现功夫贷App的完整交互流程


动效标注


4.网页生成工具webflow的探索

今年在寻找个人网站实现工具的过程中发现了webflow。webflow是一个响应式网站的生成工具。不同于传统的可视化网页工具,如Frongtpage、Dreamweaver,webflow导出的代码是十分的干净清晰,不会产生垃圾代码。用webflow的实现流程同传统的开发流程一样,用sketch绘制好效果图后,导出切图和标注,然后设置webflow中基于盒子模型的参数和属性,就能又块又便捷的完美还原设计图,同时对pad端和手机端进行稍稍的调整,就能得到一个响应式网站。我利用业余时间来学习这个工具,实现了个人网站的简单版本(yunhe.webflow.io)。


使用webflow生成的个人网站

二、理论知识的加深与学习

1.交互理论的加深与巩固

去年对交互理论的学习更多关注的是常用的交互模型和交互控件这些细节指出,今年更注重的完善的交互分析理论和交互文档的输出。今年从头开始,深入的研究了人物画像、故事版、用户体验地、用户可用性测试这些分析方法的具体操作。但对交互的学习不只是纸上谈兵,希望有机会能从实践的角度把所学知识利用起来。

2.新科技领域的学习

2017年是新科技爆发的一年,AI、VR、AR和智能语音在商用领域都有了新的突破。从神奇宝贝到AR红包,从各种VR游戏到走进家庭的智能音响,各种新科技也都走进了大众视野。但是作为设计师,最有切身体会的还是人工智能设计师的诞生。之前在设计组的分享中也从四个领域分享了科技成果的新突破,也尝试着总结了一下未来设计师的发展方向,希望我们不只是从远处观望科技的发展,也希望能利用科技促进自身的发展。17年只是从一个旁观者的角度来体会科技带来的变化,新的一年希望能实践起来,尝试学习更多的新理论新知识,熟悉VR、AR、语音智能等新科技领域的设计规范,并最好有可能投身其中进行实践,成为一个跟得上时代,甚至能引领时代的设计师。

三、工作内容

1.移动端、web端、后台界面设计

今年设计工作的重心还是在移动端UI设计。有两款产品经历了从零到一的过程,很庆幸自己能够独立完成几个大版本的设计工作,探索了新的设计风格与设计规范,经历了从无到诞生的过程,在设计过程中也能主动的产品去沟通一些交互和动效的细节,力求得到良好的用户体验。配合移动端App的设计也为几款产品设计了web端的官网,网页端的设计技能也得到了提升。


今年比较具有挑战性的工作是为两个后台系统进行UI设计包括一些交互上的整理。去年也为后台系统做过设计,但是今年的工作要求更加深入,因为两个后台都是新产品,交互不是很完善,也花了很多时间思考并和产品来沟通交互细节。难度更大的是一个CRM系统的界面设计,因为收到的需求很粗略,因为开发遇到问题,设计才从中途介入,所以需要我快速的了解业务场景。其中有一个表单页面,基本上是重新对页面进行梳理,并用新的控件样式来引导用户操作,做的时候很有压力,但很高兴的是问题得到了解决。

CRM表单设计

2.视频剪辑

我在上学的时候会和朋友进行微电影创作。我通常担任编剧和后期的角色,也算一个业余爱好。没想到在今年这项因为技能我也做了几个side project,用业余赚的钱添置了一个戴尔27寸4k显示器,希望作为爱好,在剪辑和后期方面能有长足的发展。

3.实习生指导与培养

今年带了两个实习生,因为我也是从实习生逐渐成长起来的的,所以也很能理解她们在开始工作中遇到的困难和她们此时的感受。我整理了一份UI知识体系框架,基本上能够涵盖UI设计工作的内容,但是在实际过程中发现,很多问题还是要具体分析的,因为对知识的理解还需要一段时间来进行消化。所以在她们工作的过程中,我也格外关注细节,希望能为她们遇到的任何困难来进行一些指导。在对实习生的指导过程中,我也力求从源头上为实习生解决问题,将具体场景和理论知识进行结合,以促进设计能得到更好的改进。


四、个人定位与规划

今年还是有很多遗憾的,就像开篇说的,自己在专业的角度上没有达到理想的深度。今年学了很多东西,但是自己最不想成为的就是万金油样的人,还是希望在各个领域能够钻研的够专够深。我对自己的定位是“通过交互设计、视觉设计和动效设计去提升Web端、移动端用户体验的UX设计师”,所以新一年的计划还是从UI、动效、交互上下手,所有其他的软件和工具只是辅助,新的一年能从理论和时间上都有更深更新的产出。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容