APP设计规范

用户头像
武汉/UI设计师/6年前/2977浏览
APP设计规范
用户头像
卡卡0o0

设计者应充分理解用户,同时辅以行为分析等策略,提供主动式服务,帮助用户决策、减少操作,让人机交互行为更自然。

APP基础设计规范


一、文字:


1、字体

IOS:中文字体:苹方,  英文字体: San Francisco


Android:英文字体:Roboto,中文字体:思源黑体


2、字号:


3、行高:



二、颜色


1、按钮文字配色


2、背景色


3、分割线


4、蒙版


5、色板



三、基础布局


基于宽度 750px(iPhone 6)输出视觉方案。在布局小程序信息时,为信息内容区留出左右边距 24px(12pt),限制内容宽度以获得最佳可读性。


1、间距:


2、图文:



四、icon图标


1、要求:

2、示范:



五、组件


1、顶部菜单栏


2、底部标签栏


3、组件库(阿里移动端组件库):

https://1x.mobile.ant.design/components/pagination-cn/







39
举报
|
148
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
【新年UI图标】会员icon
UI 登录界面设计模板包
我的钱包-UI界面设计-app
盲盒APP UI设计
户外旅行飞机情侣假日出行
钱包ui模板
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
【新年UI图标】30个图标
科技医疗透明柜UI界面设计
UI通用设计素材1
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】旅行icon
高级表盘系列UI源文件
3D卡通UI界面图标可爱插画免扣素
UI界面 组件
【新年UI图标】钱包icon
【新年UI图标】体育icon
【新年UI图标】礼物/活动icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
高级感金属拟物 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册