欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > app网页设计尺寸规范

app网页设计尺寸规范

发布时间: 2017-01-19 10:54

今天海淘科技编者为大家整理较为全面的,app网页设计尺寸规范。移动端界面设计尺寸,我们按照系统来讲,IOS系统和Android系统的。

iPhone界面尺寸规范

iPhone界面尺寸规范

iPhone界面尺寸规范


iPad界面尺寸

iPad app 图标尺寸

iPad app 图标尺寸

iPhone app图标

iPhone app 图标尺寸

IPhone,iPad的图标都要按照最大的尺寸1024像素*1024像素来设计。之后按照比例缩小到每个尺寸,再惊醒调整。提交的时候提交没有高光和阴影的直角方形。

图形部件

所有能点击的图片不能小于44像素,普通屏幕,以Retain屏幕为基准设计时,则是88像素,实在小的图片可以切上空白像素来满足要求。

充分考虑每个控制按钮的挨个装填样式

字体和输出

苹果默认的中文字体是Heiti SC -黑体 简,用PC进行设计时,可使用方正黑体简体。所有字体都要使用方正黑体简体。所有字体都要使用双数字号进行设计。

输出图片时,两倍图用@2x做后缀。切图格式为png-24,保留透明度。

输出颜色是,输出颜色代码和RGB值。

Android界面尺寸

安卓系统的就比较杂了,我们先直接看下面的图吧。


IPhone下绘制20*20像素方块,转换成Android需要缩小到三分之四得15*15像素,再通过公式1dp=3/2px.成功转化单位得10*10dp,由20px转化成了10dp1。

你在设计时需要注意移动端的尺寸哦!下面为大家展示几个app网页设计案例。也可点击《最新美食APP界面设计欣赏》查看整套的app界面设计。

app网页设计案例

看更多app设计资讯,可直接点击app设计相关文章。


相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4