# final_design **Repository Path**: interface_design/final_design ## Basic Information - **Project Name**: final_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-07-05 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # "窝家"设计稿 ## 一、品牌核心价值 "窝家"致力打造一款以家庭主妇（夫）为核心的生活类社交app，倡导懂生活、提品质、强互动、享好物的生活观念。 "窝家"的核心理念是给用户提供轻量化、简洁易操的界面，该app打造的是极强的交流参与感，使得用户成为真正的内容受益者和选择者。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/205828_768223ab_1648162.png "核心价值.png") 另外，对于那些在家呆得过长时间或是想提升自己生活水平的用户来说，该app不仅可以根据自身的需求选择自己感兴趣的内容，更可以选择并参加符合自己心意的线下课程和活动； ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/210037_fdffdb49_1648162.png "2.png") 我们还打造一个社群交流平台，使得用户间可以进行线上实时或异时的交流，用户亦可通过此来进行闲置物品的交换，使用户与用户间得到了较好的连结。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/210158_c6b1309c_1648162.png "3.PNG") ## 二、海报 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/220509_147aa577_1648162.jpeg "海报.jpg") ## 三、品牌元素 ### 1、logo系统 窝家的标志象征着家庭与家庭之间的亲密交流，让用户成为彼此的线上邻居，打造出温馨且窝心的线上小区氛围。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/210517_cf294394_1648162.png "4.PNG") ### 2、颜色系统 主色很好的体现了产品“窝心”、“轻量”的主题，给人一种放松的感觉。以绿色作为主色调是秉承主题的风格与内容。家代表温馨，推荐菜谱健身等其他内容代表健康，因此与绿色和谐健康的感情色彩一致。辅助色则是在主色调的基础上降低饱和度以及寻找其三基原色加以搭配。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/210647_b34ffaea_1648162.png "5.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/210734_f85f2c36_1648162.png "6.PNG") ### 3、ICON视觉系统 窝家的ICON视觉系统统一使用了与主色相呼应的配色方案。整体展现绿色、健康、清新的氛围。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/211017_428558aa_1648162.png "7.PNG") ### 4、 字体系统+尺寸大小规范及应用场景 窝家采用的是微软雅黑字体，这款字体是一种全新的无衬线黑体，它的字形略呈扁方而饱满，笔画简洁而舒展，易于阅读。对于较小的字号表现力也更加突出。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/211843_d7e9672e_1648162.png "8.PNG") ### 5、图片使用规范 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/212317_53493d24_1648162.png "9.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/212337_5ec2acd1_1648162.png "10.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/212347_8e6b12e9_1648162.png "11.png") ### 6、版式、栏高、边距等尺寸规范+栅格系统说明 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/212457_02d2832a_1648162.png "12.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/212512_3e0575bd_1648162.png "13.png") ## 四、高保真原型图 [点击看原型](http://interface_design.gitee.io/wojia_yuanxing) ### 1、首页 #### （1）广场 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214128_7f7bf9b8_1648162.png "14.PNG") #### （2）问答 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214153_c037b5c4_1648162.png "15.PNG") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214221_85f88d96_1648162.png "16.PNG") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214230_a2dfc06f_1648162.png "17.PNG") ### 2、窝淘 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214615_24192be3_1648162.png "18.PNG") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214630_e50d3050_1648162.png "19.PNG") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214648_904b1d76_1648162.png "20.PNG") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214659_547ced01_1648162.png "21.PNG") ### 3、活动 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214721_15c4d605_1648162.png "22.PNG") ### 4、我的 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/214737_a7f268bd_1648162.png "23.PNG")