视觉设计师输出内容(IOS)
来源:互联网 发布:unity3d 点击选中物体 编辑:程序博客网 时间:2024/05/17 06:35
当视觉设计师,完成了UI设计图后,那么下个环节就是需要提供给开发使用的内容,为了能使开发人员更高效的进行开发工作。我们提倡在UI设计图上进行标注相关内容,并提供相关切图如下:
①字体的颜色、大小、字号
②文字、图标的位置像素位置
③选中和展开的状态及位置
④对设计稿切图
根据合作的开发人员不同,对一些要求可能也不同,以下是需要注意的一些内容
1、图片名称
如果可以的话 请用图片像素大小来命名 例如(640_60@2x.png),注:@2x后缀的为高清图
最好是在前面加上图片用途简称
2、图片大小
像素大小最好用偶数。例如:320*240(正确) 320*75(错),以避免在使用的时候出现小数。
3、各固定大小图片
最上面的导航栏背景图为640*88像素 最下面的页标签大小为640*98像素
4 、排版导航栏和页标签之间的页面的坐标和间距,
范围为 Height 88~(920-98-88) ,Weight 0~640
按照所给图片大小,给出间距
5、关于提供的坐标,显示每个控件距离边界之间的X,Y值即可
6、加粗、色值
字体加粗以及其他处理 可以在最终给定的示意图片上圈出来
提供的色值标注以16进制为标准(0x11bbcc)
使用图片添加在页面时,会根据所给图片大小以及给定的间距来排版
7、提供的字体的单位需要是px,ps中的字体默认是pt (9pt=12px),提供的字体要是iphone中具备的,如果不具备,需要提供字体库
8、发包
做完图以后统一打包发送,避免一个一个的发送,导致图片管理起来比较乱
以上就是视觉设计师需要注意的内容,根据不同公司提供的参数以及要求不尽相同,仅供参考!
- 视觉设计师输出内容(IOS)
- 视觉设计师
- 视觉设计师
- 视觉设计师
- iOS开发工程师与UI视觉设计师不得不说的故事
- Web视觉设计师培训视频教程
- ios Byte *bt 输出 输出指针对应的内容
- 视觉设计师提升自己能力的17条经验(上)
- 视觉设计师提升自己能力的17条经验(下)
- [转载]网站视觉设计师的思考
- 视觉设计师的App优化指南
- [工作心得]视觉设计师进阶心法
- 交互设计师,你要懂视觉
- Web视觉设计视频教程_Web视觉设计师网络高端培训
- 计算机视觉内容学习
- 输出内容(document.write)
- 计算机视觉-椒盐噪声输出
- 2-1输出内容(document.write)
- 第一门编程语言选谁?
- 嵌套集合
- 关于memcache分布式一致性hash
- Intel IPP使用许可浅析
- 设置UITableView Section的背景颜色和字体颜色-自定义Section
- 视觉设计师输出内容(IOS)
- 判断一个窗口是显示还是隐藏
- 给 Android 应用程序签名
- ZOJ2588
- java网络编程实现一个聊天程序
- socket之小结
- javascript上传并限制图片大小
- Quartz初探
- 酒弄人生