南昌卡戎科技:三个月入行的UI设计一点经验

今年1月,南昌卡戎科技:没有绘画基础可以学习UI设计吗第一份UI/UX设计实习。只是强行自学了一些UI/UX的基础知识的我,在刚开始时常常一脸懵逼.jpg。虽然一直在踩坑,不过回头看也成长了许多。

于是打算用文字梳理一下自己的微不足道的经验,mark自己踩过的坑以警醒自己~

0. 成为整个系统中的一部分

在一个team里做设计,和自己闷头设计的区别在于:

00001. 1、需要和团队的其他人(包括且不限于前端工程师,产品经理)进行协作,这意味着有效解释/传达设计变成了工作中重要的一部分。

00002. 2、由于项目庞大且迭代速度快,项目管理在设计中是必不可少的。(版本、素材管理等等,每个都是坑)(关键词:文件名管理,学用github)

00003. 3、不考虑产品本身,设计得再好(看)也没用

1. 多看几份优秀的UI规范

该看啥规范?去哪找?以下几个思路可以参考:

· 两份重量级的:

3. 界面在前,规范在后

当我刚开始实习的时候,我们的产品其实已经有一个draft版的设计规范了,不过在我接手之后,发现很多地方都需要修改。无知的我,在对整体界面一知半解的情况下,就急吼吼地开始修改设计规范。后来发现这样实在是吃力不讨好。比如,改了半天按钮的颜色和尺寸,自己感觉是顺眼一些了,却没考虑清楚它放在界面上是什么样子(捂脸)。后来领悟到,UI规范是用来交给前端,保证界面consistency的。如果只是为了做规范而做,就失去了它的意义~~~这个感悟确实很废话,不过对我意义重大呀。

后来我就乖乖从界面开始了。(……)

4.多跟前端交流

不要因为前端工程师坐的比较远就不跟他们说话(?)。根据我的经验,前端工程师们都很友好。而且他们也很厉害,毕竟公司没有设计师的时候,是他们在设计界面呀。

教我看前端代码,而且熟知各种UI element的名字,在不知道要怎么搜某个element的时候他们能提供准确的关键词。

跟前端交流的原因之一:不能assume自己的图交到前端手里就会piu的一下变成一模一样的界面。所以要

跟前端交流的原因之二:学会考虑技术实现。比如,是前端告诉我之后我才知道,设计按钮的时候规定大小是不对的,而应该规定padding。

愈发感觉不学代码就是不行。下一步给自己挖的小坑是学一学前端,希望自己不要被懒癌战胜orz

5. 使用Sketch里的Style,Symbol和Nested Symbol

设计页面越来越多之后,维护各个页面之间元素的consistency变成了一件超级费心费神的事情。幸好Sketch有这几个超级好用的功能,使我在想要改动多个界面同一元素的时候原地免于原地爆炸。我的经验是尽量把常用颜色,各种大小的字体都创建成style,尽量把重复出现的元素都捆绑成symbol,把经常出现的样式比如卡片啊之类的做成nested symbol。这种做法,虽然前期耗时耗力,不过越到后面就越会觉出方便的地方。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180705A0H5KF00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券