UI设计规范

1.UI 设计尺寸

设备名称尺寸分辨率
Web(微沙盘)查看尺寸72DPI
iPad (常规)2048*1536(px)72DPI
iPad App icon 512*512(px)72DPI
Web 微沙盘微信分享图片256*256(px)72DPI

2.文件发送命名

  1. 内网通
  2. 企业微信
  3. 微信

2.1 发送文件包命名

以 时间+项目名称+类型 命名打压缩包 .zip 交付给开发

例:2167 新希望 iPad UI 

例:210607 新希望 微沙盘 UI

3. 开发文件命名

3.2 微沙盘

页面-页面名称-类型-名称

例: 页面-加载页-背景图

✅ page-loading-bg

例: 页面-区位图-按钮-政务医疗-默认状态 

✅ page-map-btn-gov-1

例: 页面-区位图-按钮-政务医疗-高亮状态

✅ page-map-btn-gov-2

例: 页面-户型页-落位图-125㎡

✅ page-layout-location-125

例: 页面-区位图-按钮-交通-默认状态 

⛔️  Page-map-btn-traffic-1(不使用大小写混用命名)

⛔️  page map btn traffic1(不使用空格命名)

适当简写缩减长度:

例:

✅ 背景:background 简写 : bg

✅ 按钮:button  简写 :  btn

✅ 图片:images 简写 : img

常用命名

(供参考)

中文英文简写/别称
区位价值location 
品牌楼书brochure 
项目简介Introduction 
三维沙盘house-box 
户型鉴赏layout 
样板间sample-room 
园林景观landscape 
销售工具sales-tools 
标题title 
段落text 
页面page 
top 
bottom 
箭头arrow 
left 
right 
背景backgroundbg
高亮light 
图标icon 
导航条menunavbar
侧边栏sidebar 
滑块slider 
区位图map 

工程文件命名输出实例(点击放大查看):

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注