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

Android界面设计基本知识

 

 

相关文章:

  • 2021-10-24
  • 2022-12-23
  • 2022-03-08
  • 2021-09-13
  • 2021-06-28
  • 2021-11-18
  • 2021-06-03
猜你喜欢
  • 2021-05-24
  • 2022-01-16
  • 2021-12-07
  • 2021-10-19
  • 2021-05-03
  • 2021-11-23
  • 2021-09-14
相关资源
相似解决方案