在成为一名非常优秀,非常专业的UI设计师之前,首先你需要先成为一名合格的UI设计师。
我先简单介绍下我的工作历程,2012年毕业,先后做过web前端工程师,网页设计师,视觉设计师,到现在的UI设计师。我做UI就2年不到,以下都是我个人理解。
我先来描绘一个用户场景:
假设一个真实用户点进你的app首页,她的感受可能是这样的,这个界面的字怎么怪怪的,怎么这么挤啊,颜色好花…
从场景中我提炼了几点(文中出现的数据都是以iphone6为基准的设计)
1.间距
用户看app每一个界面的时候,第一感受可能就是这个app怎么这么挤,好难看,不舒服,这很有可能是你的间距出了问题。
间距的分类:
模块之间的距离:通常20px 30px 40px,根据实际情况调整,但我认为必须是10的倍数。
两侧的距离:通常我用的30px
列表页内部模块的间距:20px比较常见
按钮之间距离:20px比较常见
……
总之间距最好都是10px的倍数来调整
2.字体大小
我认为字体大小在app的ui设计中非常重要。
通常最小字体保持在24px,个别如时间不需突出的元素可以用20px,22px。
标题文字通常30px,最小不低于28px,再下一级的文字24px。
记住很重要的一点,app所有界面的文字大小需要统一,至于哪些内容是属于同一层级,这个要慢慢积累,慢慢思考,我的做法是自己在前期做一个简单的视觉规范,规范字体的大小在各种可能的情况下的大小。
3.颜色
在app设计中,颜色的分类
背景色:通常是灰色,#f4f4f4,#f3f3f3,#f1f1f1
标题栏颜色:你的主色,比如红色
底部tab颜色:默认状态是灰色,选中状态就是你的主色
列表内容文字颜色:一级标题通常#000000 ,#333333二级内容通常#666666,三级辅助说明#999999
按钮颜色:提交,确定,登录等重要按钮用主色就可以价格颜色:用得最多的就是橙色#f63
用色小技巧:尽量选择一些饱和度和亮度偏高一点的颜色,这样看起来整个画面很丰富。
4.对齐
上对齐,左对齐,居中对齐,右对齐,下对齐
尽量不要用上面五种方式之外的方式去摆放元素,那样不好把控。
先写到这吧,第一篇自己的总结,还有很多不足,期待下一次,谢谢。
网友评论