Android 设计规范 (样式与布局)
安卓app设计规范整理和Android APP设计篇

1、安卓app设计规范之尺寸或分辨率目前最新安卓手机的屏幕尺寸都是5.5英寸啦。
我们都知道安卓机的尺寸很多很杂。
而且不同的分辨率对应不同的dpi模式。
Android也支持多种不同的dpi模式:ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi(4K分辨率)关于安卓APP设计的dpi详细解读请查看:1、Android界面设计专业术语:xxxhdpi和4K分辨率2、Android APPUI设计师必知:pt sp dp之间的关系以及换算公式3、Android界面设计适配不同屏幕的尺寸和密度解读目前主流的安卓手机分辨hdpi,对应800*480的手机。
主流机型,很多。
如小米1 ,1s 三星htc 等xdpi,对应1280*720的手机。
三星Galaxy系列和华为p6.xxdpi,对应1080*1920的手机。
小米手机,华为荣耀手机系列为主加上 htc one。
下面是当面流行的安卓手机的屏幕尺寸和分辨率:小米3和小米4 屏幕尺寸和分辨率: 5英寸1920×1080像素魅族MX2 屏幕尺寸和分辨率: 4.4英寸1280×800像魅族MX3 屏幕尺寸和分辨率: 5.1英寸1800×1080像素HTC one屏幕尺寸和分辨率: 4.7英寸1920×1080像素华为荣耀6屏幕尺寸和分辨率: 5英寸1920×1080像素华为p6屏幕尺寸和分辨率: 4.7英寸1280×720像素华为p7屏幕尺寸和分辨率:5英寸1920×1080像素在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI界面。
这是一种追求完美和理想的状态。
小公司肯定是耗不起这样的。
所以,这个时候我们需要学会变通。
为了适应多分辨率,1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。
2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。
ios和Android APP设计规范要点

相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。
每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式IOS篇一、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。
在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。
如果是我来做的话,我会使用640×1136,对plus做单独的修改适配,因为plus的屏幕实在是大了,遵循屏大显示更多内容的原则这里本应该是需要修的了。
有更好办法的话希望大家可以分享一下。
Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素iPhone的app界面一般由四个元素组成,分别是:状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。
这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
状态栏(status bar):就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px导航栏(navigation):显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px主菜单栏(submenu,tab):类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px内容区域(content):展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px至于我们经常说的iPhone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。
app设计规范简述-精

一、Android:
确定GUI需求——手机屏幕的大小 象素尺寸是目前较常见的手机屏幕尺寸,在设计时
可以根据实际产品要求进行设计,更大的屏幕可以 有更多的交互表现和视觉元素的支持,较为自由。 128×160 176×220 240×320(较多) 480×320
480×800(三星Galaxy S II,Andriod多用) 960×640(iPhone4: 3.5英尺 分辨率330dpi)
2-2 iphone4 –规范
3、IOS 文字规范:
2-2 iphone4 –规范
3、IOS 文字规范:
2-2 iphone4 –规范
3、图片/头像/缩略图数据参考:
头像
相册
头像
商品列表 商家图片 日志图片
格子铺 商家优惠 活动礼券
未知数
小
中
大 做略图
全屏
缩略图 小
缩略图 小
缩略图 缩略图 缩略图
2-1界面设计规范
导航栏:
高宽: 8 8 * 6 4 0 P X 坐标: 0 . 4 0 字体大小:按钮中文字24px / 导航标题3 4 p x 说明:位于“状态栏”下方,进入某些卡片后显示其当前位置的区域,包含2个控件(左右) 不能改变其高度以及样式轮廓(如“返回”样式轮廓是向左侧的三角,改变它的特征将会降 低iPhone使用者对己熟悉样式轮廓的对应操作理解)。并且需要注意“导航栏外观、导航栏 按钮”的视觉元素必须始终保持一致性,在其他卡片中时。 注:导航栏在例如“网页”状态时,则会改变其高度,或其特殊设计时,此时高度为120px
大 缩略图 缩略图
小 banner
80*80
124*124
140*140 200*150 960*640
android设计规范

android设计规范Android设计规范是指在开发Android应用程序时,遵循一定的设计原则和规范,以提高用户体验和应用程序的可用性。
下面将介绍一些常见的Android设计规范。
1. Material Design:Material Design是Google推出的一种设计语言,用于创建具有一致外观和交互的应用程序。
它包括使用卡片、阴影、动画和明亮的颜色等元素来传达层次结构和重点。
2. 色彩使用:在Android应用程序中,选择适合主题和品牌的色彩方案非常重要。
应该遵循Material Design中的色彩准则,并确保颜色在不同屏幕上的一致性和可读性。
3. 字体使用:选择适合应用程序的字体,并在整个应用程序中保持一致。
字体应可读,并且大小、加粗和斜体等样式应有合理的使用。
4. 图标设计:在应用程序中使用图标可以增强用户的可用性和交互性。
图标应当简洁明了,并具有适当的大小和比例。
同时,应该使用向量图标,以便在不同屏幕分辨率上保持清晰度。
5. 导航和布局:在设计应用程序的导航和布局时,应遵循常见的导航模式和布局原则。
例如,使用底部导航栏、抽屉式导航和标签页等来帮助用户浏览和导航应用程序。
6. 响应式设计:设计响应式布局,以适应不同大小和分辨率的设备,例如手机和平板电脑。
这意味着应该使用相对单位(如dp)而不是固定像素,并通过约束布局和可伸缩组件来适应不同的屏幕尺寸。
7. 动画和转换:使用动画和转换可以增加用户体验和可用性。
例如,使用渐变、淡入淡出和缩放等动画来提供视觉效果和反馈。
8. 可访问性:为了让残障人士能够使用应用程序,应该遵循可访问性准则,包括使用适当的颜色对比度、提供语音辅助和键盘导航等。
9. 图形和图片:在应用程序中使用图形和图片可以增加用户的吸引力和参与度。
应该选择高质量的、与应用程序内容相关的图形和图片,并压缩它们以提高性能。
10. 安全性和隐私:在设计应用程序时,要考虑用户的隐私和数据安全。
安卓ui规范

安卓ui规范安卓UI规范旨在为开发者提供一套统一且一致的设计规范,确保用户在不同应用中能够获得相似的界面和交互体验。
本文将介绍一些常见的安卓UI规范,包括布局、颜色、字体、图标、按钮等。
一、布局规范:1. 使用LinearLayout、RelativeLayout或ConstraintLayout等布局管理器,确保界面能够适应不同屏幕尺寸和方向。
2. 使用间距和对齐等属性来调整视图之间的间隔和位置,使布局更加整齐和统一。
二、颜色规范:1. 使用Material Design中的颜色,确保界面与其他应用一致。
2. 避免使用过多的颜色,保持简洁和一致性。
3. 使用透明度来突出重要或活动状态的元素,而不是改变颜色本身。
三、字体规范:1. 使用Roboto字体作为默认字体,确保文字的清晰和可读性。
2. 使用不同的字体大小和样式来区分标题、正文和按钮等不同类型的文字。
3. 避免使用过大或过小的字体,保持合适的尺寸。
四、图标规范:1. 使用矢量图标,以适应不同屏幕密度和分辨率。
2. 使用Material Design中的图标,以确保与其他应用保持一致。
3. 避免使用过多或过大的图标,保持简洁和可读性。
五、按钮规范:1. 使用标准尺寸的按钮,以便用户轻松点击。
2. 使用合适的颜色和字体来突出按钮,以增加点击的可视性。
3. 使用Ripple效果来提供点击反馈,以增加用户的操作信心。
六、导航规范:1. 使用底部导航栏或侧滑菜单来提供主要导航功能,确保用户能够轻松访问不同的界面。
2. 使用导航图标或标签来区分不同的导航选项,以增加用户的可识性。
3. 避免过多的导航选项,以保持界面的简洁和清晰。
七、交互规范:1. 使用动画和过渡效果来提高用户界面的可见性和可理解性。
2. 使用Toast、Snackbar等提示工具来向用户提供操作结果和反馈。
3. 避免过多的弹窗和询问,以减少用户的操作疲劳。
总结:通过遵循安卓UI规范,开发者可以创建出一致和易用的应用界面,提高用户的满意度和体验。
如何使用Android Studio进行布局设计和界面编写(二)

I. 简介在移动应用开发中,界面设计与布局是非常重要的环节。
使用Android Studio作为开发工具,可以轻松实现布局设计和界面编写。
本文将介绍如何使用Android Studio进行布局设计和界面编写的一些基本步骤和技巧。
II. 安装和设置首先,确保你已经在计算机上成功安装了Android Studio。
安装完成后,打开Android Studio,并选择新建项目。
接下来,选择适合你项目的最低API级别和目标API级别。
一般情况下,选择较高的最低API级别可以兼容更多的设备。
III. 布局设计在Android Studio中,布局设计使用的是XML语言来描述界面的结构和样式。
最常用的布局类型是LinearLayout和RelativeLayout,它们可以实现不同的屏幕布局。
布局文件可以通过拖拽和预览的方式进行设计。
1. 创建布局文件在项目的res目录下找到layout文件夹,右键点击选择“New -> Layout resource file”,然后命名文件并选择布局类型。
创建完成后,就可以在布局文件中添加和编辑各种视图组件。
2. 添加组件在布局文件中,可以通过在XML中添加组件来构建界面。
例如,可以使用TextView显示文本内容,使用Button添加按钮操作,使用ImageView显示图像等。
在XML中为每个组件设置ID和属性,以定义其在界面布局中的样式和位置。
3. 约束布局Android Studio还支持约束布局,它可以更灵活地定位和调整视图组件的位置。
通过拖拽和连接各个视图组件之间的边界和约束,可以进行更自由的布局。
约束布局的使用需要一些练习和对视图关系的理解。
IV. 界面编写在完成布局设计后,需要对界面进行编写,即为各个组件添加相应的功能和逻辑。
界面编写主要使用Java语言来实现。
1. 创建活动在项目的Java目录下,找到包名,右键点击选择“New -> Activity -> Empty Activity”,然后命名新的活动。
安卓的规范

安卓的规范Android是目前最流行的移动操作系统之一,随着智能手机的普及和应用的快速发展,为了保持良好的用户体验和开发环境,Google制定了一系列的规范和指南供开发者遵循。
下面是Android的一些规范:1. Material Design规范:Material Design是Google推出的一套设计语言,旨在为Android提供一致的用户界面设计和交互模式。
该规范包括颜色、排版、图标、动画等方面的指导,帮助开发者创建美观、直观的应用。
2. App安全规范:为了保护用户的隐私和数据安全,Android有一些安全规范供开发者注意。
例如,应用需要获得用户的授权才能访问敏感权限,如定位、摄像头等。
同时,开发者应遵循HTTPS加密传输数据,以防止数据泄露和网络攻击。
3. UI布局规范:Android提供了一系列的UI控件和布局管理器,开发者应遵循一致的UI布局规范。
例如,应使用ConstraintLayout替代RelativeLayout,使用RecyclerView替代ListView等。
此外,还需要考虑不同屏幕大小和分辨率的适配性。
4. 代码规范:为了提高代码的可读性和可维护性,Android有一套代码规范供开发者参考。
例如,变量和函数命名应具有描述性,注释应详细解释代码的功能,避免使用魔法数等。
此外,还需要遵循一致的代码结构和代码风格,以便于项目的协作开发。
5. 性能优化规范:Android设备资源有限,性能优化是开发者必须考虑的问题。
为了提高应用的响应速度和减少耗电量,开发者需要遵循一些性能优化的规范。
例如,避免在UI线程执行耗时操作,使用合适的缓存策略,减少网络请求等。
6. 国际化规范:Android是一个全球化的操作系统,为了满足不同语言和文化的用户需求,开发者需要遵循一些国际化规范。
例如,应用需要支持多语言,提供合适的日期、时间和货币格式,注意文本长度的动态调整等。
7. 广告和隐私规范:在应用开发中使用广告时,开发者需要遵循一些广告规范以及用户隐私保护的规范。
安卓平板设计规范

安卓平板设计规范安卓平板设计规范近年来,随着移动设备的普及,Android平板逐渐成为人们主要的移动工具之一。
为了提供更好的用户体验,保持应用的一致性和易用性,开发人员需要遵循一定的设计规范。
下面将介绍一些Android平板的设计规范。
1. 易用性Android平板应该提供简洁、直观的用户界面,让用户能够快速上手并使用应用。
使用简洁的图标、清晰的文字和直观的操作流程,减少用户学习和记忆的成本。
同时,应该提供明显的反馈和指导,确保用户可以轻松地完成各种操作。
2. 响应速度Android平板应该具备良好的响应速度,尽量缩短用户等待的时间。
优化应用的性能,减少卡顿和加载时间,确保用户能够流畅地使用应用。
同时,合理利用缓存和预加载,提前获取需要的数据和资源,避免用户等待的不便。
3. 适配性Android平板的屏幕尺寸和分辨率各异,开发人员需要保证应用在不同尺寸的平板上都能够正常显示。
可通过使用百分比布局、自适应布局和多分辨率适配技术等方法,确保应用界面的适配性。
同时,应该提供不同尺寸的资源文件,确保图标、图片等元素的清晰度和比例。
4. 规范的交互方式Android平板的交互方式与手机有一定的差异,应该根据平板的特点进行设计。
例如,可以使用更大的按钮和操作区域,方便用户点击和操作。
同时,应该考虑到用户使用平板的场景,提供更多的手势操作和多点触控的支持,提升用户的交互体验。
5. 强调内容展示Android平板的屏幕相对较大,可以更好地展示应用的内容。
应该合理利用空间,突出展示核心信息和功能,提高信息的可读性和可视性。
同时,注意字体大小和排版,方便用户浏览和阅读。
6. 保持一致性Android平板的设计应该与其他Android设备(如手机和平板)保持一致,确保用户的使用习惯和体验可以无缝衔接。
应该遵循Android Material Design的设计原则和规范,使用相似的颜色、图标和交互方式,让用户能够快速上手并熟悉应用。