APP项目案例视觉设计规范参照.pptx

APP项目视觉规范参照 1、标准色2、标准字3、图标4、按钮5、公共控件6、页面布局7、消息提示8、时间显示标准色APP项目中主色、辅助色要根据自己的应用来自己确定。主色：用于头部，重要按钮、图标和文字。标准字做界面的过程中，分析每一部分的文字是属于什么权重级别的，注意文字的颜色选择和大小选择，注意拉开层次，避免文字同级。图标这里是页面顶部和底部分别使用的图标大小。这里使用的颜色均为示例颜色，根据自己项目的主题色来定。图标这里是页面顶部和底部分别使用的图标大小。这里使用的颜色均为示例颜色，根据自己项目的主题色来定。图标这里是常见的页面列表布局，这里给出来了参照的图标大小。注意列表栏目之间的间距可以使用24px图标这里是常见的功能图标大小可以根据项目来定，在拿不准的情况下建议参照这里的尺寸，以及图标的大小。注意图标差不多占圆形一半的大小，这样的视觉空间是舒服的按钮页面当中常出现的大小按钮，按钮的宽度可以根据自己的项目来定。高度可以参照。公共控件常见的这种tab切换形式，根据数量等分页面，但是遇见类似的比如商品列表的价格排序、销量排序这样的选项的同样可以参照这样的高度来做。公共控件这种tab切换的形式，根据文字的多少来决定按钮的宽度，高度可以参考。公共控件这里列举了两种常见的搜索框形式，宽度根据页面来定，高度可以参照。颜色根据自己的应用色调来定。常见的选中未选中的选择大小尺寸参照布局常见的列表形式，可以参考这里的高度，图标大小，间距布局这里列举常见的这种形式参照这里的栏目高度，图标大小，文字颜色、大小等布局聊天界面中元素的设置参考布局项目中需要这样设计布局的，可以参照这里的元素设置。布局这种常见的形式一般是由背景图上边搭配文字，可以参照这里设置的宽高。布局这种常见于商品列表瀑布流式。布局输入框尺寸参照消息提示页面中涉及到信息提示的可参照这里的大小来设计时间显示时间显示规则几分钟前几小时前昨天几月几日 各类型APP的规范分别说电商-淘宝-首页顶部搜索框 h:64px 图标42x42pxbanner h:234px图标大小86x86px文字20px头条模块 h:118px文字24px模块 287x380px文字36px、24px电商-淘宝-购物车店铺名称24px #333333商品名称22px #3c3c3c 商品属性22px #999999价格26px再买包邮22px库存紧张、凑单22px全选30px #333333合计26px #3c3c3c不含运费22px结算26px电商-淘宝-订单页面订单tab24px #333333商品名称22px #3c3c3c 商品属性22px #999999价格26px再买包邮22px库存紧张、凑单22px全选30px #333333合计26px #3c3c3c不含运费22px结算26px谢谢