在成为一名非常优秀，非常专业的UI设计师之前，首先你需要先成为一名合格的UI设计师。
我先简单介绍下我的工作历程，2012年毕业，先后做过web前端工程师，网页设计师，视觉设计师，到现在的UI设计师。以下都是我个人理解。
我们不妨先来描绘一个用户场景：
假设一个真实用户点进你的app首页，她的感受可能是这样的：这个界面的字怎么参差不齐的，怎么这么挤啊，颜色好花，我要的东西在哪里，到底哪些是可以点击的…
从场景中我提炼了几点（文中出现的数据都是以iphone6（宽750像素高1334像素）为基准的设计）来讨论。
1.间距
用户看app每一个界面的时候，第一感受可能就是这个app怎么这么挤，好难看，不舒服，这很有可能是你的间距出了问题。
间距的分类：
模块之间的距离：通常20px 30px 40px，根据实际情况调整，我通常设置为10的倍数。
两侧的距离：通常我用的30px
列表页内部模块的间距：20px，16px比较常见
按钮之间距离：20px比较常见
间距最好都是10px的倍数来调整
2.字体大小
我认为字体大小在app的ui设计中非常重要。
通常最小字体保持在24px，一些个别辅助元素如时间，点赞数等个别如时间不需突出的元素可以用20px，22px。
标题文字通常30px-36px，最小不低于28px，再下一级的文字24px。主标题和副标题的大小关系保持在4px-6px，这样字体的层级就出来了。
底部tab文字：20px
记住很重要的一点，app所有界面的文字大小需要统一，至于哪些内容是属于同一层级，这个要慢慢积累，慢慢思考，我的做法是自己在前期做一个简单的视觉规范，规范字体的大小在各种可能的情况下的大小。
ps：一个界面的文字大小最好不要超过3种不同，过多的文字大小会导致界面层次复杂， 增加用户的阅读认知。
3.颜色
在app设计中，颜色的分类
背景色：通常是灰色，#f4f4f4，#f3f3f3，#f1f1f1
标题栏颜色：你的主色，比如红色
底部tab颜色：默认状态是灰色，选中状态就是你的主色
列表内容文字颜色：
一级标题通常#000000 #333333
二级内容通常#666666
三级辅助说明#999999
按钮颜色：提交，确定，登录等重要按钮用主色就可。
价格颜色：用得最多的就是橙色#ff6633
用色小技巧：尽量选择一些饱和度和亮度偏高一点的颜色，这样看起来整个画面很丰富。整个画面的颜色最好不要超过3种
4.对齐
左对齐，居中对齐，右对齐
尽量不要用上面三种方式之外的方式去摆放元素，那样不好把控，画面容易乱。
先写到这吧，第一篇自己的总结，还有很多不足，期待下一次，谢谢。
5.亲密性原则
属于相同模块的元素我们就要让他们更靠近一些。比如头像和昵称是连在一起的，让他们更靠近有利于用户更快地识别到自己想要的信息。
欢迎大家和我交流。
网友评论