首页  ·  知识 ·  交互设计
BAT如何打造用户喜欢的设计风格
网友  产品100  综合  编辑:岁月了然   图片来源:网络
百度、阿里、腾讯的移动互联网端业务分布广泛,但类型却不尽相同。到底他们独特的设计风格是如何打造的呢?

随着智能终端逐渐占据人们的生活。移动端的兴起,主流设计风格定型,移动端的APP整体水准已经渐入佳境。APP设计风格从视觉效果上至少给用户传达了两个信息:一是APP的整体基调。二是APP的目标人群。而当今互联网的三大巨头BAT,他们在自家的产品独特的开发设计风格也是各有不同。百度、阿里、腾讯的移动互联网端业务分布广泛,但类型却不尽相同。到底他们独特的设计风格是如何打造的呢?今天就跟着小编来一探究竟!

一、 整体风格统一

统一设计风格能给用户呈现整体一致的视觉体验,有利于传达产品整体的品牌形象;也方便设计团队制定设计规范,减少设计风格不一致带来的沟通成本,想必这些,作为设计师的你一定了然于胸。

image.png

拿微信和 QQ 例子来说:微信是黑、绿、白三种主要颜色搭配,中规中矩的布局呈现给用户稳重、信赖的感觉,更像是成人的沟通工具。 QQ 默认皮肤是浅蓝、浅灰、白三种主要颜色搭配,灵活的布局交互呈现给用户活泼、有趣的感觉,更偏向爱玩、爱新奇的年轻用户。


二、启动页各有千秋

每进入一个 APP 打开瞬间展示的都会是启动页,启动页存在的目的就是为了让用户在等待的过程中忽略这个开启的过程,其实也就是大家所说的提高了用户体验度,降低用户焦虑感。

image.png

三张分别是百度地图、淘宝、 QQ 的启动页 

BAT的APP在启动页面风格风格迥异,百度地图则是加上了自己的APP图标,加深产品印象;淘宝不仅添加了的APP图标,还把当前热门购物元素加入,加重了用户购买欲;而腾讯更是把象征着用户的多元的缤纷企鹅背景下面加上清晰明显的QQ二字;于是启动页就变成了品牌效应的一个延伸。

三、内页特点突出

到达了内页,各APP的风格就显现出来了。

image.png

百度地图:简单的线条风格,模块化风格,将每一处功能体现得淋漓尽致,让用户可以一眼得知这么模块是什么功能,对他是否有用;淘宝:会根据每个用户的购买习惯推荐不同的商品,平日里10个模块的功能颜色不一,用颜色吸引用户的注意力;QQ:没有皮肤的加持的QQ显得格外的干净清爽,顶部的“消息通话”栏,底部的“消息、联系人、动态栏”让用户一眼找到所需功能,心无旁骛的自在交流。

通过小编的简单分析,是不是在佩服BAT设计风格独特的同时也勾起了你对BAT产品设计思路的求知欲呢?下面就让我们的资深交互讲师,前百度产品设计师,任咏燕老师来给大家深度分析关于BAT移动互联网产品设计思路,也许下一个超越BAT的移动互联网爆款产品,就是你的设计作品!


本文作者:网友 来源:产品100
CIO之家 www.ciozj.com 微信公众号:imciow
    >>频道首页  >>网站首页   纠错  >>投诉
版权声明:CIO之家尊重行业规范,每篇文章都注明有明确的作者和来源;CIO之家的原创文章,请转载时务必注明文章作者和来源;
延伸阅读
也许感兴趣的
我们推荐的
主题最新
看看其它的