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+的分享截图

猜你喜欢

转载自suqing.iteye.com/blog/1860276