Ui设计和软件开发那个用的英语多

不管是UI设计,还是软件开发,一些常用的专业名词总要记住吧。你一个UI设计师,切图命名如果都用拼音,是面向国内都还好,但是要面向国际,那还是有点羞涩不是。而软件开发,经常使用的一些关键字、标签、属性名词、接口名词,都是英文单词,这也需要你去记住,但不是靠死记硬背!
Ui设计和软件开发那个用的英语多

系统icon命名真的不需死记硬背!以前,我们之所以学不好英语,是为了应付考试,而现在同一个单词,在一次项目进程中,可能要用上数十次,你用得多了,就自然记住了,所以真的不用死记硬背。遇到不懂的单词时,百度、谷歌搜一下看看大致意思,只要坚持多查、多用,很快就能记住了,所以也不要太担心。
Ui设计和软件开发那个用的英语多

编程词典库在此推荐大家使用这个编程词典库,可随时查阅不同编程语言环境下的术语名词,是软件开发同学,必备的工具手册。地址:https://www.w3cschool.cn/dict/
另外,对于做UI设计的同学而言,你最需要的,就是搞清楚常见页面、功能按钮、图标的英文单词,以及命名方式,基本上就可以了。这相对软件开发同学而言,已经很轻松了。
一、 切图命名英文缩写的3个原则1. 较短的单词可通过去掉“元音”形成缩写
2. 较长的单词可取单词的头部几个字母形成缩写
3. 还有一些约定俗成的英文单词缩写
二、命名规则模块_类别_功能_状态.png
举个栗子:nav_button_search_default.png
释义为:导航_按钮_搜索_默认.png
启动界面:启动图片 default.png
启动logo default_logo.png
如:default.png\\default@2x.png\\defauLt-568@2x.png
登录界面(login)登录背景 login_bg.png
登录logo login_logo.png
输入框 login_input.png
输入框选中状态 login_input_pre.png
登录按钮 Login_btn.png
登录按钮选中状态 Login_btn_pre.png
导航栏按钮 (nav) 命名 nav_功能描述.png
如:nav_menu.png\av_menu_pre.png(同按钮选中前后两种状态命名 )
按钮命名(btn可重复使用按钮)一般 normal btn_xxx_normal.png
点击 highlight btn_xxx_highlight.png
【Ui设计和软件开发那个用的英语多】 不能点击 disabled btn_xxx_disable.png
按下 pressed btn_xxx_pressed.png
选中 selected btn_xxx_selected.png 做为复数选择出现机会不高
btn_功能属性或色彩均可.png
如:btn_blue.png\\btn_blue.9.png 蓝色按钮
其他命名图标 icon_xxx.png
图片 pic_xxx.png或是img_xxx.png
照片 pho_xxx.png
左侧导航 命名 leftbar_功能描述.png
如:leftbar_info.png\\leftbar_info_pre.png 个人中心
底部选项卡按钮(TabBar)命名 Tab_功能描述.png 如:tab_set.Png\av_set_pre.png 设置
主页命名命名 home_功能属性+描述.png
如:home_menu_recommended.png 热门推荐
ps:描述可用英文或拼间开头字母组合等
列表页命名规则命名 List_功能属性+描述.png
如:list_menu_collect.png 列表页收藏按钮
UI文件命名规范常用词常用状态 正常 normat
按下 pressed
选中 selected
禁用 disabled
已访问 visited
悬停 hover
控件&部件控件:较独立的可操作界面元素
部件:描述属于某控件一部分

按钮(可点) Btn
图标 Icon不可点、非点击主体、图案部件


推荐阅读