交互章鱼闹钟主题设计

设计iOS移动端适配规 必须按尺寸规范输出，@2x和@3x目 2. 3x规范： 6Plus为例，尺寸1242px＊2208px详细解 章鱼闹钟Card （闹钟card有自己的规范，详情见《章鱼闹钟card规范》页面A（无闹钟card）

页面A（无闹钟

点击右上角按钮进入此闹钟编辑页面A（有闹钟

随机选中默认／用户设置好的闹钟card页面 页面 iOS移动端适配规 （640x1136） 6Plus（1242x2208 6Plus之间的关系是1.5@2x @3x3x规范1242px＊2208px6Plus 尺寸设计必须要在696px＊696px1242px

2208px2208px页面A（无闹钟card） 页面A闹钟card滑动效 页面A69 210px69 210px69567px75px567px75pxb1242px

1242px

168px

72px尺寸：设计师自定义背景567px162px210px尺寸：设计师自定义背景567px162px210px设计师可设计的透明区域尺寸：1242px＊162px，形式不限

90px90px设计师设计时间小时文字的大小在168px＊210px内，分钟尺寸大小在72px＊90px时间表达样式不限，需要0-9数字全部设计出来

502px75px75px

图示

图示设计师可设计日期的背景图样式，尺寸大小高度在75px内，

138px图示

图示

138px138px

图示1242px

此背景 （card后的背景）设计师可自行设计尺寸：1242px＊2208px，背景也可以是纯色

设计师可设计添加功能按钮，大小需在138px＊138px内，章鱼闹钟页面A（首页 尺寸：1242px＊567px，背景 图示b部分设计师可设计的透明区域尺寸：1242px＊162px，形式不限图示c部分设计师可设计日期的背景图样式，尺寸大小高度在75px内，长度可随日期的变换自动拉伸，图示d168px＊210px内，分钟尺寸大小在72px＊90px时间表达样式不限，但是每个都需要0-9数字全部设计出来图示e部分设计师可设计添加功能按钮，大小需在138px138px内，表达样式不限，但需要其他界面上与其同级的按钮card后的背景 设计师也可以自行设计，背景尺寸为：（w)1242px＊(h)2208px，背景也可以是纯色， 页面

138px

270px

270px138px156px156px138px156px156px 图示设计师可设计“返回”“关闭”功能按钮，大小需在138px＊138px内，

图示270px

270px2208px2208px

156px 156px156px156px270px156px156px

1170px156px1170px156px

156px156px156px270px156px

1242px 尺寸：1242px＊2208px

图示此按钮区域显示的文字不需要设计，设计师只需设计按钮的样式和两种状态，及常态和选中后的 此按钮可横向拉伸，拉伸最大尺寸为1170px＊156px，按钮样式可自由设计

章鱼闹钟页面图示a部分设计师可设计“返回”“关闭”功能按钮，大小需在138px138px内，表达样式不限，图示b部分的按钮区域显示的文字不需要设计，设计师只需设计按钮的样式和两种状态，及常态和选中后的 此按钮可横向拉伸，拉伸最大尺寸为1170px＊156px，按钮样式可自由设计，图示b中的文字与数字设计师不可设图示c部分按钮的设计规范同图示b按钮的要求，两种状态，常态和 状态，可以横向拉伸，原始尺寸270px*156px，最大拉伸尺寸1168px＊156px，形式不限，设计师可自由设计，图示c中的文字设计师不可设计 ，也可以是纯色，但需要设计师给出色值号，尺寸：1242px＊2208px页面C效果图页面 页面C效页面C标注图a

页面 b138px138px 138px图示设计师可设计“返回”功能按钮，大小需在138px＊138px内，2208px2208px 尺寸：1242px＊2208px图示1242px章鱼闹钟页面图示a部分设计师可设计“返回”功能按钮，大小需在138px138px内，表达样式不限，但需要界面A,界面B上与其同级的按钮“添加”“关闭”与之统一图示b部分此背景 尺寸：1242px＊2208px 备注：所有命名都需英文，不可出现中文，格式 1242px＊2208px6Plus闹钟Card效果图页面A中Card样 页面B中Card样 页面C中Card样 页面B中Card样闹钟Card闹钟Card1开启状态闹钟Card1关闭状态

闹钟Card2闹钟Card2闹钟示例Card1

闹钟Card

需设计0-9十个数字，

1242闹钟Card整体形式设计师可1242

和状态，设计师可在给出尺寸范围内设计按钮的样式闹钟Card3个功能按钮的样式设计师可自行设置其样式 207

闹钟Card按钮上的“设置”“删除”“关闭”文字，闹钟Card设计师可设计区域范 card角色头像切图大小是246px＊246px圆形内，246px

246pxcard角色人物头像是根据card的主角来做的，246pxcard的名称闹钟Card一个闹钟card的切图，需要放在一个文件夹中，命名必须为英文，如 名为card－位置－状态－test@3x.png闹钟Card1切图与命名示例

1242 1242

闹钟Card一个闹钟card的切图，需要放在一个文件夹中，命名必须为英文，如 名为card－位置－状态－test@3x.png

闹钟Card1切图与命名示例