从09年做网页设计到现在,“大气”二字已陪我走过了三年……从来不会有客户对我说:你给我设计的小气一些吧……那么什么是大气?!
“您好,我是**网络技术有限公司的网站美工,贵公司的网站已派单到我这儿,网页效果图将由我来设计,请问您对设计稿有什么具体需求吗?”“……我也不懂,你看着设计吧,设计的大气一些就可以!”
“您感觉哪些地方不满意呢?”“我希望再大气一些!”“再大气一些!”
“大气”应该是令网页设计师最头疼的需求描述了,已有无数设计师拜倒在二字之下。但大家都清楚:逃避与抱怨并不能解决让“大气”从客户需求中消失,那么我们该考虑如何解决这个令人头疼的“大气”呢?
大气这个词本身就是一个概念很广的东西,谁都不能很清楚的对这个词有一个真正的定义,甚至是已经拥有多年设计经验的设计师。在百度搜索到的有关网站大气这个词的描述也是很笼统。那么到底什么才是大气,怎么才能设计出一个大气的网站?
虽然很多时候设计和个人的天赋有关,如对色彩、线条和形状的感觉,这个感觉就是有很多时候我们常说的:只可意会不可言传!但是一个好的设计依然有很多地方是可以言传的,也就是说可以用一些明白易懂的理论来分析。虽说设计上的很多方面是和个人天赋有关,但是若能在设计中秉持一些最基本的理论,虽然不一定能够做出非常杰出的作品,但至少可以帮我们避免一些常识性的错误,或者使我们的设计有条理性,满足客户的大气要求。
一、网页细节:
简约不简单,可以说将网站大气的得要特点表现的淋漓尽致。简单的色调,简单的框架,这些可以都说是简约。那么如果做到不简单,这就要体现在网站的细节之上了。很多时候都是一些地方的细节刻画得不够,才导致整个网页的整体失调。可以说:在网页设计中,细节决定成败, 愿意花费时间专注于细节的网页设计师能够获得拥有更多价值的设计。网站的细节表现于网站页面中的各个地方,如一个小阴影都能给人很多不同的感受。
二、留白:
大量留白会使页面有空间感,不会因为页面内容密密麻麻而产生厌恶。
三、色彩简洁:
太多颜色控制不好会容易失去整体平衡,主要在制作前确定一个主色,一个辅助色,一个点缀色。
四、素材的选取:
在选取素材的时候,可以首先考虑:山河湖海,全景图,或者有代表性的建筑或者标识;再者可以挑选带有积极向上性质的元素,如“鸽子,绸带,马路,教堂,屋顶、太阳”等;再就是中国风元素:水墨风格、书写体、古代物品(瓷器,鼎之类)。
把握好全局,才能控制你的风格。在耐心听取客户需求的同时,设计师也要适时表达自己的想法和建议。在修改设计稿的时候,对方所想要的“大气”可能只是某个元素问题,但他也确定不了是哪部分有问题,所以会用含糊的概念去告诉你。但作为设计师本人也要仔细思考,先尝试关键部分的内容修改,比如尝试换新的字体,去掉多余元素等等。
只要不断的探索和尝试,所有的大气都是浮云。
附:部分“大气”的网站欣赏
先看看这个网站:http://www.bmw.com/ 呵呵宝马的官方网站,气象万千吧。
好了,看上去有那么点大气的网站还有:
http://www.baidu.com/
http://www.google.com/
http://www.fotolia.com/
http://www.yahoo.com/
http://www.microsoft.com/
http://crazyegg.com/
http://woocall.sina.com.cn/
http://walmartstores.com/
http://www.volkswagen.de/
http://www.bmw.com/
http://www.ml.com
http://www.prudential.com
https://www.chase.com/
http://www.credit-suisse.com
http://www22.verizon.com/
http://www.abb.com/
http://www.morganstanley.com/
http://www.samsungcorp.com/
http://www.sk.co.kr/
http://www.total.com/
http://www.lockheedmartin.com
http://www.j-sainsbury.co.uk/
http://www.ups.com/
http://www.thyssenkrupp.com/
http://global.mitsubishielectric.com
http://www.ericsson.com/
http://www.aegon.com/
http://www.ingrammicro.com/
http://www.coca-cola.com/
http://www.mckesson.com/en_us/McKesson.com/
http://www.rabobank.com/content/
http://www.bank-of-china.com/
http://www.canon.com/
http://www.dow.com/
http://www.samsung.com/sec/
http://www.bms.com
https://www.bancosantander.es
http://www1.ap.dell.com/
http://www.supervalu.com/sv-webapp/
http://www.bridgestone.co.jp/
http://www.bradesco.com.br/
http://www.swissre.com/
http://www.haniel.de/
http://www.tencent.com/
http://www.gazprom.ru/
http://www.nmfn.com/
http://www.swisslife.com
http://www.standardlife.com/
http://www.jt.com/
http://www.mmm.com/
http://www.federated-fds.com/
http://www.britishairways.com
http://www.electrolux.com/
http://www.samsung.com/
http://www.taisei.co.jp/
http://www.man.de/MAN/de/
http://www.bbva.com/
http://www.sinochem.com
http://www.sharp.co.jp/
http://www.rbcroyalbank.com
http://winndixiegrocerystores.com/
http://www.fluor.com
http://www.ahp.com/
http://www.emerson.com
http://www.unicreditgroup.eu
http://www.cokecce.com
http://www.tycofireandsecurity.com/
http://www.cw.com/
tp://www.abbott.com
http://www.newscorp.com/
http://www.feilong.org/
http://www.nab.com.au/
http://www.lorealchina.com
http://www.bertelsmann-stiftung.de/
http://www.lufthansa.com
http://www.intesasanpaolo.com
http://www.alstom.com/
https://www.wamu.com
http://www.otto.de
http://www.hydro.com
http://www.goodyearotr.com/
http://www.mcdonalds.com/
http://www.tycofireandsecurity.com/
https://www.bankerstrust.com
http://www.viacom.com
https://www.bankerstrust.com
http://www.adecco.cl
http://www.akerasa.com/
http://www.geagroup.com
http://www.anheuser-busch.com/
http://www.seagram.com/
http://www.obayashi.co.jp/
http://www.fhi.co.jp/
http://www.icxo.com/
http://www.lilly.com/
http://www.kepco.co.kr/
http://www.edison.com/
http://www.zeneca.com/en/
http://www.sun.com/
http://www.sei.co.jp/
http://www.limited.com
http://www.posco.co.kr/
http://www.tenethealth.com
http://www.sunlife.com/
http://www.petronas.com.my
http://www.degussa.de
http://www.shv.nl/
http://www.travelers.com/
http://www.flickr.com/
http://www.about.com/
http://www.websavvy.cc
http://www.usa.gov/
http://www.heinz.com/