三、命名规范

网页设计师在命名时常忽视其重要性，随意使用无特定含义的字母，这是不理想的。统一且规范的命名对文件管理和后期修改带来极大便利，同时也展示我们的专业素养。若命名不一致，团队间的协作将面临共识难题，交接任务时需耗费大量学习时间。

更关键的是，遵循命名规范能显著节省开发时间，减少沟通成本和重复切图的可能性。程序员可直接使用我们的切片而无需改动名称，即使更换切图，只要名称不变，开发人员无需检查即可直接替换。

1. 所有命名应全部使用小写英文字母
   为了避免程序员修改，因他们的代码通常仅包含小写字母。虽然全英文命名看似繁琐，但这对于提升专业水平是必要的。一旦习惯，你将体验到它带来的成就感。
2. 命名格式
   大型项目通常分为多个模块，每个模块由不同设计师负责，还有人管理公共组件如tabbar、navbar等。因此，切图命名分为通用和模块特有两类：
   
   • 通用切片命名格式：组件_类别_功能_状态@2x.png（例如：tabbar_icon_home_default@2x.png）
   • 模块特有切图命名规则：模块_类别_功能_状态@2x.png（例如：mail_icon_search_pressed@2x.png）
   命名应清晰表述切片内容，避免重复，并且不得包含空格。
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（内容）

四、交互规范

以下几点交互设计原则：

• 简化操作：尽量一步到位，避免多步骤操作。
• 用户习惯：尊重用户习惯，依据数据做出设计决策。
• 减少干扰：精简界面元素，让用户快速定位所需。
• 快速响应：提高用户获取信息的速度，能本地处理的就避免远程获取。
• 界面友好：除了满足功能需求，设计师还应通过小细节提升交互的友好度。