返回
天津诚筑说
置顶
该校与厚学网暂未合作,平台不保证课程的真实有效性,如有侵权等争议,请及时与厚学网联系处理

天津ui设计培训ui设计师们的新风口来了

113 2018-12-20 08:58:59

学习笔记

2017年全行业app下载数量下滑呈下滑状态,2月份下载环比大幅度下跌22%

2016年相比,2017年月人均新安装app个数环比下降12.4%

App市场的下降拓宽了小程序的发展空间,互联网封口极速转向

小程序市场基于占尽红利2017年4月-12月份成爆发式增长占比用户将近50%,总数接近4亿

2018年双11期间,京东小程序PV为16371万,对比10月数据日均提升了6.5倍;在双11小程序引入UV总量达到1663万。

随着小程序的日益生长对ui设计师的需求也有了新的转变,诚筑说小编带你看看ui设计师从app设计到小程序设计的一些改变吧。

一、小程序与app的差异

顶部导航栏

App:可以保留导航栏,也可以去掉,可拓展性强,灵活性高。

小程序:导航栏右侧有个无法去除和编辑的胶囊,设计时也不能在导航上增加其他功能。所以在 App 转小程序时,导航栏的功能要换位置或者在放在导航栏下。

1.底部导航栏

App:可以编辑按钮,也可以去掉,可拓展性强,灵活性高。

小程序:都有用户登录界面,用户可以实现登录、收藏、评论等,但更重要的原因,是小程序上同步了app内的付费效果。

2.标签栏

App:图标大小以及底部标签栏高度可自定义。

小程序:使用原生控件时,要遵从 icon 尺寸81*81px。

3.拖动排序

App:流畅、体验佳

小程序:除非必要,否则不建议使用拖动排序。图片和列表拖动在 Android机型上体验不够,会有卡顿的情况。

4.文本省略

App:可实现日常所需的所有文字、段落效果。

小程序:文本限制行数,加省略号,并且增加全文展开方案实现有问题。无法预估到行尾位置省略。

5.原生组件

App:可以自定义组件库,对开发设计限制低。

小程序:部分组件是由创建的原生组件,有系统相机、输入框、地图、文本输入...等等,原生控件使用有一定的限制,不能在滚动、轮播、选择器、拖动区域中使用,层级高无法被覆盖,可供修改的参数由提供。

二、认证小程序的设计规范

1. 字体规范

常用字号为20,18,17,16,14,13,11(pt)

字体颜色

主内容Black,次要内容Grey灰色;时间戳与表单缺省值Light灰色;大段的说明内容而且属于主要内容用Semi黑;

2. 列表视觉规范

3. 表单输入视觉规范

默认标题范围85px


4. 按钮使用原则

按钮高度为44px下使用:颜色#000000 / #353535 字号18pt

5. 图标使用原则

100*100px一般用于结果页面状态提醒,根据结果的情况选择对应的icon

天津诚筑说ui设计培训正在举办app与小程序ui设计的免费试听课程,如果想了解更多来官网看看吧


文中图片素材来源网络,如有侵权请联系删除
来源:天津诚筑说
热门课程 全部课程

热门动态

申请免费试听

只要一个电话

我们为您免费回电

立即申请
刷新
图形验证
关闭
>>
拖动左边滑块完成上方拼图