Unity切图命名参考

Unity切图命名参考

读者对象

1.      Unity开发人员

2.      美术/UI设计师

本文目的

做为Unity开发与美术人员文件沟通的规范,旨在降低文件命名、切图、标注等问题造成的沟通时间成本。本文对美术提供给的切图及工程开发中的切图提出约束与参考。

切图命名规则

基本命名规则:页面_元素分类_作用_像素宽_像素高(均以英文速写命名)

例如:

支付页面的微信支付按钮则命名为:pay_btn_weixinPay_234_64

主界面的关闭按钮则命名为:main_btn_close_64_64

被用于多个界面的关闭按钮:def_btn_close_64_64

页面:

通用切图

通用切图即贯穿APP前后的被多次用到的切图,一般包含按钮,背景图,选中框等UI元素。

通用切图要求以def打头

页面切图

页面切图即非通用切图,一般是只用于一个界面的UI元素。

页面切图要求根据界面的功能自定义命名。(使用英文缩写)

元素分类

Unity项目中一般包含的元素分类有:

按钮

背景

外边框

图片

图标

面具

 

 

 

btn

bak

box

img

icon

mask

 

 

 

 

作用分组

作用分组对元素分类的依赖性比较强,通常根据实际用途(或者形状或者颜色)命名。美术及开发可自由发挥

以下可供参考

形状及颜色

 

功能

 

箭头

白色

微信支付

星星

关闭

刷新

下拉

 

 

arrow

white

weixinPay

star

close

ref

dropdown

 

 

 

 

 

 

 

 

 

 

 

像素宽高

改切图替切图及时更新

切图

1.      根据需求切图即可。

2.      很多切图通过九宫格可适配大小。类似切图尽可能保持唯一性。

3.      单一颜色且通用性比较强的UI元素,切成白色,通过标注颜色值进行处理。

标注

1.      元素宽高都以外边界为参考

2.      根据锚点及UGUI制作过程进行进行标注

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity UI切图是指将PSD等设计文件中的UI元素,如按钮、文本框等,切割并导入到Unity中,以便在游戏或应用程序中使用。通常,这个过程涉及将PSD文件导入到Unity中,然后将其转换为Unity的UI组件,例如Canvas、Image、Button等。在转换过程中,需要将PSD中的各个图层分别切割并导入到Unity中,以便在游戏中进行布局和交互。对于这个过程,有一些可用的插件和工具,如PSD2UGUI,可以帮助简化和加速切图的工作。此外,也可以根据自己的需求和经验,编写自己的脚本来实现UI切图的功能。无论使用哪种方法,都需要确保在Unity中创建好相应的Canvas,并按照设计文件的布局和样式,将切割好的UI元素放置在正确的位置上。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [PS自动导出切图并在Unity中自动搭建UGUI](https://blog.csdn.net/qq_27772057/article/details/125143693)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [psd导入Unity快速切图全文档](https://download.csdn.net/download/qq_41836457/10771115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值