无论项(xiang)目大小,我们都会(hui)不遗余力的(de)为(wei)您提(ti)供优质的(de)产品和(he)高质量(liang)的(de)服务(wu)。
立即咨询(xun)项目背景
随着现代(dai)都市的生(sheng)(sheng)(sheng)活节奏(zou)变快,人(ren)与人(ren)之间从陌生(sheng)(sheng)(sheng)到熟(shu)悉平(ping)均需(xu)要3到6个月,交友(you)的时间成本太高导致很多人(ren)不想交友(you),致使大部(bu)分人(ren)习惯了(le)独来独往,这(zhei)次的设计,主要针对那些在(zai)生(sheng)(sheng)(sheng)活中不爱交友(you)的人(ren)群(qun),让他(ta)们可以在(zai)网络(luo)上广交益友(you),结识知音,用(yong)最(zui)简(jian)单的操作,达到最(zui)终的目标。
目标人群
知音(yin)APP主(zhu)要(yao)面对18-40岁(sui)左右的人群,这其(qi)中(zhong)大(da)部分都是(shi)上班族和大(da)学(xue)生。
最终目标
知音APP致力让(rang)每个(ge)人都(dou)能拥有一个(ge)高质量的朋友圈,让(rang)不爱交友的人可以(yi)广结益友。
视觉规范
主色调:#8200ff
辅助色:#e100ff
点缀色:#78cbe9,#eddc58,#eddc58
字体规范
中文/数字苹方/中黑
字体大小
20px
24px
28px
32px
36px
46px
图标规范
底部tab栏
由(you)(you)简单的(de)线性(xing)图标组成,发生(sheng)点击后变成由(you)(you)主(zhu)色调微渐(jian)变做(zuo)90%填(tian)充的(de)面性(xing)图标。
App架构
找知音
录制声音
匹配交友
banner
星球
附(fu)近的人交友扩(kuo)列
快速匹配
公告
知音
动态
房间列(lie)表推荐(jian)
关注
发动态
消息
系统消息
关注消息
星球
交友扩列快速匹配
公告
知音
动态
房间列表(biao)推荐
关注
发动态
消息
系統消息
关注消息
个人信息
我的
我的动态我的资料
设置
登录页面
登录页做了很多竞品分(fen)析,总结了市场(chang)上大部分(fen)的(de)(de)同类(lei)型(xing)产品,最终(zhong)决定采用以一一个阳光有活力的(de)(de)妹子作为底色(se)背景(jing),并在上面加了一层(ceng)由主色(se)调到透明色(se)的(de)(de)渐变,增(zeng)加设计感的(de)(de)同时也使产品有了一种品牌特色(se)。
个人中心页面
顶(ding)部背景图片(pian)可(ke)以让客户(hu)根据喜好自由(you)跟换,符(fu)合用户(hu)需(xu)求。
为标签(qian)设计彩色的(de)底很凸显出重要性,让用户直观的(de)感受到色彩的(de)美
底部的(de)悬浮按钮可以(yi)给(ji)客户提供便捷的(de)方(fang)式去发动态,也使得(de)整个(ge)版面根(gen)据(ju)设(she)计(ji)感。
我的消息页面
这里的(de)消(xiao)息页面,采用的(de)是比较常规的(de)列(lie)表流,通过点击顶部导航可以(yi)切换(huan)关注消(xiao)息列(lie)表和系统消(xiao)息列(lie)表,列(lie)表栏呈现(xian)的(de)内(nei)容也能直观的(de)好友在线与否,给予用户很好的(de)体验。
点(dian)击列表可(ke)(ke)以和好友进行对话,用户(hu)通过(guo)上方的(de)卡片信息,可(ke)(ke)以直观的(de)看(kan)(kan)到你与(yu)好友的(de)匹配值(zhi),并能够看(kan)(kan)到你们的(de)共同点(dian),增加了用户(hu)体验。
地址:北京市海淀区苏州(zhou)街3号大恒(heng)科技大厦7层
地址:上海(hai)市长宁区长宁路1018号龙(long)之梦国际大厦8层
地址:杭(hang)州市拱墅区杭(hang)行路(lu)666号万达广(guang)场B座17层
地(di)址:南京市雨花台(tai)区安德(de)门大(da)街52号(hao)雨花世(shi)茂5楼
地址(zhi):合(he)肥(fei)市蜀山(shan)区莲花路尚泽大都会A座23层