使用切片工具。
2、其次右键单击图片,选数基慎择"划分切片"命令。
投影也切出来,新建一个空白透明文件(辩高要比要切图兆轿的大),把投影的图拉进去,按住alt◆i,再按R键就可以了携猜尺
和做网站是一缓物样的方式。
按照尺寸散羡设计好切图扰掘液就可以了。
以PS为例森困扒:
Step 1.安装并打开插件
扩展功能」找到摹客插件,使用摹客平台账号登录。
Step 2.标记切图
Step 3.上传到摹客
用摹客的插件切图,还有这些亮点功能:
1.切图压缩:在右侧面板中选中切图
2.切换平台和选择倍率:iOS、Android、Web
3.自定义切图尺寸
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开切图格式:Png格式
通用切片命名格式:组件_类别_功能_状态@2x.png
举例:
tabbar_icon_home_default@2x.png(中文对应的是:标签栏_图标_主页_默认@2x.png)1.工程师在实现我们效果图的过程中,需要计算好每一个元素的位置,然后再调用我们切好的图进行填充,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求;
2.切图输出应该尽可能的降低工程师的开发工作橘册量,避免因切图输出而导致的不必要的工作量,养成良好的命名习惯,比如可以利用版本命名,亦或时间命衡伍李名都可以更清晰地标明。
3.一个团队之间应该统一标准,制定并遵循规范,这样不管是后期版本的跟新迭代或者是设计师之间的交接,都咐迟会方便快捷很多。
以上就是土嘎嘎小编大虾米为大家整理的怎么切图给前端_ui切图怎么命名给前端相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!