首页 > 编程知识 正文

app界面设计规范,app界面设计模板一套

时间:2023-05-03 08:14:00 阅读:55923 作者:4238

安卓智能手机更新换代不止。 安卓手机系统越来越完善,屏幕尺寸也越来越大。 最近小米的miui 6的发布和魅族手机系统的更新等。

拿小米MIUI6的安卓手机来说,MIUI6进行了全新的设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化了图标设计。

所以,我们在设计安卓APP的时候,需要仔细调整前面的设计规范和设计细节。 根据目前流行的安卓手机系统体验,完成安卓app的设计规范。 应该说这是整理了最全面的安卓应用程序设计规范。

25学堂以不断更新和完善安卓App设计规范为宗旨! 利用周末时间整理了2014 Android app设计规范教程。

1、安卓App设计标准的大小或分辨率

目前最新的安卓手机屏幕尺寸均为5.5英寸。 我知道安卓机的尺寸很复杂。 另外,根据分辨率对应不同的dpi模式。

Android还支持多种称为ldpimdpihdpixhdpixxhdpixxxhdpi (4k分辨率)的dpi模式

有关Androidapp设计dpi的详细解读,请访问:

目前主流的安卓手机分辨率有以下三种:

支持hdpi、800*480的手机。 主流机型,有很多。 小米1、1s三星htc等

支持xdpi、1280*720的手机。 三星Galaxy系列和华为p6。

支持xxdpi、1080*1920的手机。 小米手机、华为荣耀手机系列主要加入了高清在线。

以下是面对面流行的安卓智能手机的屏幕尺寸和分辨率:

小米3和小米4的屏幕尺寸和分辨率: 5英寸1920x1080像素

迷人的MX2屏幕尺寸和分辨率: 4.4英寸1280x800图像

迷人的MX3屏幕尺寸和分辨率: 5.1英寸1800x1080像素

HTC one屏幕大小和分辨率: 4.7英寸1920x1080像素

华为荣耀6屏幕尺寸和分辨率: 5英寸1920x1080像素

华为p6屏幕尺寸和分辨率: 4.7英寸1280x720像素

华为p7屏幕尺寸和分辨率: 5英寸1920x1080像素

目前,Androidapp的设计项目不会为每个分辨率设计UI界面。 这是一种追求完美和理想的状态。 小公司一定消耗不了这种东西。

所以,这个时候,我们需要学习变通。 为了应对多重分辨率,

1 )以标准基础(xdpi:1280*720 )开始,根据其他尺寸进行放大或缩小。

2 )从设备的最大大小(xxdpi ) 1920x1080开始,缩小以匹配所需的最小屏幕尺寸。

在某些情况下,如果Android和IOS的设计稿在实际开发过程中差异不大,也可以从IOS分辨率(960*640 )调整设计稿的比例,以适应其他分辨率。 但是,这种方法在剪图时需要一些图像的调整。 对于不是矢量图的组件,必须重新设计以适应1280*720的尺寸。

2、安卓app设计规范的字体和字体大小

我们需要知道的安卓设计常识:安卓4.0之后使用的字体是Roboto。 中文字体:方正兰亭黑体

今天介绍基于720*1280的字体设计的大小。

注释最小字体: 12sp==24px

文本字体: 14sp==28px

文章标题或图标名称: 16sp==32px

导航标题: 18sp==36px

SP的详细情况如下。

sp和dp一样,是android开发的特定单位,在设计者进行UI设计时,通常首先制作大小为320*480的画布。 此大小的画布在android分辨率分类中称为mdpi,在此大小中,ps的1px与android的1dp相同。 同样,此时,1点的字与安卓的1dp相同

典型的android设置长度和宽度多为dip,要设置字体大小,sp多。 屏幕密度为160,1dp=1px=1dip,1pt=160/72 sp 1pt=1/72英寸。 画面密度为240时,1dp=1dip=1.5px。

在设计时,必须遵循48dp定律。

安卓可触摸UI设备的标准为48dp。

一般来说,48dp将转换为物理大小,约为9mm。 的目标大小在7-10之间,这是用户手指可以准确舒适地触摸的区域。

如果你设计的元素高度和宽度至少为48dp,我可以保证:

(1) .触摸目标不会小于建议的最低目标(7毫米),无论显示在任何屏幕上。

)2) .整体信息密度与触摸目标大小取得了很好的平衡。

各UI要素之间的空白通常为8dp。

总结一个androidapp设计师为Android设计制作的设计信息图。

3、安卓app设计规范切割

该设计需要遵循以下四篇文章了解安卓应用的设计书写和剪纸的一些规范。 这里不详细解说。

4、安卓App设计规范匹配及施工图测试预览

(1)标注工具标记边界() ) ) ) ) ) ) ) )。

)2) APP快速剪切工具: Cutterman

(3)可视化安卓用户界面设计工具: DroidDraw

)5)设计图完成后,介绍预览工具和在线预览方法: Ps play

(6)在线生成自定义APP图标字体利器: IconVault

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。