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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
做项目如何让界面经得起推敲
0.0°
2018-09-29 原创文章 经验/观点 举报 1013 4 4 1

我做APP项目的一些小经验,做设计最后拼的就是细节,没有这些细节支撑就会显得粗糙。

如何让界面经得起推敲,让界面更耐看,实际上就是由各种细节堆积而成,现在功能类APP基本都是以突出内容为主想做出精致的简洁的界面就必须在每个细节上下功夫,包括每个标题之间的间距,字体的大小、粗细、内容与内容之间的间距等等。

下面结合一些页面案例:分别从间距、选择器、导航、提示信息、弹出框、副标题这几个方面来分析,发现那些微妙的细节,只要比别人多一些思考和尝试,你的APP设计会更精彩。

间距
让主要按钮跟随内容而动,之前设计的是按钮固定在最下面固定的位置,这样符合人的视觉习惯,但经过反复比对觉得还是按钮跟随设计比较合理,符合人的使用习惯,并且需要每个页面按钮与内容之间统一的间距。
Image title1

sketch里有个小漏洞,字体本身有个高度正常这个高度是刚好和字体实际高度卡齐的,但是sketch里它上下会有几个像素的空隙,如果不去调整,表面上你上下间距是10像素,但是加上间距的空隙就会远远大于10个像素,所以需要在字体菜单里认为设置一下字体行高。

Image title


选择器
如果是单选最好使用圆形的选择框,不要因为追求差异化设计搞个方型选择框,如果是一个选项框没问题,如果是几项很容易让用户蒙,到底是单选还是多选。作为一个用户,永远不该让我花上几毫秒去思考某个东西是否应该是单选还是多选。
Image title3

导航
左边的导航也不能说是错误,但是感觉很不精致,如果两个字也用这么宽就显得很粗糙,右边的不管几个字都会显得精致一些。做设计千万不要傻大傻大,切记最好整个APP设置统一长度不要随着多一个或少一个字而拉长或缩短,保持视觉统一。
Image title4

提示信息
左边的设计是简化提示信息,最大限度减轻用户负担,但是随后发现没有提示信息一是感觉有点怪,客户真不知道该怎么填影响用户使用效率。输入型列表不加提示内容很容易就忽略过去,影响使用体验。
Image title5

弹出框
确认弹窗左边在最底端的弹出框显然会影响效率,右边的符合用户的使用习惯方便快捷的选择操作。得出结论不要因为设计而设计,还是要符合用户的使用习惯。
Image title5

提示标题
提示标题高度和主要内容的高度是一样的,字体也是正常的粗细,感觉有些不够突出主题,右边字体是细体,高度也相应少了4个像素,有了对比之后就会突出内容。
Image title6

总结
以上是我做项目的一些小经验,做设计最后拼的就是细节,没有这些细节支撑就会显得粗糙。所以在有时间有精力的情况下需要仔细雕琢自己的设计不管是不是客户的要求,这样自己的APP才会更加精彩。


更新:2018-09-29

收藏

4人已收藏

黄巨虎

本人觉得做设计就要有玩得心态才能做好,享受做设计的过程。

  • 9

    作品

  • 8

    粉丝

  • 18

    关注

  • 电力线性图标设计小结
  • 2018上作品集
  • 中国风主题页面
  • 防震助手APP-第二届防震减灾公益大赛

    猜你喜欢

      2018-09-29 原创文章 经验/观点 举报 1013 4 4 1

      做项目如何让界面经得起推敲

      0.0°

      你确定要举报做项目如何让界面经得起推敲

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年09月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      4
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录