技术标签: android 平面图app
随着安卓智能手机不停的更新换代。安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等。
以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计。
所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。
25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末的时间整理了2014年Android APP设计规范教程。
1、安卓app设计规范之尺寸或分辨率
目前最新安卓手机的屏幕尺寸都是5.5英寸啦。我们都知道安卓机的尺寸很多很杂。而且不同的分辨率对应不同的dpi模式。
Android也支持多种不同的dpi模式:ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi(4K分辨率)
关于安卓APP设计的dpi详细解读请查看:
目前主流的安卓手机分辨率有以下3种:
hdpi,对应800*480的手机。主流机型,很多。如小米1 ,1s 三星 htc 等
xdpi,对应1280*720的手机。三星Galaxy系列和华为p6.
xxdpi,对应1080*1920的手机。小米手机,华为荣耀手机系列为主加上 htc one。
下面是当面流行的安卓手机的屏幕尺寸和分辨率:
小米 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像素
在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套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点的字就等于android中1sp,举个栗子:你建立画布的尺寸是320-480,里面的文字是30点,那么它就是30sp。
一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160,1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 英寸.当屏幕密度为240时,1dp=1dip=1.5px.
设计时候,我们还需要遵循48dp定律。
48dp作为安卓可触摸的UI元件的标准。
一般来说,48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域。
如果你设计的元素高和宽至少48dp,你就可以保证:
(1). 触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。
(2). 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
而每个UI元素之间的空白通常是8dp.
下面是某个安卓APP设计师对android设计做出的一个设计信息图总结。
3、安卓app设计规范之切图
这块需要按照设计按照下面4篇文章来了解安卓app设计标注和切图的一些规范。这里不做详细解说了。
4、安卓app设计规范之适配和设计图测试预览
(1)尺寸标注工具 MarkMan(马克鳗)
(2)APP快速切图工具:Cutterman
(3)一个可视化的Android UI界面设计工具:DroidDraw
(5)设计图完成之后,预览工具和在线预览方法介绍:Ps play
(6)在线生成自定义APP图标字体利器:IconVault
文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib
文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang
文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些
文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器
文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距
文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器
文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn
文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios
文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql
文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...
文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120
文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数