爱赢控股集团官网爱赢娱乐网官网

应用介绍

网页ui设计规范

1.切图资源尺寸必须为双数

众所周知，智能手机的屏幕大小都是双数值，比如iPhone7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数，是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的最小单位，换句话说就是1像素不能在智能手机被分为两份。

所以如果是单数切图的话，手机系统就会自动拉伸切图，从而导致切图元素边缘模糊，造成开发出来的APP界面效果与原设计效果差距甚远。

2.图标切图输出应根据标准尺寸输出，并且考虑手机适配（主要是iPhone6plus的适配）

在切图资源输出中，图标切图输出是至关重要的部分。在开发中由于各机型的屏幕分辨率不同，需要针对一些大屏机型进行适配。

为了适配大分辨率手机（例如iPhone7plus），图标在切图的时候需要输出@2x和@3x的切图，其中@2x的切图可以满足双平台大部分机型的适配要求，@3x是用来适配iPhone手机的各种plus版本（后边会有文章专门讲解关于适配的问题）。@3x是@2x尺寸的1.5倍，例如一个图标切图@2x尺寸是44px，那么@3x尺寸是66px。

3.为了提升APP使用速度，尽量降低图片文件大小

在切图资源输出中，图标切图是很重要的部分，比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大，不利于用户在使用app过程中加载页面，因此图片切图要尽量压缩图片文件的大小。

4.可点击部件应当注意其点击区域不小于88px

44px的点击区域数值是在iPhone3（320×480px）普通显示屏下制定出来的，在手机分辨率大幅提升的现在，这个数据自然要与时俱进。

在iPhone7（750*1334px）的Retina显示屏下44px点击区域就变为了88px。但无论是320*480px尺寸下的44px还是在750*1334px尺寸下的88px，换算成物理尺寸后大致是在7mm-9mm之间。

早在人机工程学的研究中曾得出结论，认为人类舒适的触击范围需在7-9mm的大小。所以在iOS官方的空间尺寸也经常出现88px的数值，比如菜单栏的高度便是88px。

5.可点击部件要把相关状态都切图输出，比如正常状态、点击状态。

在切图过程中，不仅要输出正常状态的切图，更要注意不要遗漏其他状态的切图。这个也是设计师经常会出现的失误，比如在按钮切图的过程中可能会忽略点击切图的状态。所以设计师在做设计图是最好尽量把页面中会出现的各种状态展示出来，避免后期切图的时候遗漏状态。

各种下载图案！

网页下载按钮素材psd模板预览

ag电投好不好 bet表面的买球的app 力量体育首页尚志体育木地板

用户评论

微校信大众版app下载-微校信大众版app(家校通)1.9.9安卓最新版

2025/11/12 10:50更新

微校信大众版app是一款利用移动互联所搭建搭建的一个家长与老师沟通平台，帮助家长掌握孩子在的幼儿园的基本情况，同时也方便校园内各教师间的交流、紧急事情的通知以及...

广电宽带网友 abc456 鹅学习官方版下载-鹅学习app3.4.1 最新版: 鹅学习官方版下载-鹅学习app3.4.1 最新版
支持 ( 182 ) 盖楼(回复)
广电宽带网友 abc456 三个闺蜜app1.0.0 ios手机版: 三个闺蜜app1.0.0 ios手机版
支持 ( 73 ) 盖楼(回复)
广电宽带网友 abc456 现映短剧APP下载-现映短剧软件1.2.0 安卓版: 现映短剧APP下载-现映短剧软件1.2.0 安卓版
支持 ( 55 ) 盖楼(回复)
广电宽带网友 abc456 乌市地税app下载-乌市地税手机版1.0.0 官方安卓版: 乌市地税app下载-乌市地税手机版1.0.0 官方安卓版
支持 ( 144 ) 盖楼(回复)
广电宽带网友 abc456 荒野大枪战游戏下载安装-荒野大枪战1.0 安卓版: 荒野大枪战游戏下载安装-荒野大枪战1.0 安卓版
支持 ( 78 ) 盖楼(回复)
广电宽带网友 abc456 乖离性百万亚瑟王官方苹果版下载-乖离性百万亚瑟王ios版2.1.0官方最新版: 乖离性百万亚瑟王官方苹果版下载-乖离性百万亚瑟王ios版2.1.0官方最新版
支持 ( 133 ) 盖楼(回复)
广电宽带网友 abc456 余时保雇主版下载-余时保雇主版ap1.6.0 企业版: 余时保雇主版下载-余时保雇主版ap1.6.0 企业版
支持 ( 149 ) 盖楼(回复)
广电宽带网友 abc456 沙盒绿洲游戏下载-沙盒绿洲手游1.1.10 最新版: 沙盒绿洲游戏下载-沙盒绿洲手游1.1.10 最新版
支持 ( 37 ) 盖楼(回复)
广电宽带网友 abc456 宜春头条新闻-宜春头条app2.4.8 官方安卓版: 宜春头条新闻-宜春头条app2.4.8 官方安卓版
支持 ( 87 ) 盖楼(回复)
广电宽带网友 abc456 车祸救援模拟器下载最新版-车祸救援模拟器1.1.8 最新版: 车祸救援模拟器下载最新版-车祸救援模拟器1.1.8 最新版
支持 ( 104 ) 盖楼(回复)
广电宽带网友 abc456 剑雨九天mud下载-剑雨九天mud游戏1.0.1测试版: 剑雨九天mud下载-剑雨九天mud游戏1.0.1测试版
支持 ( 29 ) 盖楼(回复)
广电宽带网友 abc456 尚充充电app下载-尚充充电最新版0.3.6 安卓版: 尚充充电app下载-尚充充电最新版0.3.6 安卓版
支持 ( 94 ) 盖楼(回复)
广电宽带网友 abc456 LOL开幕式世界手游下载-LOL Opening Worlds(LOL开幕式世界)0.3 安卓手机版: LOL开幕式世界手游下载-LOL Opening Worlds(LOL开幕式世界)0.3 安卓手机版
支持 ( 180 ) 盖楼(回复)
广电宽带网友 abc456 超级高速赛车游戏下载-超级高速赛车(Speed Cars Racing 3D)1.1 安卓免费版: 超级高速赛车游戏下载-超级高速赛车(Speed Cars Racing 3D)1.1 安卓免费版
支持 ( 143 ) 盖楼(回复)
广电宽带网友 abc456 比熊语音app下载-比熊语音安卓版2.4.0 最新版: 比熊语音app下载-比熊语音安卓版2.4.0 最新版
支持 ( 185 ) 盖楼(回复)
广电宽带网友 abc456 Nihon Cam下载-Nihon Cam相机2.08 最新版: Nihon Cam下载-Nihon Cam相机2.08 最新版
支持 ( 9 ) 盖楼(回复)
广电宽带网友 abc456 真实3D台球手游安卓版1.0.1 中文版: 真实3D台球手游安卓版1.0.1 中文版
支持 ( 139 ) 盖楼(回复)
广电宽带网友 abc456 泸州通app下载-泸州通app3.0.1 安卓版【泸州本地生活服务平台】: 泸州通app下载-泸州通app3.0.1 安卓版【泸州本地生活服务平台】
支持 ( 87 ) 盖楼(回复)
广电宽带网友 abc456 仙剑奇侠传7试玩版破解下载-仙剑奇侠传7试玩破解版免预约版: 仙剑奇侠传7试玩版破解下载-仙剑奇侠传7试玩破解版免预约版
支持 ( 107 ) 盖楼(回复)
广电宽带网友 abc456 新石器时代特别版-新石器时代1.3.0 内购特别版: 新石器时代特别版-新石器时代1.3.0 内购特别版
支持 ( 14 ) 盖楼(回复)

查看更多评论

网页下载按钮素材psd模板精选版

网页ui设计规范

相关新闻

网页下载按钮素材psd模板预览