优秀网页设计师须了解的UI设计规范（二）
来源：网络分享
编辑：引流技巧
时间：2025-10-05
三、命名规范
网页设计师在命名时常忽视其重要性，随意使用无特定含义的字母，这是不理想的。统一且规范的命名对文件管理和后期修改带来极大便利，同时也展示我们的专业素养。若命名不一致，团队间的协作将面临共识难题，交接任务时需耗费大量学习时间。
更关键的是，遵循命名规范能显著节省开发时间，减少沟通成本和重复切图的可能性。程序员可直接使用我们的切片而无需改动名称，即使更换切图，只要名称不变，开发人员无需检查即可直接替换。
为了避免程序员修改，因他们的代码通常仅包含小写字母。虽然全英文命名看似繁琐，但这对于提升专业水平是必要的。一旦习惯，你将体验到它带来的成就感。
大型项目通常分为多个模块，每个模块由不同设计师负责，还有人管理公共组件如tabbar、navbar等。因此，切图命名分为通用和模块特有两类：
- 通用切片命名格式：组件_类别_功能_状态@2x.png（例如：tabbar_icon_home_default@2x.png）
- 模块特有切图命名规则：模块_类别_功能_状态@2x.png（例如：mail_icon_search_pressed@2x.png）
使用全称会使名称过长，因此常用单词可缩写，前提是团队内达成共识并制定缩写清单。以下是常见命名用词：
- 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（内容）
四、交互规范
以下几点交互设计原则：
- 简化操作：尽量一步到位，避免多步骤操作。
- 用户习惯：尊重用户习惯，依据数据做出设计决策。
- 减少干扰：精简界面元素，让用户快速定位所需。
- 快速响应：提高用户获取信息的速度，能本地处理的就避免远程获取。
- 界面友好：除了满足功能需求，设计师还应通过小细节提升交互的友好度。
相关文章：
相关推荐：
栏目分类
最新文章
热门文章