登录 | 注册

优就业UI设计教程-(androidUI设计)设计稿到IU界面过程总结

首页 > UI设计 > UI界面 2016-07-26 10:40:32 浏览次 共 条评论

收藏赞(分享

android开发过程中,美工设计原图,并按照界面的分辨率进行切图的方式已经行不通,主要矛盾是android 多套设备尺寸的支持。

对于新的要求,美工往往对开发人员需要的自适应图片,和尺寸,字体大小比较迷茫。

下面是集合了当前,本人的几次项目经验,和美工沟通的总结

1 设计原型风格

和网站设计一样,android开发时也要确定一下原型风格,对于原型风格包含title,背景,工具条等,常用的控件样式,字体种类,样式等

2 原图定稿后的切图

原图切图按照9.png技术进行分割,如对9.png不熟悉,请查网收缩

3 确定界面控件长度

界面长度,android 建议使用dp

dp 是一个抽象单位,android 把屏幕宽度统一设定为320dp。这样只要是长度单位用dp时,相对于屏幕的比例是一致的

dp 和px 的转化关系

屏幕实际分辨率为240px*400px时,density=120

屏幕实际分辨率为320px*533px,density=160

屏幕实际分辨率为480px*800px,density=240

转化公式:Px = dips * (density / 160)

如: 320*480 时,1px=1dp

4 确定字体大小

在android 中字体建议使用sp,对于sp来讲,和dp的性质一样,

目前还没有关于sp和px 的转化公式,我们处理的方式 按照320*480中的字体px值 直接等值转化成sp

免责声明:本文来源于博客园,由网友提供或网络搜集,仅供个人研究、交流学习使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。优知网会定期发布UI设计相关趋势文章,包括 网页设计 UI界面 交互设计 移动端 用户体验 设计理论 作品分享 等领域,敬请关注!

分享到
人收藏5 收藏
 
我要评价
相关文章
优就业UI设计教程-转向移动端UI/UX设计有哪些必知的设计要点
优就业UI设计教程-转向移动端UI/UX设计有哪些必知的设计要点
优就业UI设计教程-微质感手机主题-FETISHISM
优就业UI设计教程-微质感手机主题-FETISHISM
优就业UI设计教程-从3个方面聊聊2016年的UI设计新趋势
优就业UI设计教程-从3个方面聊聊2016年的UI设计新趋势
优就业UI设计教程-空间配色解密
优就业UI设计教程-空间配色解密
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博