话说我是怎么设计Jeep网站的
话说我是怎么设计Jeep网站的
发布时间:2015-05-12 来源:查字典编辑
摘要:此文章有两个目的:一是作品的归档(问我作品去哪儿的同学可以来领了),二是把一些设计思路的经验分享给想从事这行的新同学。有很多朋友问我的问题,...

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

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

在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的车去越野纯属逗比,一般玩越野的都是拿切诺基哈弗去糙的。因为一般人都知道罗宾汉是世界上最强的越野车型之一,所以牧马人当时已经开始淡化越野。为了吸引更多受众,牧马人走起了个性路线。

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

话说我是怎么设计Jeep网站的1
话说我是怎么设计Jeep网站的2
话说我是怎么设计Jeep网站的3
话说我是怎么设计Jeep网站的4
话说我是怎么设计Jeep网站的5
话说我是怎么设计Jeep网站的6

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

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

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

话说我是怎么设计Jeep网站的7
话说我是怎么设计Jeep网站的8
话说我是怎么设计Jeep网站的9
话说我是怎么设计Jeep网站的10
话说我是怎么设计Jeep网站的11
话说我是怎么设计Jeep网站的12
话说我是怎么设计Jeep网站的13

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

话说我是怎么设计Jeep网站的14
话说我是怎么设计Jeep网站的15
话说我是怎么设计Jeep网站的16
话说我是怎么设计Jeep网站的17

最终上线的是这版:

话说我是怎么设计Jeep网站的18
话说我是怎么设计Jeep网站的19
话说我是怎么设计Jeep网站的20
话说我是怎么设计Jeep网站的21
话说我是怎么设计Jeep网站的22

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

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

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

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

话说我是怎么设计Jeep网站的23
话说我是怎么设计Jeep网站的24

最后还有些零散的东西,我就不解释了,一起放上来。

话说我是怎么设计Jeep网站的25
话说我是怎么设计Jeep网站的26

即使在ui设计这么风靡的今天,互动广告设计也没有死。只不过行业趋于稳定和成熟。设计这东西,本来就是需要大半生时间去探索的。而我,也是只是探索到了一点点门道而已。

那么同学们,讲了这么多,有想和我一起在深夜聊聊设计的么?

如果对我感兴趣,可以加我的微信号,我会经常分享一些高低逼格长姿势小画片。

话说我是怎么设计Jeep网站的27
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新交互设计教程学习
热门交互设计教程学习
网页设计子分类