2020-10-19 09:32发布
一般来说是的~这是跟前端工程师的工作对接内容,但也有时候前端工程师也会自己切图命名。
应该是吧,没有听说别的人做
不是的,只要按照切图规范要求来命名,一般是没问题。
附:切图命名规范的要求
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开
切图格式:Png格式
通用切片命名格式:组件_类别_功能_状态@2x.png
举例:
tabbar_icon_home_default@2x.png(中文对应的是:标签栏_图标_主页_默认@2x.png)
模块_类别_功能_状态 @2x.png
mail_icon_search_pressed@2x.png(对应的中文为:邮件_图标_搜索_ 默认@2x.png)
如果出现了很多图标的时候,可以命名为icon1、icon2、icon3...等,这样就不会出现重复的命名了。
大家可以举一反三,例如同一个banner广告位有三条banner,可以命名为banner1、banner2、banner3等。
如果有的英文单词很长的,可以将英文单词进行缩写,比如前面我们讲到的有的人会命名成缩写bg,有的人会命名全称background。其实这两种方式都是可以的。
切图命名英文缩写三个原则:
1、较短的单词可通过去掉“元音”形成缩写
2、较长的单词可取单词的头几个字母形成缩写
3、 此外还有一些约定成俗的英文单词缩写.
下面提供一些命名时常用的英文单词列表(有些是已经缩写过的,仅供参考)
bg(backgrond 背景)
nav(navbar 导航栏)
tab(tabbar 标签栏)
btn(button 按钮)
img(image 图片)
del(delete 删除)
msg(message 提示信息)
pop(pop up 弹出)
icon(图标)
selected(选中)
disabled(不可点击)
default(默认)
pressed(按下)
back(返回)
edit(编辑)
content(内容)
left/center/right(左/中/右)
logo(标识)
login(登录)
refresh(刷新)
banner(广告)
link(链接)
user(用户)
download(下载)
note(注释)
目前市场上有很多切图插件,虽然切图插件众多,但是我们团队用的最多的就是蓝湖,蓝湖有很多插件,并且可以自动标注,设计图可以树状连线,一键切图,还可以制作交互原型,产品文档共享。
Axure 插件
Sketch 插件
Photoshop 插件
Adobe XD 插件
只要按照切图规范要求来命名,一般是没问题。
最好还是UI做的,比较节省整个项目时间
你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。
靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。 此外,你的解...
一、具象表现形式: 具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...
最多设置5个标签!
一般来说是的~这是跟前端工程师的工作对接内容,但也有时候前端工程师也会自己切图命名。
应该是吧,没有听说别的人做
不是的,只要按照切图规范要求来命名,一般是没问题。
附:切图命名规范的要求
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开
切图格式:Png格式
通用切片命名格式:组件_类别_功能_状态@2x.png
举例:
tabbar_icon_home_default@2x.png(中文对应的是:标签栏_图标_主页_默认@2x.png)
模块特有切图命名规则
模块_类别_功能_状态 @2x.png
举例:
mail_icon_search_pressed@2x.png(对应的中文为:邮件_图标_搜索_ 默认@2x.png)
如果出现了很多图标的时候,可以命名为icon1、icon2、icon3...等,这样就不会出现重复的命名了。
大家可以举一反三,例如同一个banner广告位有三条banner,可以命名为banner1、banner2、banner3等。
常用英文单词表
如果有的英文单词很长的,可以将英文单词进行缩写,比如前面我们讲到的有的人会命名成缩写bg,有的人会命名全称background。其实这两种方式都是可以的。
切图命名英文缩写三个原则:
1、较短的单词可通过去掉“元音”形成缩写
2、较长的单词可取单词的头几个字母形成缩写
3、 此外还有一些约定成俗的英文单词缩写.
下面提供一些命名时常用的英文单词列表(有些是已经缩写过的,仅供参考)
bg(backgrond 背景)
nav(navbar 导航栏)
tab(tabbar 标签栏)
btn(button 按钮)
img(image 图片)
del(delete 删除)
msg(message 提示信息)
pop(pop up 弹出)
icon(图标)
selected(选中)
disabled(不可点击)
default(默认)
pressed(按下)
back(返回)
edit(编辑)
content(内容)
left/center/right(左/中/右)
logo(标识)
login(登录)
refresh(刷新)
banner(广告)
link(链接)
user(用户)
download(下载)
note(注释)
目前市场上有很多切图插件,虽然切图插件众多,但是我们团队用的最多的就是蓝湖,蓝湖有很多插件,并且可以自动标注,设计图可以树状连线,一键切图,还可以制作交互原型,产品文档共享。
Axure 插件
Sketch 插件
Photoshop 插件
Adobe XD 插件
只要按照切图规范要求来命名,一般是没问题。
最好还是UI做的,比较节省整个项目时间
相关问题推荐
你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。
靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。 此外,你的解...
一、具象表现形式: 具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...