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+的分享截图
更多相关文章
- android Launcher3中定制第三方apk图标,实现类似主题功能
- 如何更改Android(安卓)程序的icon快捷方式图标?
- Android(安卓)标题栏添加常驻图标 Notification
- android如何添加桌面图标和卸载程序后自动删除图标
- 程序猿媛一:Android滑动翻页+区域点击事件
- Android(安卓)Shortcuts 为其他应用创建桌面快捷方式,替换图标等
- android中webview接收favicon总是获取为null解决方案
- Android利用activity-alias动态更新图标icon,标题label
- unity3d深入学习笔记6:发布Android(安卓)apk