话说我是怎么设计Jeep网站的-朝阳-灰昼

版权信息：admin转载，分享请注明版权。

admin 发布于 2017-04-01 暂无评论

此文章有两个目的：一是作品的归档（问我作品去哪儿的同学可以来领了），二是把一些设计思路的经验分享给想从事这行的新同学。有很多朋友问我的问题，其中一些问题都包含在这篇文章里了。

毕竟时隔太久有些记忆模糊了，有些问题想分享的但我又没想起来，如有问题可以回复留言。

在10年到11年这段时间，我负责了Jeep的一系列minisite的设计（当时在a4a），一晃近五年。那时正是互动网站／Flash网站的火热时期。至于有多火爆，想想现在的ui行业就行了。

考虑到站酷有很多新同学，这里普及一下。Minisite和microsite意思差不多，即小型网站，这种网站区别于offical site（品牌官网）。品牌的minisite一般是归属于offical site的，属于offical site的补充。然后minisite一般有分为两种类型，一种是product minisite（产品网站），一种是compagin minisite（活动网站），也有两者合一的。

五年，如白驹过隙。
在这里五年里，我先后服务了Jeep、Dodge、Audi、Acura、Landrover、进口大众、MINI、BMW、劳斯莱斯等品牌。所以，Jeep其实是我服务的一个汽车品牌，也是我第一次接触汽车类的Minisite的设计。

的确是第一次，说起来，我以前丝毫没有汽车品牌服务经验。话说回来，我大学读的是英语，烟大英语系，英文文学方向，天天跟莎士比亚雪莱打交道。毕业后干了两年Flash编程，然后才成为了一个互动设计师。这又是另一个故事了。

牧马人的品牌策略和我理解的不同，我原本以为牧马人是走的是越野路线，但不是。这就是为什么有些朋友会奇怪牧马人为什么不是走越野风格的。也许在美国是，但在中国，越野只是小众市场。再说了，开个50w的车去越野纯属逗比，一般玩越野的都是拿切诺基哈弗去糙的。因为一般人都知道罗宾汉是世界上最强的越野车型之一，所以牧马人当时已经开始淡化越野。为了吸引更多受众，牧马人走起了个性路线。

这是我设计的第一个牧马人网站，严格来讲，这不是第一个，之前的一些草稿都被我删掉了。

m_2ea45464d68e0000015d3d7c96e7.jpg

m_d2cd5464d68e0000015d3defae68.jpg

m_00915464d68e0000015d3d1b7626.jpg

m_9d3d5464d6900000015d3db6a6f7.jpg

m_a72b5464d6910000015d3d849912.jpg

m_776f5464d6910000015d3dcb522e.jpg

这个网站看不懂没关系，其实是这么一个玩法，首先会出现各种各样个性的人，网站会提示你选择你一个你认为个性的，当你选择之后屏幕会粉碎，然后冲出一个牧马人，网站会告诉你牧马人才是最个性的。

网页的元素我使用了model和破碎的玻璃等元素。为什么会这样设计，因为玻璃代表了一个幻象的破碎（观点的破碎），用牧马人去粉碎旧的观点。而并不是因为玻璃好看。一定要先把要表达东西用视觉表达清楚，然后再考虑好看不好看的事情。这才是正确的方法。

我已经忘记了上面这个网站因为什么原因没有做成。后来经过了重新的思考，我又做了下面的设计。这个网站形式本该是360度的黑水晶山脉和城市的相互转换，但因为执行问题搁浅，所以我只做了一半。

m_3bd15464d6fc0000015d3d788788.jpg

m_07545464d6fc0000015d3d6f9ad2.jpg

m_a79c5464d6fc0000015d3d53c45b.jpg

m_fe9f5464d6fe0000015d3d7dc143.jpg

m_ab505464dd8c0000015d3d03929a.jpg

m_57ed5464d6fe0000015d3de4d9ef.jpg

m_00ec5464dd8c0000015d3d28cf46.jpg

当年进行的项目，还有指南者。指南者是城市SUV，Target Audience主要是青年人群。我们做了一个基于app的城市探险游戏。但当时是2010年，远没有人手一台iphone的地步，app在当时普及程度很低，所以这个项目即使执行出来，参与的人数恐怕不是很高。

m_f4355464d7b50000015d3d982ecd.jpg

m_f0325464d7b40000015d3df56de7.jpg

m_cb6f5464d7b50000015d3d3e9e14.jpg

m_0ee55464d7b60000015d3dd52732.jpg

最终上线的是这版：

m_b4875464d8040000015d3d6653f3.jpg

m_f8225464d8040000015d3d49c743.jpg

m_4fda5464d8040000015d3d119ec1.jpg

m_98d35464d8050000015d3d126026.jpg

m_19b55464d8070000015d3d663f24.jpg

一个minisite从最初的idea成形，到layout设计，然后再到制作上线，这中间要经过各种问题，来自客户的，team内部的，自己的，外包团队的。每一步处理不好都会导致这个项目的搁浅。

有些新同学经常出现的一个情况是：比如说你做了一个自己觉得还不错的东西，因为上面说到的中间环节的原因，被客户或者内部毙掉，然后按照客户想法说了一版，你自己不喜欢所以也不爱做，做完客户觉得不是他想像的样子，如此改了好几轮，直到上线前客户没办法只好定了一版。这是自己不喜欢，客户也觉得勉强的东西。此种情况恶性循环，长此以往，你会觉得对设计不会再爱了。

所以我常常提到的一个问题是：作为一个好的设计师不只是做好自己的就可以了，要从整体来看待问题。视觉是否能说清楚idea，互动和动态效果是否能较好的执行，team内部的的沟通，怎么样有效的说服客户等，都是要考虑的问题。

另外忘记了，Jeep还没有讲完，在经过了漫长漫长漫长的拉锯战过后，这个网站设计成了这个样子，既然要真实场景的话，我只能尽量的把这个场景做的好看一点。