UI切片命名规范

发布于 2021-09-27 12:51

在产品设计的流程中,
前端和UI之间的沟通是其中重要的一环,
如何提高工作效率、降低沟通成本,
就需要有一套标准的设计规范,
从页面设计到切图标注整个流程都需要
规范来约束,
这样才能做到更有效的设计产出,
降低返工率,减少不必要的劳动。
切图命名同样是一个重要的环节,
这可以体现出一个设计师的专业水准及和上下游之间的
沟通交接能力。
以下列举出的是设计切图中常用到的一些组件、状态命名。
希望对设计师们在以后的工作中有一些帮助。

界面命名



主程序        APP 

搜索           Search

活动           Activity 

信息           Messages 

首页           Home 

应用详情    App detail 

探索           Explorer 

音乐           Music 

软件           Software 

日历           Calendar 

联系人        Contact 

新闻           News 

游戏           Game 

相机           Camera 



天气         Weather 

发现         Find 

视频         Video 

邮件         Mail 

手表         Watch   

个人         Personal 

设置         Settings 

地图         Maps 

锁屏         Lock screen

控制        Control

笔记         Notes 

管理       Management 

照片         Photo 

健康         Health 


系统控件命名



搜索栏     Search bar 

提醒视图  Alert view 

弹出视图  Popovers 

导航栏     NavBar 

表格视图   Table view 

编辑菜单   Edit menu 

开关         Switch 

标签栏     Tab bar 

选择器     Pickers 

弹窗        Popup 

工具栏     Tool bar 

活动视图 ActivityView 

滑杆        Sliders 

单选框     Radio 

背景        Background



图片         Image 

滚动条     Scroll 

进度条     Progress

线条         Line

图标         Icon 

标签         Tab 

蒙版         Mask 

文本框     Label 

勾选框      Checkbox 

动画         Animation 

标记         Sign 

编辑框      Edit 

下拉框     Combo 

按钮         Button 

播放         Play 

列表         List 


状态命名



确定         Ok 

添加         Add 

卸载         Uninstall 

选择         Select 

默认         Default 

查看         View 

搜索         Search 

更多         More 

取消         Cancel 

删除         Delete 

暂停         Pause 

刷新         Refresh 

关闭         Close 

下载         Download 

继续         Continue 

发送         Send 

最小化     Min 

等待         Waiting 

导入         Import 

前进         Forward 



普通         Normal 

获取焦点  Focused 

已访问     Visited 

默认         Default 

按下         Press 

禁用         Disabled 

选中         Selected 

悬停         Hover 

错误         Error 

完成         Complete 

空白         Blank

最大化     Max 

加载         Loading 

导出         Export 

重新开始  Restart 

菜单         Menu 

安装         Install 

后退         Back 

更新         Update


以iOS为例的命名规范

-End-

本文来自网络或网友投稿,如有侵犯您的权益,请发邮件至:aisoutu@outlook.com 我们将第一时间删除。

相关素材