App UI设计师必须要掌握的几个基础点

  • 格式:doc
  • 大小:565.50 KB
  • 文档页数:3

下载文档原格式

  / 4
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

App UI设计师

在成为一名非常优秀,非常专业的UI设计师之前,首先你需要先成为一名合格的UI 设计师。

我先来描绘一个用户场景:

假设一个真实用户点进你的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.对齐

上对齐,左对齐,居中对齐,右对齐,下对齐

尽量不要用上面五种方式之外的方式去摆放元素,那样不好把控。

更多知识干货分享,尽在中公优就业,>>>点击进入。

点击查看>>>中公IT优就业封闭式培训,包食宿,学费贷款,交通补贴,推荐就业