视觉设计师输出内容（IOS）

当视觉设计师，完成了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）相关推荐

OPPO高级视觉设计师戴润达：视觉设计师需要思考的11件事
嘉宾介绍戴润达 2015~2016年,参与腾讯 TencentOS 的手机 ROM 项目和腾讯 VR 设备平台的概念项目的 UI 设计工作: 2016~2017年,参与腾讯和歌尔合资子公司- Pac ...
UI视觉设计师工作流程上的总结与建议
最近有一些刚入行的学妹过来问我,如何才能成为一名合格的设计师,我想三言两语很难传达,于是准备了一篇长文,主要是根据积累的经验和对该行业的认识来叙述作为视觉设计师需要哪些能力. 1.理解业务需求.产品定 ...
前OnePlus视觉设计师蔡孝永：视觉设计师都在想些什么？
嘉宾介绍蔡孝永视觉设计师.插画师花菜工作室主理人曾就职于一加科技.蓝色光标数字营销担任视觉设计师,在工作四年后决定进修,于是趁着这个空档创立了自己的工作室,尝试一些更加概念化的商业项目. 在蓝 ...
视觉设计师提升自己能力的17条经验（上）
1.积极心态 Robin(李彦宏)说得好--人要做喜欢且擅长的事,首先,你要足够确定你真的喜欢设计,热衷于发现美.感受美.创造美,最终能解释美.积极的行动和思考是进步的源动力.据我所知,业内优秀的视觉 ...
视觉设计师跟平面设计_用户体验设计师应了解的6条视觉设计原则
视觉设计师跟平面设计重点 (Top highlight) When I was studying visual communications design in college, I was fas ...
UI设计师工作内容有哪些可以分为哪几个类别
UI设计师工作内容有哪些?可以分为哪几个类别 ?UI设计是近年来新兴的行业之一,相比程序员整日和代码打交道,UI设计师工作相对轻松而薪资却不相上下.很多人想要从事UI设计,如何才能快速入门UI设计?以 ...
计算机系统讲解（软件设计师考试内容）
计算机系统讲解(软件设计师考试内容) 计算机系统: 计算机系统可分为软件系统,硬件系统. 软件系统:系统软件和应用软件. 硬件系统:主机和外部设备.期中主机分为CPU和内存储器.外部设备S包括输入设备 ...
视觉设计师跟平面设计_视觉设计综合介绍
视觉设计师跟平面设计本综合指南将涵盖视觉设计原理的基础知识,并通过大量插图进行演示,以加深您的理解. 无论您是经验丰富的专业人员,还是Web设计领域的新手,学习扎实的基础知识都将极大地帮助您提高设计 ...

视觉设计师输出内容（IOS）

视觉设计师输出内容（IOS）相关推荐

最新文章

热门文章