主页 > 洞察 > 设计沙龙 > UI界面设计
  • APP页面设计注意事项及小技巧

    adinnet / 2017-11-15 17:00 /UI界面设计

    APP页面设计时有很多注意事项和小技巧可以让程序后期开发省力省资源。那么有哪些是需要注意的呢?跟着小编继续往下看吧。

    APP页面设计注意事项

    1、尽量少的对齐规则

    在设计一个页面时,不要使用过多的对齐规则,尤其一个页面中同样的模块,一定不要出现不同的对齐规则,会浪费开发很多不必要的时间,并且视觉也不一定舒适。

    2、页面背景不要加图片

    很多设计概念稿喜欢在背景加入一些图片,让页面看起来更具科技感与神秘感。然后想要落地在上线产品中是非常困难的,很难去满足市面上手机的尺寸适配,不同尺寸的手机容易出现背景图片挤压变形的问题。

    3、尽量少用投影

    投影可以调整的属性有很多,颜色、透明度、弥散大小、XY的位置等。所以在很多概念稿中也经常出现弥散投影,而在设计落地时,程序员很难把投影做的想设计软件中那么自然,因为程序软件中的投影没有那么多的属性可以调节。

    4、控件尽量统一

    页面中的按钮、边距以及字母、用色等控件更好统一,方面后期开发不同页面时的复用,减少与开发不必要的沟通时间,并且视觉上也具有一致性。

    5、考虑信息的更大长度

    在涉及到字段信息时,尽量使用真实可能出现的信息去设计,避免设计一个信息卡片就复制在整个页面,抛开视觉不舒适的问题,从开发规则上就很容易出现想象不到的问题,例如信息字段的更大长度可能超出设计稿的承受范围而出现BUG。对于一些非重要信息展示页面可以使用控制字段显示长度超出省略的方法,而重要文字介绍页面,比如某个项目的详情页,就要避免文字省略,做换行处理或其他处理方式。

    6、当文字带有气泡时

    当文字外围带有气泡时,很多入门设计师喜欢把气泡的大小设计相等,而文字距气泡的间距没有一个固定的值。如果是固定的文字内容尚可,当气泡内的文字内容为搜索历史或者后台可以更改的某些标签时,就要给予开发一个规则,文字距气泡上下左右的间距,气泡与气泡的间距,和气泡更小距离页面的边距。

    在设计页面时,需要不断的从两个身份之间自由切换,以设计者的身份去设计出美德,再以使用者的角度去审核设计的实用性,易用性等,这样才能设计出一个好的页面。

上一篇:移民APP开发 打造一站式移民服务平台 下一篇:移动检务APP开发 在线投诉举报更方便