APP 项目视觉规范参照 2 1、标准色 2、标准字 3、图标 4、按钮 5、公共控件 6、页面布局 7、消息提示 8、时间显示 3 标准色 APP 项目中主色、辅助色要根据自己的应用来自己确定。主色:用于头部,重要按钮、图标和文字。 4 标准字做界面的过程中,分析每一部分的文字是属于什么权重级别的,注意文字的颜色选择和大小选择,注意拉开层次,避免文字同级。5 图标这里是页面顶部和底部分别使用的图标大小。这里使用的颜色均为示例颜色,根据自己项目的主题色来定。 6 图标这里是页面顶部和底部分别使用的图标大小。这里使用的颜色均为示例颜色,根据自己项目的主题色来定。 7 图标这里是常见的页面列表布局,这里给出来了参照的图标大小。注意列表栏目之间的间距可以使用 24px8 图标这里是常见的功能图标大小可以根据项目来定, 在拿不准的情况下建议参照这里的尺寸,以及图标的大小。注意图标差不多占圆形一半的大小,这样的视觉空间是舒服的 9 按钮页面当中常出现的大小按钮,按钮的宽度可以根据自己的项目来定。高度可以参照。 10 公共控件常见的这种 tab 切换形式, 根据数量等分页面,但是遇见类似的比如商品列表的价格排序、销量排序这样的选项的同样可以参照这样的高度来做。
APP项目案例视觉设计规范参照 来自淘豆网www.taodocs.com转载请标明出处.