浅谈移动端设计的学习之路（Android篇）

随着时代的快速发展，社会对人才的要求也不断的增强。企业对人员的技术需求和专业技能方面不再是单一的某一邻域的了，显而易见多方面的全能型人才，更加适合社会的发展更能适应时代的更替。如果你不能在单一领域方面占据一定的领导地位时，而想去获得更多，那么就只有通过去学习更多的辅助技能来让自己更具竞争力。学UI设计这一块的知识可以提高前端人员和设计，产品的沟通有效性 也有利于前端人员向管理层的方向发展

移动端设计

基于Android设备，ios设备，以及微信端，手机端等移动设备平台的应用界面设计，属于（UI/UE）设计的重要领域：

1. UI设计主要是界面设计，注重规范，界面美观
2. UE是交互设计，注重人机交互，用户操作
3. 而在日常中人们常常会把美工和UI/UE设计弄混。美工实际上是指对平面，色彩，基调，创意等进行堆砌的技术人才。

移动端设计的必备理论知识

1. 规范类：
   1）移动尺寸单位
   2）Android，ios分辨率与单位转换
   3）Android设计规范（文本，结构，组件，布局）
   4）ios（Iphone iPad iwatch 等）设计规范（同上）
   5）栅格工具
   6）图标设计规范（拟物 扁平）
   7）移动端适配
   8）移动端切图规范
   9）移动端标注
   10）交互设计规范
   11）线框图，低保真，高保真原型
   12）prd规范
   。。。。。。。

2. 设计类：色彩运用，Banner设计 ，手绘绘画，设计原则，构图设计，Logo设计，拟物化设计，扁平化设计，矢量绘画

3. 工具前端开发类：Photoshop， illustrator， Axure（原型绘制），AE（动效设计） Setch(mac下的图形设计工具)，Html ,Css

移动端设计的基础单位

屏幕大小： ☞屏幕对角线长度而不是屏幕的高度或宽度。单位是英寸。简例如下图：

显示/物理分辨率： ☞指的的是屏幕的像素总数和水平方向以及垂直方向的像素数量。单位：像素/px，是组成屏幕图像的最小点，属于相对大小的单位。即同个屏幕力点越小越密越清晰。简例如下图：

屏幕像素密度（ppi）： ☞ 指每英寸内的像素数/每英寸像素，像素密度越高，代表屏幕图像显示越清晰。计算公式：√（X^2 +Y^2）/ Z (X:垂直像素数；Y:水平像素数；Z：屏幕尺寸)
视网膜屏幕： ☞ 屏幕与手机的清晰距离（大于25-30cm）若在此范围内 手机ppi高于300，会使得肉眼无法分辨处像素点（该理论由苹果提出）
dpi： ☞ 指 平面设计/印刷计数单位，指每英寸所能印刷出的网点数。是衡量打印机打印精度的主要参数之一，值越大，表明打印机的打印精度越高（ppi=dpi）

Android的屏幕分级与单位转换

1.Android屏幕碎片化： ☞指因Android屏幕ppi不同导致就算同尺寸屏幕，像素尺寸大小可能也不同，所以Android开发需要一套同意的尺寸单位。
2.Android开发单位： ☞ dp/dip /sp(dp/dip:用于Android元素尺寸，如按钮，导航尺寸。 sp：用于Android字体大小)**注：**按照Android开发原则文字的尺寸一律用sp单位，非文字的尺寸一律使用dp单位，（dp=dip=sp）

Android 手机屏幕分类

3.Android分辨率转换

4.Iphone /Andriod 适配方案：关注点：
1）主流配置
2）上下适应，承上启下
3）保持清晰度（目前推荐的适配方案为750*1334）
5.Android手机应用结构




6.Android基准布局原则
1）组件最小间隔建议为8dp或10d，排版文字最小间隔建议为4dp（方便工具使用）
2）组件尺寸建议能被4整除
3）组件尺寸建议为偶数（单数容易出现锯齿）
4）倚靠48触摸定律：触摸模式UI组件通常使用48do作为基准单位（48dp换算成物理尺寸大约19mm左右，这是一个用户手指能够准确舒服 ）
5）常见应用组件尺寸推荐：
状态栏24dp ；悬浮操作按钮56dp ；操作栏：44/48dp；操作栏+TAB：36+33dp/44+40dp
侧边导航：286/304dp；底栏：44/48dp
水平多边距（元素不可超出此边距）
屏幕水平多边距，尺寸建议为：6dp;8dp;16dp;
7.Android文字排版（界面字体排版原则）
1）逗号不排在最左侧
2）左对齐优先右对齐
3）标题越重要，级别越大 颜色越深越突出
4）字体设计有层次，有主次
5）正文行宽建议不超过320dp