阿里巴巴国际站（Alibaba） 是全球最年夜、最有影响力的B2B电子商务平台，是阿里巴巴团体的旗舰公司。持久以来，阿里巴巴国际站视觉气概并未随着业务的突飞猛进而有更富魅力的改变， 显现在用户面前的，依旧是稍显过时的设计气概。随着用户需求和公司业务的压力，对网站的视觉重构就成了迫在眉睫的事情，是时候来一次激悦耳心转变了！

一. 目前线上版天职析

上图为目前线上版本，较2009年的版本，总体设计气概和信息布局没有太多的转变：

1. 首页没有传递出Alibaba的业务标的目的和核心价值；

2. 随着业务标的目的成长，不克不及满足业务需求；

3. 设计气概过时，设计气概不统一。

二. 用户需求阐发

阐发用户需求之前，一起来看一下外贸B2B生意从工厂到发货的重要环节有哪些，Alibaba对应这些环节有哪些相关配套办事。

通过用户调研阐发，目前网站用户对Alibaba提供的这几个核心办事的认知度较低，所以这次首页改版的首要目标就是要进行用户教育并传递网站的核心办事。

三. 信息推导——框架布局

William Strunk和E. B. White的《The Elements of Style》里写到："越精简的文字越有力。一句话里不该该有多余的词儿，一段话里不该该有多余的句子。同样，一幅画里不该该有多余的线条，一台机械也不该该有多余的零件。"

对首页信息进行重新梳理，去失落持久没人运营的冗余信息；重新调剂信息布局，核心位置传递网站核心价值信息；只专注那些用户最需要的功能，用20%的根基功能去满足80%用户的需求。

新首页最终线框图

四. 视觉推导——气概、色彩

新视觉气概探索主要从以下几个维度斟酌

1. 色调，感触感染，明亮的，柔和的，仍是暗沉的；

2. Icon，字体，统一性，转达的感触感染，Icon和字体要有持续；

3. 松紧度，留白，行间距，字间距，宽松度；

4. 布局，整齐的，流式的，开放的，仍是闭合的。

设计趋势

近几年来，随着Metro气概的精练与直不雅、谷歌全新的UI体验、Android 4.0系统的平面化，各年夜主流界面的气概都趋向于精练，布局清晰，信息突出，削减噪音。

新首页视觉关头字

通过视觉关头字寻找新色域

确定配色

蓝色是灵性知性兼具的色彩，在色彩心理学的测试中发现几近没有人对蓝色反感。明亮 的天空蓝，象征希望、理性、抱负、自力等。 ColourLovers发布了一项查询拜访成果，美国前100年夜网站的Logo，主要使用12种颜色。其中，采取蓝色的网站最多，红色排在第二种。

五. 设计展示

我们把用户需求转化成信息布局，并在用户群体的生活空间里寻找到网站的颜色趋向，接下来，我们把理论转化为交互和视觉的表示体例，新的国际站设计气概从而顺利出世了。