# page-design **Repository Path**: shuken7418/page-design ## Basic Information - **Project Name**: page-design - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-06-27 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # page-design期末项目:贪玩app设计 ## 项目负责人：李树坤、谭天冠、林立宇 ## 海报 [海报图链接](https://gitee.com/shuken7418/page-design/blob/master/%E6%B5%B7%E6%8A%A5.jpg) ![海报](https://images.gitee.com/uploads/images/2020/0705/184037_3881dca6_2228516.jpeg "海报.jpg") ## A、品牌核心价值 * 随着城市人口越来越多，个人在群体中的存在感越来越小，大部分人用玩游戏或者刷短视频的方式来消遣时光。线上陪伴不仅能消遣时间，还能从社交关系上获得更多精神上的满足，自我价值的实现。 * “贪玩app”是服务于喜欢玩游戏的各个年龄阶段的平台，为每个喜欢玩游戏的人提供短暂且留念的陪伴。 * 在该平台上，用户既是陪玩员又是陪玩体验者，他们可以快速的点到自己想要的人陪玩，同时如果自己有兴趣的也可以自己去当陪玩。该平台将大神、优秀陪玩等汇集一起给用户完美体验。 ## B、品牌元素 ### 1、logo系统 #### logo图 ![logo](https://images.gitee.com/uploads/images/2020/0628/022357_0540e956_2228516.png "logo.png") #### 创作灵感 * 颜色方面是将产品界面的主色调和辅色调共三种颜色运用起来，分别在logo的边缘不规则集成模块 * 图像方面，由三种颜色模块的集合，拼凑挤压形成一个大写的斜着的T字 * logo中斜着的T字是来源与本产品——"贪玩陪玩”中“贪”字的拼音（tan）首字母大写 * 风格是秉承着简约便捷的，意味着本产品的服务程序简单，服务态度细心，产品包容性强 ### 2、颜色系统，并注明颜色应用场景 ![颜色系统](https://images.gitee.com/uploads/images/2020/0629/003055_1bdd36fd_2228516.png "1.png") ![颜色系统](https://images.gitee.com/uploads/images/2020/0629/003117_a14a2801_2228516.png "5.png") ### 3、icon视觉系统，并注明尺寸大小使用规范 ![icon图](https://images.gitee.com/uploads/images/2020/0705/190424_a5593077_2228516.png "icon.png") ### 4、字体系统+尺寸大小规范及应用场景 #### 字体系统 > “贪玩”app的标准字体是“roboto”，Roboto是为Android操作系统设计的一个无衬线字体家族。Google描述该字体为“现代的、但平易近人”和“情绪化”的。 ![字体系统](https://images.gitee.com/uploads/images/2020/0703/153559_bec73f04_2228516.png "字体模块.png") ### 5、图片使用规范。注明使用的图片比例尺寸，以及它们的应用场景 #### 图片比例 ![图片比例](https://images.gitee.com/uploads/images/2020/0705/005121_b8ffa338_2228516.png "微信图片_20200705003312.png") #### 2：1图片应用场景 * 点单页面广告图（如图一） * 首页轮播图（如图二） #### 1：1图片应用场景 * 首页陪玩头像 * “我的”中用户登录后头像 ### 6、版式、栏高、边距等尺寸规范+栅格系统说明 #### 版式、栏高、边距 ![版式说明](https://images.gitee.com/uploads/images/2020/0705/005520_4bc92bdf_2228516.png "微信图片_20200705005448.png") #### 栅格系统 ![栅格系统1](https://images.gitee.com/uploads/images/2020/0705/012108_ee16cb06_2228516.png "微信图片_20200705012052.png") ![栅格系统2](https://images.gitee.com/uploads/images/2020/0705/012142_8aec67b7_2228516.png "微信图片_20200705011956.png") ## C、无论是网页设计还是APP设计。产品的高保真原型图 #### 登录页面 ![原型图](https://images.gitee.com/uploads/images/2020/0705/190638_86566aa1_2228516.png "原型图4.png") #### 首页、热玩 ![原型图1](https://images.gitee.com/uploads/images/2020/0705/185906_b5884759_2228516.png "原型图.png") #### 热玩中的点单页面、消息 ![原型图2](https://images.gitee.com/uploads/images/2020/0705/185919_870c908f_2228516.png "原型图2.png") #### 我的、设置 ![原型图3](https://images.gitee.com/uploads/images/2020/0705/185934_7737cd62_2228516.png "原型图3.png")