UI设计师必备|Android设计尺寸规范
1、字体使用规范
中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)
英文字体:Roboto
注意:安卓的字号单位是SP
720×1280常见的字体大小:
24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的,最小字号20px。
2、图标 icons
图标用途 |
mdpi (160dpi) |
hdpi (240dpi) |
xhdpi (320dpi) |
xxhdpi (480dpi) |
xxxhdpi (640dpi) |
---|---|---|---|---|---|
应用图标 |
48 x 48 px |
72 x 72 px |
96 x 96 px |
144 x 144 px |
192 x 192 px |
系统图标 |
24 x 24 px |
36 x 36 px |
48 x 48 px |
72 x 72 px |
196 x 196 px |
3、应用图标 Product icons
方形 高度:152dp 宽度:152dp
圆形 直径:176dp
垂直长方形 高度:176dp 宽度:128dp
水平长方形 高度:128dp 宽度:176dp
4、快捷图标 Shortcut icon
实际面积 高度:44dp 宽度:44dp
总面积 高度:48dp 宽度:48dp
系统图标尺寸 高度:24dp 宽度:24dp
实际面积位置 剩余高度:24dp 剩余宽度:24dp
5、单位和度量 Units and measurements
6、UI组件布局 Element Layout
列表 List
垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。
垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 子标题:48dp 4. 列表项:72dp
垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。
垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 标题和列表项:48dp 4. 子标题:48dp 5. 内容区域间的距离:8dp
7、详情视图 Detail view
8、触控区域尺寸 Touch target size
9、应用栏 App bar
UI设计师必备|Android设计尺寸规范相关推荐
- android界面设计字体大小,UI基础汇总——Android设计尺寸规范
来源:壹念视觉 字 体Typography 中文字体:Source Han Sans / Noto 英文字体:Roboto元 素字 重字 号行 距字间距 App barMedium2 ...
- UI设计师必备知识|最全UI设计规范!
超级有用的设计规范! 收藏起来,没毛病! 一步步教你建立UI设计规范! 设计规范 UI手机屏幕尺寸设计规范包含: 设备名称 操作系统 纵横比 宽 x 高 宽 x 高 密度 Android设计尺寸规范 ...
- UI设计师必备技能,看看你都学会了吗?
想要成为一名合格的UI设计师,是要有这几项必备技能的,学会这些必备技能,那么后期的工作会进行的相当顺利,下面小编就为大家详细的介绍一下UI设计师必备技能都有哪些? UI设计师必备技能,看看你都学会了吗 ...
- UI设计师必备的技能|找灵感
UI设计师必备的技能:找灵感 如何找灵感,也就是培养审美的能力,首先我们要知道什么好看,什么不好看.当我们排斥那些不好看的设计的时候,我们的品味就自然上升了. 再就是要知道去什么网站上看设计作品.看到 ...
- 工具推荐|2019年UI设计师必备工具清单
UI设计师一直是IT行业最热门职位之一,因其薪资待遇较高,学习门槛较低而广受欢迎.在百度指数搜索"UI设计"来看,从2012年开始,UI设计的搜索呈明显上升趋势,尤其是在2016年 ...
- UI设计师必备技能是什么 常见动效类型有哪些
UI设计师必备技能是什么?常见动效类型有哪些?目前,动效设计已成为UI设计师必备的技能之一,优秀的动效设计能够帮助设计师和用户解决了许多界面功能上的问题,让这用户更容易理解产品,也让设计师更好的表达. ...
- UI设计师必备技能:APP 界面设计原则
APP软件界面设计不纯粹是技术设计,也不再是纯粹的进行视觉图像的艺术组合,它牵涉到用户行为分析.视觉传达设计.人机交互.设计开发.作为UI设计师必备看家技能之一的APP界面设计,具体操作中应该注意如下 ...
- UI设计师必备10大工具
推荐一些我积累的,特别有用的设计师必备工具,有需要请自取. NO.1 灵感搜集类 1. 设计百宝箱 uirush.com 设计百宝箱(UI Rush)-- 里面包含了导航大全,各种设计资源.开发资源和 ...
- ui设计师与android,总算知道ui设计师适配的知识点
这就让很多新入行的设计师认为做 UI 很简单,而对于适配知之甚少,甚至有些觉得跟自己没半点关系,今天小编主要给大家分享ui设计师适配的知识点,希望对你们有帮助! 一.错误的做法 因为设计师对配适不理解 ...
最新文章
- Confluence 6 服务器硬件要求指南
- 介绍几个好用的android自定义控件
- 机构:去年购房者平均年龄近30岁
- erlang mnesia数据库简单应用
- echarts python源码_基于Django快速集成Echarts代码示例
- Spring4.0学习笔记(3) —— Spring_Bean之间的关系
- bootice添加黑苹果引导_2019款小米air12.5完美黑苹果10.15.6EFI
- c语言输入abc求方程的根,编写程序,输入系数abc,计算任意二次方根的实根
- pandoc把word转为html,利用 Pandoc 实现文档格式转换
- perfectmoney php接口_Perfect Money完美货币注册和用支付宝提现方法
- 赴日本常见问题QA (2转 不明原处)
- android自定义系统屏保Dream
- 针对唯一化实例对话框程序,及其命令行操作方法
- 手机微信wifi怎么连接到服务器地址,出门在外用手机流量太贵,教你一招,用微信就能连接附近wifi...
- vue给div绑定keyup的enter事件实现接电话(结合阿里云软电话SDK)
- 厚积薄发打卡Day26:狂神说Java之JUC并发编程<代码+笔记>(上)
- mysql 统计表中条目数量的几种方法
- python汉语词典_使用python进行汉语分词
- 华为ax3怎么接光纤sc接口_华为路由器AX3与其他华为/荣耀路由器如何连接? | 192路由网...
- android系统电视升级包下载地址,海美迪HD600A四代官方固件ROM升级包下载_升级教程...
热门文章
- [转载]辜新星:时刻调整方向 找到人生的蓝海
- 插值字符串格式化定制程序结果输出(f‘{object}‘)
- oracle的group by问题
- 前端实习生笔试_2017携程Web前端实习生招聘笔试题总结
- 【新知识】使用getline()与get()来进行输入
- 中景园电子0.96寸IIC显示屏代码 通用性较高
- iStore 产品搜索
- RabbitMQ-直连模型
- google vr 入门之制作简易的VR播放器(二)
- macbook禁用键盘_如何禁用Macbook Pro的内置键盘