app设计字体规范(app界面字体设计规范)
手机软件中的字体是什么字体,ui界面设计用什么字体
手机软件中的字体,ui界面设计字体有以下几种:
一、在ios中默认字体分为三类:
第一类:STHeiti-Light.ttc (黑体-简与黑体-繁的细体)和 STHeiti-Medium.ttc(黑体-简与黑体-繁的中黑) 代表的是中文字体,常用的方正黑体简体
第二类:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及数字字体,常用的字体Helvetica
第三类:LockClock.ttf 代表的是锁屏时间字体
二、在Android中,英文字体使用Roboto,中文字体使用Noto(思源黑体)。
以前的设计中,中文字体主要是使用微软雅黑,但微软雅黑在界面中就显得有点厚重、臃肿。Google联合Adobe发布了「思源黑体」作为Android的默认中文字体,新的「思源黑体」不仅仅在字形上更易于在屏幕的阅读,并且拥有7个字重,充分满足了设计的需求。
三、ui界面设计一般用的字体是:微软雅黑
其他可以参考一些ui界面设计规范,里面都有一些很严谨的格式、字体、大小、颜色等数据规范的。
想要了解更多关于手机软件字体的相关信息推荐选择Pixso协同设计。Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具,更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,使设计师真正专注于创造本身。
技术干货:Applewatch APP设计规范
一、规范概要
1. 导航形式
层级式,通过当前页面点击跳转到另外页面的形式。适合应用于复杂产品,需要层层递进。
页面式,页面切换,滑动,类似轮播
Apple Watch导航形式任选其一,不得同时存在。
2. 交互方式
轻触:列表、按钮、切换等控件的操作
手势:纵向轻扫,界面滚动;横向轻扫,界面导航之间的查看;从屏幕左侧边缘向右轻扫,返回父级界面。
压力触控:唤出当前页面情景菜单
实体控件(手表旋钮):长页面浏览,避免手指长时间轻扫界面何遮挡界面
3. 色彩
使用黑色作为APP的背景色,或者深色且高斯模糊的图片作为背景
高对比度的颜色使用于文字、图标、界面
4文字
SF和苹方
5. 图标
通知图标、首屏图标和长看图标、短看图标
情景图标(App内功能图标)
6. 布局
并排放置的图标一行不要超过三个
布局优先采用左对齐
二、设计尺寸
1.1屏幕尺寸
38mm(272*340px)
42mm(312*390px)
1.2图标尺寸
通知图标48PX(38mm)55px(42mm)
首屏图标和常看图标80px(38mm)88px(42mm)
短看图标172px(38mm)196px(42mm)
菜单情景图标(App内的功能图标)
图标大小70px,实际图标大小46px。(38mm)
图标大小80px,实际图标大小54px。(42mm)
图标线宽不得小于4px
1.3图标
1.3.1
通知图标,系统通知弹出的图标
1.3.2
首屏图标,如下图所示。首屏图标80px(38mm)88px(42mm)
1.3.3长看图标,如下所示,左上角图标。常看图标80px(38mm)88px(42mm)
1.3.4短看图标,如下图所示。短看图标172px(38mm)196px(42mm)
2.字体和文字
2.1字体
SF和苹方
2.2文字(字号,常见字号单位是PT和PX,PT是开发单位,PX是设计单位,在@2X下换算关系1PT=2PX)
标题headline 18PT
正文标题caption 15PT
正文body 15PT
备注、脚注、辅助文字footnote 12PT、13PT
3. 颜色
高对比度的颜色使用于文字、图标、界面
1.主色,如下图所示
2.辅助色、点睛色(控件、按钮)
按钮控件在设计中通常带有透明度
3.字体颜色和透明度
4. 布局
1状态栏和下方图片和列表布局间距
38mm(30px),42mm(32px)
2状态栏和列表按钮布局间距
38mm(11px),42mm(13px)
3状态栏和下方文本布局间距
38mm(46px),42mm(50px)
4文字边距和分割线按钮列表图片边距
38mm和42mm边距相同
5.图片和按钮到屏幕两边距离
38mm和42mm边距相同
5.控件和列表
1单行控件和列表布局尺寸
38mm
42mm
2.双行控件和列表布局尺寸
2.1正文+备注
38mm
42mm
2.2双行正文
38mm
42mm
3.三行控件和列表布局尺寸
38mm
42mm
4. 多行控件和列表布局尺寸
38mm
42mm
5.控件和列表类型
开发安卓、苹果软件的字体样式、大小设计标准
一、IOS版本的字体设计规范和常识
iOS客户端开发人员,使用的默认简体中文字体,就是常用的华文Heiti SC。
iOS UI设计人员,使用Photoshop,请选中“黑体-简”或Heiti SC,并设置为“细体”、“浑厚”是与iOS上的实际效果最接近的(Heiti SC Thin)。或者是冬青黑简体、黑体等等。英文字体是 Helvetica Neue Ultra Light。
二、安卓android APP字体设计规范
安卓中文字体: droid sans fallback
安卓英文字体:roboto
安卓手机的默认中文字体都是droid sans fallback,是谷歌自己的字体,与微软雅黑很像,小米miui v5 用的也是这种字体。