Android界面设计基本知识

Android Design

• 设备和显示
• 触摸反馈
• 度量和网格
• 图像研究

 

1、Devices and Displays  (设备和显示) 

高中低3中分辨率。个人的经验是，设计图一般从高分辨开始做。

 

2、Touch Feedback   (触摸反馈) 

按钮的5个状态：normal pressed focused disabled disabled&focused

移动对象时，对象变暗。

滚动到最边界（列表的最上、最下；slider的最左最右），增加边界反馈支持。

  

3、Metrics and Grids (度量和网格)

界面大致基于48dp(≈9mm ，设计图也就是72px； 按照ios44px设计韵律比例android应该是33px，这点相差较大)的栅格，手指和界面元素就能和谐相处。

元素不能小于7mm。

显示元素可以更小，但是可点击区域（加上内边距留白8dp，12px）需要保证在48dp。

 

4、Iconography (图像研究) 

手机设备上的logo图标 48x48 dp

Google Play图标      512x512px

图标制作用立体效果，从上向下的视角更佳。

 

android图标集（刷新、搜索等）http://developer.android.com/downloads/design/Android_Design_Icons_20120814.zip

图标大小24x24dp(36x36px),图标可点区域32x32dp ( = 48x48px )

灰色图标 enabled：60% opacity；diabled:30% opacity

白色图标 enabled：80% opacity；disabled：30%opacity

 

界面小图标：12x12dp(18x18px)，图标可点区域16x16dp(24x24px)

图标采用中性颜色，现成的色谱 深灰a6aca9 浅灰e3e9e3 浅黄fffc8b 深黄f7901e 绿8bc539 紫a466aa 红eb1313 蓝33b5e5

 

通知图标：22x22dp(33x33px),图标可点区域24x24dp(36x36px),白色

 

附：mural的风暴图 

附：G+的分享截图