恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何成为一名合格的App UI设计师(1)
0.0°
2016-01-03 原创文章 经验/观点 举报 4879 57 43 10

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


我先简单介绍下我的工作历程,2012年毕业,先后做过web前端工程师,网页设计师,视觉设计师,到现在的UI设计师。我做UI就2年不到,以下都是我个人理解。


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

假设一个真实用户点进你的app首页,她的感受可能是这样的,这个界面的字怎么怪怪的,怎么这么挤啊,颜色好花…


从场景中我提炼了几点(文中出现的数据都是以iphone6为基准的设计)


1.间距

用户看app每一个界面的时候,第一感受可能就是这个app怎么这么挤,好难看,不舒服,这很有可能是你的间距出了问题。

间距的分类

  1. 模块之间的距离:通常20px 30px 40px,根据实际情况调整,但我认为必须是10的倍数。
  2. 两侧的距离:通常我用的30px
  3. 列表页内部模块的间距:20px比较常见
  4. 按钮之间距离:20px比较常见

……


总之间距最好都是10px的倍数来调整



2.字体大小

我认为字体大小在app的ui设计中非常重要。

  1. 通常最小字体保持在24px,个别如时间不需突出的元素可以用20px,22px。
  2. 标题文字通常30px,最小不低于28px,再下一级的文字24px。

记住很重要的一点,app所有界面的文字大小需要统一,至于哪些内容是属于同一层级,这个要慢慢积累,慢慢思考,我的做法是自己在前期做一个简单的视觉规范,规范字体的大小在各种可能的情况下的大小。



3.颜色

在app设计中,颜色的分类

  1. 背景色:通常是灰色,#f4f4f4,#f3f3f3,#f1f1f1
  2. 标题栏颜色:你的主色,比如红色
  3. 底部tab颜色:默认状态是灰色,选中状态就是你的主色
  4. 列表内容文字颜色:一级标题通常#000000 ,#333333二级内容通常#666666,三级辅助说明#999999
  5. 按钮颜色:提交,确定,登录等重要按钮用主色就可以价格颜色:用得最多的就是橙色#f63

用色小技巧:尽量选择一些饱和度和亮度偏高一点的颜色,这样看起来整个画面很丰富。



4.对齐

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

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


先写到这吧,第一篇自己的总结,还有很多不足,期待下一次,谢谢。

更新:2016-01-03

收藏

57人已收藏

  • 5

    作品

  • 16

    粉丝

  • 29

    关注

  • 改版思路,让您的网站焕然一新
  • UI改进技巧:30个优化建议
  • 鸡蛋一个
  • first theme

    猜你喜欢

      2016-01-03 原创文章 经验/观点 举报 4879 57 43 10

      如何成为一名合格的App UI设计师(1)

      0.0°

      你确定要举报如何成为一名合格的App UI设计师(1)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年01月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      43
      57
      10

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录