咪咕战略产品包设计复盘
杭州/设计爱好者/364天前/43浏览
版权
咪咕战略产品包设计复盘
本次分享阐述了重点战略产品娱乐内容包/新通话包/云算包的视觉设计考量,对已完成的工作进行深入的反思与总结,从而不断优化工作流程、提升工作效率。
01、思考视觉风格
在前期的设计思考中,为了能够引起用户的注意,使用户更容易被设计内容所吸引,初步考虑使用弥散设计风格。这种风格的亮点在于其丰富的色彩渐变和清晰的虚实对比,往往给人留下高雅、精致的印象,因为它具有丰富的颜色和细节,并且可以使设计作品显得更加高级、独特,从而提升整体的设计品质,同时弥散设计风格利用光影和颜色的变化来营造出深度和空间感,使画面看起来更有层次和立体感。
02、确定配色方案
娱乐包以橙色调为主,橙色是充满活力和热情的颜色,它既有红色的热情和刺激,又有一些黄色的阳光和快乐,可以激发人们的积极性和热情。
通话包以绿色调为主,它可以让人联想到实验室或与绿色环保的新能源,给人一种科学和现代的感觉,同时浅绿色也是一种柔和的色彩,它通常不会给人带来强烈的刺激感,而是给人一种轻松舒适的观感,可以为用户创造一种愉快的购物氛围。
云算包以蓝色调为主,蓝色在科技和数字领域有广泛应用,因为它给人带来了技术与未来的印象,在商业环境中,浅蓝色也经常被用作代表信任和稳定的颜色。它传递出专业的形象和可信赖的信息,有助于建立良好的品牌形象。
03、聊天气泡设计
将痛点、痒点进行图形化设计,为了表示这是用户最真实的话,在设计上模拟微信聊天环境,使用气泡进行表达,置于大标题上方。
04、头部主体图形设计
头部主体图形由以下3个部分组成:
1、拉丝玻璃效果:采用抽象的几何形状、有机线条,以达到简约而不失创意的目的,让画面显得更加独特、个性和高档。
2、业务icon/图片元素:与业务相关的配图可以帮助消费者更快地了解产品的特性,从而促进购买决策。
3、氛围装饰:引导用户的购买行为,让消费者产生购买冲动。
05、规范文字使用
在本次项目设计中,对主标题字体不做过多设计,仅确保主标题的易读性,不采用过于复杂或者难以识别的字体。因3个包功能都基于较为新颖的技术实现,因此选择更加现代的无衬线字体作为主标题,最终选择了拥有版权的方正综艺简体作为标题字体。
为了使整体页面不至于过于呆板,更具个性,衬线字体则更容易显示出个性化的特征,因此除头图各个板块主标题字体使用免费商用字体优设标题黑。
其余字体规范:
06、详情部分设计
在本次项目设计中,我们希望发挥娱乐内容包发挥全内容IP优势:把握“看听读玩”需求内在联系,为客户提供一站式服务。因此在娱乐包详情部分的设计上参考了苹果商城的设计,与其他两个包做区分。
该设计的特点是:将卡片式设计与沉浸式设计结合在一起,创造出一种深度参与和沉浸式的用户体验。尽可能在最小的空间内传达更多的信息,同时让用户体验到舒适和自然的感觉。设计表现总结为以下四点:
1、将多种不同类型的信息整合在一个卡片中,比如文本、图像、视频等。
2、使用深度和空间来突出重要信息,而不是依赖于颜色和纹理。
3、提供多个交互选项,比如点击、滑动、长按等,让用户体验更加灵活和有趣。
4、利用动画、音效等元素来创造更加生动和有趣的用户体验。
我们这些特点应用在娱乐包详情部分:
而在通话包及云算包的详情设计上,为了减少用户阅读文字时的枯燥感,我们采取了以下设计措施:
1、尽量使用简洁明了的语言,避免使用复杂的行话和术语,使文字更加易于理解,增加可读性
2、通过字体大小、颜色创建对比,使文字更加引人注目,帮助用户更好地理解和记忆信息。
3、在相应段落加入图片或图标,使文字更容易理解,并且可以使整个设计更加吸引人。
4、为文字留出足够的空间,使它们看起来不那么拥挤,也更易于阅读。同时将图片及文字错位排版来增强视觉效果。
07、小结
在这次设计过程中,遇到了不少挑战,好在与各位团队成员共同努力解决了问题。
4
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
4Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share



























































































