这里大致的介绍如何开始android应用设计. (目前处于探索阶段,所以此文章会不断更新)
-
准备PSD模板 当你选定基于某种分辨率的屏幕开始你的应用设计时(关于怎么选择屏幕分辨率请看下一段"屏幕分辨率"),你最好准备PSD模板.模板中定义好一些基元素如:手机状态栏.同意的文件尺寸.
-
下载不同版本android应用的GUI文件 如果你的应用中打算使用android提供的原生UI组件时,你大可不必自己去绘制他们. 可以在这里下载:
-
去看官方的设计参考文档 由Android系统制造者编写设计参考文档. 里面会告诉你如何设计出更好的android应用如:
-
44px 大小的按钮是最好按的按钮尺寸
- 用户通常希望应用打开时默认是 "portrait orientation"(我翻译不过来了)
这些都可以帮助你设计出更好的安卓应用. 当你在一个决定上踌躇不定的时候,可以去看看他们有什么建议.
设计时选什么样的分辨率:
参照这篇文章: http://www.zcool.com.cn/article/ZNDk2NzY=.html. 可能会有不足之处,目前团队是按这样的方式进行页面设计的.
分辨率换算
请阅读这篇文章: how-to-effectively-organize-your-photoshop-layers
选择你的字体
在设计过程中这真的很重要! android 平台自带了一款字体Droid Sans Fallback字体.
选择你的配色
相关工具:
- 求字体: 根据你提供的图片识别出图片上的字体.
图片格式
尽量使用矢量图片和Smart Object. 使用位图的画会导致设计出来的图片需要更改时很麻烦.
请阅读以下文章获得更多photoshop vector的信息:
和网页设计中的"切图"如出一辙. 只不过这次你要为同一张图导出不同尺寸的图. 阅读这篇文章获得跟多导出图片的建议: cut&slice
同一张图片需要导出不同的尺寸
主流屏幕分辨率: mdpi, hdpi, xhdpi. 换算方法如下图:
{<1>}
不要忘记图像的不同状态,比如按钮的三个状态: 正常,点击,禁用.
图片命名规范
如在android开发中文件名中含有: 空格, "-",都会报错,你可以使用下划线"_". 更多android命名规范. 更多iOS命名规范.
9-patch图片
与开发者沟通,哪些图片需要使用9-patch图. 比如header上的图像始终是要再水平方向上横跨整个屏幕的. 所以可能需要使用9-patch图.
使用Photoshop插件来简化导出过程 图片导出这个过程可能会把你弄崩溃,所以这时候借助脚本来自动完成此过程会异常愉快.
- 一键导出不同尺寸的图片
工具
待阅读