androidui界面设计
‘壹’ Android UI 的设计规则
软件界面设计相关的各项介绍
界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软
件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。
在设计的过程中有较多注意的关键问题，以下列出几点：
(1)软件启动封面设计
应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不
宜超过256 色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。
(2)软件框架设计
软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显着位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。
(3)软件按钮设计
软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。
(4)软件面板设计
软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。
(5)菜单设计
菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。
(6)标签设计
标签设计应该注意转角部分的变化，状态可参考按钮。
(7)图标设计
图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。
(8)滚动条及状态栏设计
滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。
(9)安装过程设计
安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。
(10)包装及商品化
最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。
图标设计规范
数位设计引入了一种新的图标设计样式。以下是设计和创建样式图标的具体规范。
图标样式应该有趣、色彩丰富且充满活力，因为现在的系统支持图标是32位图标，并且边缘非常平滑。在矢量程序中绘制完每个图标后，再用Adobe Photoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时，建议您与高水平的图形设计者一起工作，尤其是具有丰富的矢量和 3D软件经验的图形设计者。
图标设计概述的目的是让您熟悉WindowsXP的新样式，为创建图标做好准备。
图标样式特性
(1) 色彩丰富，是对WindowsXP外观的补充。
(2) 不同的角度和透视特性为图像增添了动态活力。
(3) 元素的边角十分柔和，并略微有些圆滑。
(4) 光源位于图标的左上角，同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感，进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。
图标尺寸
Windows XP图标有四种尺寸，建议使用以下四种尺寸：
(1) 48x48像素
(2) 32x32像素
(3) 24x24像素
(4) 16x16像素
图标色彩深度支持
WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑，且与背景相融合。
每个WindowsXP图标应包含以下三种色彩深度，以支持不同的显示器显示设置：
24位图像加上8位alpha通道(32位)
8位图像(256色)，加上1位透明色
4位图像(16色)，加上1位透明色
调色板
图标中使用的主要颜色。
对象的角度和分组
WindowsXP样式图标使用的透视网格：并非所有对象使用16?6的复杂图像都能获得较好效果。某些对象通常以直观图像显示：文档图标、符号图标(如警告或信息图标)、单一对象图标(如放大镜)
除非创建重叠辅助对象可以更清楚地表达图标的含义，否则就可读性和完整性而言，还是应使用直观图像。还应考虑如何按组查看图标，以便确定如何将对象分组。
投影
使用投影后，WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果，本指南的后面部分将对此进行描述。若要为图像添加投影，请在 Photoshop中双击图像的图层，并选择Drop Shadow。然后将Angle更改为135，Distance更改为 2，Size更改为2。此时投影为75%不透明黑色。
轮廓
绘制XP样式图标时，为图像添加轮廓可使之更清晰，并可保证图像在不同背景色上都具有较好效果。
概念
设计图标时，请考虑以下因素：
使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的
文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16?6的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。
透明工具
将Gif Movie Gear(GMG)打开一个对话框，其中显示您的图标。使用吸管工具单击图标的背景色。此颜色将更改为暗黄绿色(或在 GMG中选作
透明背景色的颜色)。重复所有4位和8位帧。若要保存图标，请选择 File->Save Icon As...。
创建工具栏
Windows工具栏图标除不使用投影之外，使用的样式与其它图标相同。由于工具栏图标非常小，建议您使用简单的图像。如果以直观方式显示
图像即可清晰地表达图标的含义，则不必使用其它复杂方式。
创建AVI
WindowsXP使用8位AVI。创建.avi文件的过程与创建图标的过程相同-在Photoshop中准备图像，然后将其拖动到GMG 中。请按以下指导创建8位图标。若要使用GMG保存AVI，请转至File->Export As->AVI file。创建.avi文件时，请考虑以下因素：使用品红(R255 G0 B255)作为背景透明色。在Photoshop中，重要的一点是不要出现杂散像素。请将填充能力设置为0，并确认未选中取消锯齿。
软件人机界面
UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得
有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
美丽的事物常常会让人无法抗拒。这就是为什么产品出色的外观设计对于电脑、汽车、日用品、家具、食品、服装等等几乎所有商品的销售与推广，都有着举足轻重的作用的原因。
同样的道理，对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。
我们可以清楚地看到，微软公司对软件界面设计的重视。请回想一下您在第一次见到win2000时的情景，与nt4.0相比是否惊叹他界面的美观性与易用性？而您如果使用过xp系统，则会被其令人神奇的感官概念而震惊折服！金山公司的金山词霸就是国内软件成功的例子了，从金山词霸3.0到金山词霸2001 的变化堪称经典。着名的网页动画制作软件flash从3.0到4.0，仅仅修改了图标和窗体，立即大为增色…
现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。我们可以相象一下，您在挑选手机的时候，如果有两款手机，性能相同，而第一款比第二款要美观很多，那么您将选择哪一款呢？当然是美观的那一款了。试想，您的客户，也会拿您和您竞争对手的软件做这样的比较的。
现在的软件企业都知道，广告和市场推销活动对市场营销的作用是多么的重要，并不遗余力地打广告、做活动、做推广。但我们知道，这些活动的最终目的，是为了让用户购买并使用软件产品，而用户最终使用的也是您的产品，那么为什么不在软件界面的美观性上多下些工夫呢？在诸如家用电器、汽车、电脑等成熟的市场中，用非常精美的广告去推广一种功能强大却丑陋无比的产品，是一种笑话。然而，这样的笑话在软件行业里却屡见不鲜。这也是像中国足球一样，中国软件业与国外相比较存在的一个很大的差距。
实践证明，各商家只要在产品美观设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。
在用户把软件买回去后，他们和您企业的联系，或者说您企业形象在客户眼中的表现，很大一部分是通过您软件的界面来传达的，那么美观友好的用户界面对于宣传您的企业文化，对于给客户灌输您的企业理念，对于您企业的宣传运做都将是非常有益的。尤其如果您的公司做的是项目承包形式的业务，那么无论是在竞标的时候，还是在项目交付使用以后，美观的界面都会给您的客户以信心和良好的印象。
要成为一款有竞争力的软件，不光要有强大的功能，也需要有一个友好的界面设计。纵观当今的it行业，其软件界面设计的发展趋势大体上有如下几种技术：
1. 命令语言用户界面的发展。
根据其语言的特点，及人机交互的形式的分为
a. 形式语言
b. 自然语言。
c. 类自然语言。
2. 图形用户界面的广泛应用
图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点
3. 直接操纵用户界面技术的成熟。
用户最终关心的是他欲控制和操作的对象，他只关心任务语义，而不用过多为计算机语义和句法而分心。对于大量物理的、几何空间的以及形象的任务，直接操纵已表现出巨大的优越性。
4. 多媒体用户界面及多通道用户界面的发展大大丰富了计算机信息的表现形式。
5. 虚拟现实技术的应用
虚拟现实系统向用户提供身临其境(immerse)和多感觉通道(multi-sensory)体验，作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底实现和谐的、以“人为中心”的人机界面。
‘贰’ iOS和Android的UI设计有什么区别
Android的IU设计是根据IOS的模板来进行的，偏苹果风。
Android的设计是开放的，各个手机厂商生产着不同型号的手机，五花八门。而iOS则是封闭的，很多权限是不开放给开发者，开发设计者必须遵循苹果制定的规范。
iOS对屏幕反应的优先级是最高的，而Android的相对迟缓很多。
iOS基于GPU加速，而Android需要适应不同的手机硬件，需要满足各种差异配置，所以很多图形特效大多都要靠程序本身进行加速和渲染。
安卓机制效率低，Android的编程语言是JAVA，而iOS的则为Objective-C。
关于排版，iOS喜欢在居中排布Android更喜欢左对齐
安卓里可以看到各种浮窗，流量，清理内存等等。iOS暂时不支持这样的浮窗。
‘叁’ iOS和Android的UI设计有什么区别
设计上来说这两个系统有些东西越来越通用了，目前很多Android的应用偏苹果风格，也就是说基本都是采用一套iOS设计模板来适配Android系统。
术语解读和系统平台对比
android是Google公司开发的操作系统。
iOS是苹果公司的移动操作系统。
导航方式不一样
iOS的Tab放在页面底部，不能通过滑动来切换，只能点击。也有放在上面的，也不能滑动，但有些Tab本身可以滑动，比如天猫的。还有新闻类的应用。
Android一般放在页面顶端，可以通过滑动页面来切换Tab，当然Tab可以点击切换，Tab多的话，Tab本身也可以滑动。比如豌豆荚，网络贴吧，QQ。总之，Android啥都可以有。
UI设计规范不一样
比如现在通常设计的尺寸对比如下：
iOS： 750*1334 或者 1242*2208
android：720*1280 或者 1080*1920
单条item的操作
iOS单条item的操作有两种，点击和滑动，点击一般进入一个新的页面，滑动会出现对这条item的一些常用操作，如微信里滑动一条对话，会出现标记未读和删除。
Android中，单条item的操作也有两种，点击和长按，点击一般进入一个新的页面。长按进入一个编辑模式，可以在里面进行批量和其他一个操作，比如删除，顶置等等。比如小米的短信页面；长按也可以弹出情境操作栏dialog，进行操作，比如Android版的微信。
例外的是，Android里面也可以有单条item的滑动，如新版QQ，这种比较少见。AndroidL的短信，可以滑动进行归档。大Android啥都可以有。
实体键
iOS只有一个实体键（音量，电源不算哈），home键，这个键有这么几个功能：
1、按一次，回到桌面。
2 、双击，出现多任务界面
3、iOS8里面，轻触两下Home键，调出单手模式
4 、指纹解锁
Android有四个实体键（现在很多被屏幕上的虚拟键代替，但功效是一样的）4.4一下的分别是back键，home键，menu键，和搜索键。4.4及以上，是back键，home键，多任务键。Android原生是这样，经过优化的Android就不一定了，比如魅族的smart bar，根据当前页面情景变化，不过蛮好用。
Android的back键，在大部分情况下，和页面上的返回功效一样。不过，Android的back键可以在应用件切换，还可以返回主屏幕。这个iOS里面的键不能在应用间直接切换。
浮窗设计元素不一样
Android里可以看到各种浮窗，流量，清理内存等等。iOS暂时还不支持这样的浮窗。越狱的貌似可以。
iOS和Android的UI区别七：图标尺寸和命名规范不一样
1、iOS和Android手机的APP图标尺寸规范和图标命名规范
2、对比PC、iOS、Android等终端APP的交互设计的差异化
‘肆’ 安卓移动开发的前端UI设计可以使用哪些不同的布局，这些布局适用于哪些情况
没懂啥意思，是前端还是ui？
UI的话就是随便设计，使用什么布局是技术的问题，安卓的布局就是以下六大基本布局
线性布局
线性布局在开发中使用最多，具有垂直方向与水平方向的布局方式，通过设置属性“android:orientation”控制方向，属性值垂直（vertical）和水平(horizontal)，默认水平方向。
RelativeLayout
相对布局可以让子控件相对于兄弟控件或父控件进行布局，可以设置子控件相对于兄弟控件或父控件进行上下左右对齐。
FrameLayout
帧布局或叫层布局，从屏幕左上角按照层次堆叠方式布局，后面的控件覆盖前面的控件。
AbsoluteLayout
绝对布局中将所有的子元素通过设置android:layout_x 和 android:layout_y属性，将子元素的坐标位置固定下来，即坐标(android:layout_x, android:layout_y) ，layout_x用来表示横坐标，layout_y用来表示纵坐标。屏幕左上角为坐标(0,0)，横向往右为正方，纵向往下为正方。实际应用中，这种布局用的比较少，因为Android终端一般机型比较多，各自的屏幕大小。分辨率等可能都不一样，如果用绝对布局，可能导致在有的终端上显示不全等。
TableLayout
表格布局，适用于多行多列的布局格式，每个TableLayout是由多个TableRow组成，一个TableRow就表示TableLayout中的每一行，这一行可以由多个子元素组成。
GridLayout(网格布局)
作为android 4.0 后新增的一个布局,与前面介绍过的TableLayout(表格布局)其实有点大同小异;
‘伍’ 安卓UI界面设计，如何布局呢
肯定有一个Xml，定义每一个小块图片的ImageView或者其它的控件，当然你也可以自己在Activity里创建一个控件，但不太好控制
然后写一个随机数，有一个color标签定义n个颜色，随机1-n中的一个数，赋值给那个控件
循环300下，每一下都取一下随机数，第一大块在分成12块，每块有25个数，在每一大块里再分五块，每一小块里有五个控件，这样就可以画出上面的图形了。
‘陆’ 怎么把android ui设计的好看
最主要在设计的时候不要完全按照自己的喜好来，适当的遵循规范再加之大众审美评估水平来设计即可。
1、注意字体的大小。安卓里面也有相应的规范，比如最小字体是多大，文本是多大，按照规范来设计的话就可以保证我们的界面图整体看起来更加的美观。
2、在使用的字体方面，也是有一个严格的规定，英文在安卓里面使用的是Roboto，中文字体使用的是droid sans fallback，当然现在随着安卓手机分辨率的增加， 中文，字体的选择也多了几种，比如中文也可以使用思源黑体等。
3、一般PS新建 1080 x 1920的尺寸，也就是对应该安卓的xxhdpi ,所以切图也是放入程序中的xxhdpi文件夹 下。设计时一定好考虑好小屏幕适配问题，还要对部分切图进行调整重切，因为有些图等比缩小时会出现糊，或不好看的现象。
‘柒’ ui界面设计字体有哪几种选择
手机软件中的字体，ui界面设计字体有以下几种：一、在ios中默认字体分为三类：
第一类：STHeiti-Light.ttc （黑体-简与黑体-繁的细体）和 STHeiti-Medium.ttc（黑体-简与黑体-繁的中黑） 代表的是中文字体，常用的方正黑体简体
第二类：_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及数字字体，常用的字体Helvetica
第三类：LockClock.ttf 代表的是锁屏时间字体
二、在Android中，英文字体使用Roboto，中文字体使用Noto（思源黑体）。
以前的设计中，中文字体主要是使用微软雅黑，但微软雅黑在界面中就显得有点厚重、臃肿。Google联合Adobe发布了“思源黑体”作为Android的默认中文字体，新的“思源黑体”不仅仅在字形上更易于在屏幕的阅读，并且拥有7个字重，充分满足了设计的需求。
三、ui界面设计一般用的字体是：微软雅黑
其他可以参考一些ui界面设计规范，里面都有一些很严谨的格式、字体、大小、颜色等数据规范的。
想要了解更多关于手机软件字体的相关信息推荐选择Pixso协同设计。Pixso可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。
‘捌’ 安卓系统UI设计尺寸怎么定
众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。
1、字体
安卓系统中文采用的是思源黑体，英文字体为robot字体。
只使用偶数单位 24 pt，28 pt，36 pt等字体大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？
讲图标之前先来分析一下一排英文的意思：
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示best for textsize。
px是像素的意思， 不同设备显示效果相同。
安卓各屏幕密度关系如下：
3、图标
不同手机品牌的图标的标志是不一样的，对应不同大小屏幕的尺寸如下：
应用图标的尺寸：
快捷图标的尺寸：
系统图标的尺寸：
4、应用栏的尺寸
从左到右依次是：① 应用栏高度：56dp；应用栏左右内边距为16dp；应用栏图标上下左内边距为16dp；应用栏标题左内边距为72dp；应用栏标题下边距：20dp；
②应用栏高度为128dp；
③操作栏高度为56dp；标题栏高度：80dp；标题栏底部内边距：8dp；描述区域高度：72dp；描述区底部内边距：16dp。
5、列表高度
垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。
垂直边距
①状态栏：24dp；②工具栏：56dp；③子标题：48dp；④列表项：72dp
垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。
垂直边距
①状态栏：24dp；②工具栏：56dp；③标题和列表项：48dp；④子标题：48dp；⑤内容区域间距离为8dp
6、界面适配
安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置，来优化用户界面设计，带来更良好的用户体验。
如何做到安卓界面适配呢？大家一定要很清楚的了解分辨率、屏幕大小、密度的关系；明白实际密度和系统密度的关系，dp、sp、px的区别；明白dp与px的转换。这里不做过多阐述，后期写一篇具体的~
安卓的界面规范就讲到这里，要明白设计界面规范的意义是确保设计的统一性与合理性，规范维护的是项目的统一，为了项目利益最大化，高效化。所以作为UI设计师的我们，如果一点设计规范不遵守，全靠自己想当然，那就别发给前端人员啦，他也看不懂。
‘玖’ Android UI规范是什么
从事UI设计行业的朋友都知道，每一张设计稿都是有规范尺寸的，并且IOS的和Android还不同，IOS UI设计规范为375*667 1x的尺寸，那么Android UI规范是什么呢，下面让我们一起来了解一下。
- 01
在做Android UI设计的时候，画布的尺寸我们一般都是选择360*640 1x，也就是说是选择720*1280这个尺寸。
- 02
我们从上到下来进行了解，最上边的是状态栏，状态栏的高度是25。
- 03
在状态栏中肯定就是信号、电源以及时间这些了，每个Android定制系统的摆放样式都不同，这一点不用纠结。
- 04
状态栏下边就是导航栏了，导航栏起到的是导航作用，高度是45px。
- 05
导航栏中间一般都是有文字来起到提醒作用的，导航文字的大小一般都是18px。
- 06
在最下方就是我们的标签栏了，标签栏的作用就是给用户提供切换界面的作用，标签栏的高度为50px。
- 07
在标签栏中摆放的肯定就是我们的ICON图标了，要注意，图标的切图点击区域不能够小于24px。
- 08
一些ICON图标的下方还会有文本，这里文本的大小一般就是10或者是11px了，因为范围有限。
特别提示
本文尺寸均为1x。