设计要求

9、设计⼯工具：⼯工具不不限（建议使⽤用Sketch）；

6、交互原则：参赛设计师可以在保证功能和主要元素不不变的情况下对交互、动效细节⾃自由发挥，但⼤大的交互改变有影响评奖的⻛风险，需和主办⽅方产品负责⼈人商讨。⼤大赛交流QQ群：849285071；

7、待定功能：第三个导航栏菜单——「灵感」由于时间关系原型待定，将于决赛阶段公布，但导航菜单设计需按5个菜单设计。参赛设计师亦可⾃自由发挥，为⾃自⼰己设计喜欢的功能；

8、注意事项：注意不不要遗漏漏空⻚页⾯面，⽹网络异常，加载动画等设计；

3、元素尺⼨寸： App设计中所⽤用封⾯面图、banner等尺⼨寸⽐比例例须和web端保持⼀一致，下⽂文有标注说明，如有遗漏漏可在⼤大赛指定交流群反馈，亦可通过浏览器器的「检查」功能查看；

2、尺⼨寸：1125*2436px;

4、字体要求：字体使⽤用安卓或iPhone适配字体；

10、交互原型链接：https://free.modao.cc/app/2a1595bec25f6300202d33f20da42291bdb1edbd

1、设计规范：参赛设计师需整理理设计规范；

5、⻚页⾯面数量量要求：⼩小红点标记的关键⻚页⾯面必须设计，完成剩余会加分；

启动⻚页

默认登录⽅方式：账号密码登录

默认登录⻚页⾯面不不需要返回按钮

之所以反主流的默认账号密码登录其中很⼤大原因是担⼼心最早⼀一批⽤用邮箱注册账号但没绑定⼿手机号的⽤用户，在免密码登录（如是新号即注册）后会产⽣生两个账号，影响后续账号绑定。当⽹网站⽼老老⽤用户转移差不不多时，考虑调回默认免密码登录。

账号密码登录⻚页 ⼿手机登录/注册⻚页

找回密码可在邮箱找回与⼿手机找回间切换。

⼿手机找回密码 邮箱找回密码

输⼊入验证码⻚页绑定⼿手机号⻚页 设置登录密码⻚页

点击头像可重新上传。

⽤用户名最多10个字，个性签名最多16个字。

可以“以后再说”跳过，但需弱化。

完善个⼈人信息

查看头像 选择图⽚片

发现⻚页除了了展示⾸首推、编推、普推作品/经验⽂文章，还需展示UTalk与设计⼤大赛。

作品/经验⽂文章封⾯面尺⼨寸⽐比例例为：560：420px

UTalk与设计⼤大赛banner尺⼨寸⽐比例例为：580：320px

关注、最新、佳作分享样式相同，不不需要重复设计。

发现⻚页

发现⻚页关注tab

当⽤用户点击发现—关注tab时，如果⽤用户没有关注的设计师，推荐10位设计师⼀一键关注。

头像尺⼨寸：145：145px

作品版权、属性、分类、标签可以考虑以交互的⽅方式呈现，不不⼀一定要平铺展示。

考虑到⼿手机操作不不精准的问题，只能对评论点赞。

作品详情⻚页

其他作品左滑五个后继续左滑进⼊入个⼈人中⼼心。 调⽤用拼⾳音打字键盘。

单击评论即可回复，输⼊入框提示⽂文字改为“回复XXX”。

分享弹窗 作品海海报 更更多操作

往期回顾左滑显示五期，继续左滑提示“松开显示更更多”，进⼊入UTalk列列表⻚页。当然，参赛设计师可以有更更好的交互。

赞助单位考虑超过3个布局⽅方式。嘉宾头像尺⼨寸⽐比例例：400*320

主办、承办、赞助单位logo⽐比例例：400*160

UTalk详情⻚页

姓名、公司等信息字符数限制有参赛设计师定 去掉了了web⽬目前的简介，只留留名称和报名时间

UTalk列列表⻚页填写报名信息

经验菜单

经验⽂文章相⽐比作品标题更更重要，需缩⼩小封⾯面。

推荐筛选项⽬目包括：推荐、最新、最热、评论、点赞、收藏。⽬目前web的全部和最新没区别，所以去掉了了“全部”。

tab分别是：推荐、教程、经验/观点、规范/资料料、⼈人物访谈、⾏行行业资讯、设计趋势。

待定功能：第三个导航栏菜单——「灵感」由于时间关系原型待定，将于决赛阶段公布，但导航菜单设计需按5个菜单设计。参赛设计师亦可⾃自由发挥，为⾃自⼰己设计喜欢的功能。

灵感菜单

动态⻚页 消息⻚页

动态是⽤用户关注的设计师的点赞、收藏、评论、分享、发布作品/经验、获得推荐的通知。当有多⼈人赞、收藏、分享了了同⼀一个作品时，将动态合并，不不记录时间，每次更更新时排在第⼀一，超过X⼈人，空间不不够显示时⽤用省略略符号代替，不不可点击。

消息⾸首⻚页有私⼼心、系统通知、设计⼤大赛、UTalk、⼩小U妹精选5类。

私信⻚页 ⼩小U妹精选

消息-设计⼤大赛 消息-UTalk 消息-系统通知

考虑到个⼈人中⼼心以后会有更更多的功能，如：我的简历、我的团队、我的勋章等等，⾃自⼰己的个⼈人中⼼心以呈现功能为主，他⼈人的个⼈人中⼼心以呈现作品为主。

热度的呈现⽅方式参赛设计师可⾃自由发挥，不不⼀一定要和web端相同。

我的个⼈人中⼼心 他的个⼈人主⻚页

作品 粉丝 关注

收藏 赞过

设置 个⼈人信息 修改个⼈人信息

账号管理理 修改密码 设置新密码

更更换⼿手机号 添加新⼿手机号

Dialog Actionbar Toast

⽤用于如确认删除等操作。 ⽤用于如更更多操作等。 这⽤用的地⽅方太多了了。