app设计字体大小规范(app设计字体大小规范图片)
本篇文章给大家谈谈app设计字体大小规范,以及app设计字体大小规范图片对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
开发安卓、苹果软件的字体样式、大小设计标准
一、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 用的也是这种字体。
浅谈iOS APP设计规范-按照iphone6尺寸
现在iOS app 的尺寸也变多了,要适配到各种尺寸需要选择一个折中的尺寸来向上向下适配,以前一般用的是iphone5的尺寸,iPhone6 plus出现后,iPhone6尺寸成了大多数设计师的选择。
一、iPhone6的界面布局是:
屏幕是4.7英寸的,设计稿的大小750x1334px
☆ 状态栏(status bar):就是电量条,其高度为:40px;
☆ 导航栏(navigation):就是顶部条,其高度为:88px;
☆ 主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
☆ 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px
二、关于iPhone6的图标的尺寸是:
☆导航栏的图标高度为44px(绝大部分功能按钮)左右,标签栏的图标尺寸为50x50px左右,最大为96x64px。
☆关闭按钮34px*34px,返回按钮26px,简单笔画图标40px。
三、常用的可点击高度-登陆框、密码框、功能列表等,统一设成88px。
四、搜索栏、输入框、评论框、地址框的高度,在iPhone6的原型图上,统一设成58px或60px。
五、在iPhone6设计稿中,界面元素之间的常用距离。
常用间距-亲密距离:20px(与边缘距离);疏远距离:30px;
其它距离-10px,44px等;
区块间隔:30-40px。
A、疏远距离:比如,改图标距离手机屏幕最左边的距离;
B、亲密距离:比如,左边图标与右边文字之间的距离。
六、黑白灰颜色常用的数值是:
① 文字黑色#333
② 文字深灰色#666
③ 文字浅灰色#999
④ 边框浅灰色#e5e5e5
⑤ 背景淡灰色#f2f2f2
⑥ 按钮背景纯白色#ffffff
一、注意事项
1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。
2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。
3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配
二、界面中文字选用的规则
在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式,网页中会有常用的几个字体。
以下是在72像素/英寸下的规范
移动端常规字体
IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好, 方正兰亭黑和方正黑体简 、方正中等线也运用的比较多。
三、字体的大小
1、导航栏的文字大小是36-38px;
2、标题字号:32px ,34px;
3、内容区域的正文文字大小是:28px,30px;
4、辅助性文字:20px , 24px,26px;
5、标签栏(或主菜单栏)的图标下方的文字大小为20px;
6、终极原则:不大于所在要件高度的一半;
7、行间距:字号的1.2-1.5倍。
下图是百度用户体验做过的一个小调查,可以看出用户可接受的文字大小:
APP设设计规范尺寸、切图详解——IOS和Android
目前主流的是以iPhone 6为主,设计尺寸是750*1334px,4.7寸。
1、分辨率以iPhone 6 设计为主:750*1334px
2、(字体 Helvetica/华文细黑,实际中运用黑体简或者Hiti-sc 最接近系统中所带字体)
3、工具栏height:88px 如搜索、选择、删除、回复等。
4、顶部标签栏height:60px 位于状态栏或者状态栏下的文字/具有可切换功能的图标
1、导航栏
所有的字号,在750*1334px的设计尺寸下都是偶数,便于程序员操作。
所有可触发按钮必须≥44*44
所有可触发按钮必须≥22*22
左右内容与边距的间隔大概在20px
强调确定,填充有彩色。
例如:
搜索框右边要有一个取消、或者输入了之后有一个“x”
渐变和底纹效果和程序员商讨
设计尺寸:720*1280px
状态栏48px 导航栏96px 内容区1038px 标签栏112px
关于app设计字体大小规范和app设计字体大小规范图片的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。