Login
网站首页 > 文章中心 > 其它

怎么切图给前端_ui切图怎么命名给前端

作者:小编 更新时间:2023-07-23 09:02:12 浏览量:416人看过

使用切片工具。

2、其次右键单击图片,选数基慎择"划分切片"命令。

投影也切出来,新建一个空白透明文件(辩高要比要切图兆轿的大),把投影的图拉进去,按住alt◆i,再按R键就可以了携猜尺

和做网站是一缓物样的方式。

按照尺寸散羡设计好切图扰掘液就可以了。

以PS为例森困扒:

怎么切图给前端_ui切图怎么命名给前端-图1

Step 1.安装并打开插件

扩展功能」找到摹客插件,使用摹客平台账号登录。

Step 2.标记切图

Step 3.上传到摹客

用摹客的插件切图,还有这些亮点功能:

怎么切图给前端_ui切图怎么命名给前端-图2

1.切图压缩:在右侧面板中选中切图

2.切换平台和选择倍率:iOS、Android、Web

3.自定义切图尺寸

1、所有命名全部为小写英文字母

原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。

2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开切图格式:Png格式

通用切片命名格式:组件_类别_功能_状态@2x.png

举例:

tabbar_icon_home_default@2x.png(中文对应的是:标签栏_图标_主页_默认@2x.png)1.工程师在实现我们效果图的过程中,需要计算好每一个元素的位置,然后再调用我们切好的图进行填充,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求;

2.切图输出应该尽可能的降低工程师的开发工作橘册量,避免因切图输出而导致的不必要的工作量,养成良好的命名习惯,比如可以利用版本命名,亦或时间命衡伍李名都可以更清晰地标明。

3.一个团队之间应该统一标准,制定并遵循规范,这样不管是后期版本的跟新迭代或者是设计师之间的交接,都咐迟会方便快捷很多。

以上就是土嘎嘎小编大虾米为大家整理的怎么切图给前端_ui切图怎么命名给前端相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章