首页 app开发 正文

app设计字体大小规范(app设计字体大小规范图片)

app开发 970
本篇文章给大家谈谈app设计字体大小规范,以及app设计字体大小规范图片对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、开发安卓、苹果软件的字体样式、大小设计标准

本篇文章给大家谈谈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设计字体大小规范图片的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码