有一些设(she)计(ji)者(zhe),经过(guo)一轮艰辛做(zuo)(zuo)了一个很少元(yuan)素(su)并看上(shang)去不错(cuo)的网(wang)页(ye),或者(zhe)他们做(zuo)(zuo)的网(wang)页(ye)最后看上(shang)去不会(hui)很”复杂”。网(wang)上(shang)有很多关于极简设(she)计(ji)用在网(wang)页(ye)上(shang)的文(wen)(wen)章,这篇文(wen)(wen)章目的是(shi)指导你(ni)如何让你(ni)的网(wang)页(ye)设(she)计(ji)做(zuo)(zuo)到华丽却不失内涵。
最重要(yao)的(de)(de)(de)是,我们将(jiang)为你展示(shi)一系列(lie)的(de)(de)(de)设计,让你从中体会(hui)为什么一些(xie)设计可以做(zuo)到(dao)这样(yang)的(de)(de)(de)效果而(er)另(ling)外的(de)(de)(de)一些(xie)却不能。
极简设计被描述成将最基本的元素呈现,并摒弃所有多余结构,色彩,图形和其他素材的设计方法。
其目的是使主要内容浮出(chu)并成为聚焦点,从视觉角度出(chu)发(fa),极简设计(ji)意味着要沉静(jing)并将最基(ji)本的元素作为中心思想。
设(she)(she)(she)计(ji)起源于瑞士而(er)(er)后广泛应用各(ge)种媒介(jie):平面设(she)(she)(she)计(ji),建筑,音乐,文学,绘画(hua)等(deng)等(deng)领域,而(er)(er)最(zui)近更在(zai)网(wang)页的(de)设(she)(she)(she)计(ji)上盛行(xing)。尽管极简设(she)(she)(she)计(ji)已在(zai)数十年前起步,早期的(de)互(hu)联网(wang)并没有把它(ta)付诸实践。没有旋转的(de)图形,选取框和(he)夸张的(de)色彩,网(wang)页设(she)(she)(she)计(ji)混乱而(er)(er)沉冗。
我们将(jiang)为(wei)你(ni)介绍极简设计的基本准则(ze)。即使你(ni)不是追求极简审(shen)美(mei),你(ni)也(ye)会通(tong)过这里(li)来简化你(ni)的设计。
就如(ru)人们常提及的那样,极简主义会在最前部带出(chu)最重要的内(nei)容并(bing)为(wei)用(yong)(yong)户最小化一切(qie)干(gan)扰。如(ru)果某一页有(you)过多结(jie)构(gou),用(yong)(yong)户会对(dui)每个(ge)元(yuan)素(su)的位置感(gan)到疑惑并(bing)曲解其(qi)本意。一个(ge)极简设计会将焦点直接放在内(nei)容上。
举例(li)说,任何黑白组(zu)合(he)的设计都会吸引(yin)用户的注(zhu)意力。颜色自身会成为(wei)焦点。让(rang)我们(men)看看这个特别的例(li)子(zi)。
或许你已经看过这(zhei)(zhei)类设计(ji):单纯的白(bai)色背景,一块内容(rong)还有一个(ge)图案。图案包(bao)含色彩(cai),结构和设计(ji)者的品牌(pai)和身份。由于这(zhei)(zhei)个(ge)特别图案的复杂(za)性,其他(ta)在这(zhei)(zhei)个(ge)页面(mian)上的内容(rong)被(bei)忽略,显得不(bu)重要,最小化(hua)内容(rong)使设计(ji)者达到完美的平衡(heng)。
创作极简(jian)设计的第一步,或说是(shi)仅仅简(jian)化布局,并不(bu)是(shi)简(jian)单地(di)删(shan)掉大部分图(tu)片,而是(shi)重新考虑(lv)内(nei)容(rong)(rong)并摒弃空洞内(nei)容(rong)(rong)。只(zhi)有(you)这(zhei)样才(cai)能使页面上(shang)最(zui)重要(yao)的元素发挥作用。就如你计划做(zuo)一个网页,你先要(yao)把(ba)你想要(yao)的内(nei)容(rong)(rong)写下来:图(tu)标,介绍,导航条等(deng)等(deng)。然后把(ba)那些不(bu)需要(yao)的部分删(shan)掉。能舍弃的尽量舍弃。
以(yi)下的(de)(de)内容或许你是不(bu)需要在网(wang)页(ye)上一一列出的(de)(de)(单独作一个部(bu)分),记住这只是一个指导(dao)。需求因人(ren)而(er)异,以(yi)下的(de)(de)明细并不(bu)能以(yi)偏概全,希望(wang)大家(jia)能各取所需。
1、社交媒体的图标或图案
2、标题和补充说明
3、”专题”,”偏好”,”最近”(包括了Twitter和RSS订阅)之类的条目
4、页面多于3个部分(例如”简介”,”关于”,”服务”)
5、次导航页
以上所提及的东西(xi)并不是要你(ni)去(qu)减少网页(ye)的内(nei)(nei)(nei)容,而是为你(ni)提供一个参考(kao)去(qu)裁减网页(ye)中的累赘元素,从而突(tu)出主(zhu)要内(nei)(nei)(nei)容或者(zhe)用一种更为简单的排版方式去(qu)把(ba)(ba)各个元素更好地结合成(cheng)整(zheng)体(ti)(举例(li)说,把(ba)(ba)媒体(ti)链接放到”关(guan)于”或者(zhe)简介部分(fen))。你(ni)也可以把(ba)(ba)内(nei)(nei)(nei)容分(fen)布在不同的页(ye)面,把(ba)(ba)它们细分(fen)说明。
要(yao)想把设计(ji)简(jian)化,极简(jian)设计(ji)必须要(yao)求结构,颜(yan)色,形(xing)状,线条(tiao),内(nei)容(rong),文(wen)字(zi)都要(yao)精简(jian)。工具(ju)栏上(shang)尽管会让(rang)你觉得(de)乏(fa)味,但是相对把所(suo)有内(nei)容(rong)全盘托出,让(rang)唯一的重点(dian)呼(hu)之欲出更吸引用户眼球。选好要(yao)主要(yao)的内(nei)容(rong),并以(yi)之作为你设计(ji)的重心(xin)来提醒自己。
通过(guo)浏(liu)览下列的(de)(de)展示,你会发现一些设(she)计者(zhe)会加很多(duo)显(xian)眼的(de)(de)且微妙(miao)的(de)(de)颜色,独(du)特(te)的(de)(de)排版和(he)引(yin)人入(ru)胜的(de)(de)形态在(zai)里面(mian)。尽(jin)管只(zhi)需要(yao)(yao)一个独(du)特(te)的(de)(de)线框设(she)计来迎合所有的(de)(de)元素。在(zai)一个空白的(de)(de)页面(mian)创(chuang)造(zao)一个线框需要(yao)(yao)额外地留心(xin)。有适当的(de)(de)框架,你便可以(yi)利用层(ceng)次(ci),排版来制造(zao)出视觉(jue)的(de)(de)冲击。
构建框(kuang)架,请遵循(xun)以下步骤:
1、选定你真正需要的内容。
2、列出优先考虑的内容,分(fen)清(qing)主次(ci)。
尝(chang)试为你(ni)的(de)框(kuang)架作(zuo)(zuo)几张草图,去(qu)感受下好的(de)视(shi)觉层次是(shi)怎(zen)样(yang)得(de)(de)出(chu)来的(de)。当你(ni)得(de)(de)出(chu)这个框(kuang)架,考虑一下怎(zen)样(yang)使布(bu)局具有(you)美感。例如,你(ni)的(de)图标要(yao)上颜(yan)色但是(shi)这个设计(ji)你(ni)不会在其(qi)他地方重新使用,你(ni)必(bi)须(xu)为这些(xie)作(zuo)(zuo)出(chu)说明(ming)。
空是极(ji)简(jian)主义(yi)的同义(yi)词。无论你多有(you)创意(yi),极(ji)简(jian)设(she)计绝对不能离(li)开(kai)”一片空白”的。在页面上出(chu)现的元(yuan)素的空间布局需要得到平衡(heng)。
平衡,对齐,对比是极简主义的三大要领。累赘的内容可以用空白和适当的构图所取代,设计的基本原理要求必须非常谨慎地处理这个问题。
确(que)保你的设计(ji)坚持这(zhei)些准则便不需要补充(chong)额(e)外的视觉(jue)辅助(zhu)来使用户(hu)看上去是”完整”
与此同(tong)时(shi),你(ni)也需要牢(lao)记其他的(de)(de)设(she)计基本(ben)准则。在不同(tong)的(de)(de)选(xuan)择中(zhong)反复试验以(yi)达到最好的(de)(de)效果(guo),你(ni)可以(yi)看看”设(she)计的(de)(de)准则”以(yi)获得更多的(de)(de)信息。
过度设计(ji)有时会成为习惯。无论(lun)你多想把(ba)东(dong)西设计(ji)成简单,最终(zhong)的结果也是一件(jian)乱(luan)七(qi)八(ba)糟和复杂的成品。为了(le)解决这(zhei)个(ge)问题,我们必须形成某些新的习惯。
尝试记住下面的提(ti)示。将重点放在每一(yi)次培养(yang)习(xi)惯的时候(hou)。例如,尝试在空白页(ye)面前先(xian)减少和简化内(nei)容。如果你发现找出中心(xin)思想是(shi)一(yi)件很困难的事情时,”有些东西(xi)已经遗(yi)漏(lou)了”首先(xian)要把(ba)累赘的东西(xi)拿走(zou)而不是(shi)加(jia)入新的内(nei)容。
每一个极(ji)简主义的(de)(de)方(fang)面要求与众不(bu)同的(de)(de)天赋去(qu)驾驭它(ta)。你(ni)(ni)若想(xiang)简化(hua)你(ni)(ni)的(de)(de)设(she)计(ji)你(ni)(ni)必须把(ba)这(zhei)些准则实践。更进一步来说,当你(ni)(ni)应用(yong)这(zhei)里所提(ti)及(ji)的(de)(de)技(ji)术(shu),参考(kao)那些成品(pin)再看看你(ni)(ni)还(hai)有(you)(you)没有(you)(you)在(zai)简化(hua)设(she)计(ji)上(shang)有(you)(you)提(ti)高的(de)(de)空间。在(zai)你(ni)(ni)设(she)计(ji)的(de)(de)时候(hou),你(ni)(ni)要把(ba)关注点(dian)放在(zai)那些你(ni)(ni)不(bu)确定的(de)(de)东(dong)西上(shang)并让其(qi)他设(she)计(ji)者去(qu)指出你(ni)(ni)错(cuo)过的(de)(de)东(dong)西。
下(xia)面是(shi)(shi)一些简(jian)要的(de)极简(jian)主义的(de)展示。看(kan)看(kan)它们(men)各自的(de)设计准则,并留意下(xia)它们(men)是(shi)(shi)如果(guo)打破我(wo)们(men)常(chang)规却立于不败之(zhi)地。
1. James Day Photo
2. Killswitch Collective
3. Lonely
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Icon Werk
11. Neil Wilson Architects
12. Non-Format
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink London
17. Proud Creative
18. Kimag
19. Bernat Fortet
20. All Day
你所接触到的(de)极(ji)简主义都是(shi)有(you)它自身所特有(you)的(de)设计(ji)(ji)趋势(shi)。请注意这些(xie)趋势(shi),它们是(shi)提高你设计(ji)(ji)水平的(de)试金石。我们从前人的(de)设计(ji)(ji)布局中(zhong)不但可以获取灵感(gan),更可以打破这些(xie)去开(kai)创一条(tiao)属于我们自己的(de)道路。
让我们看(kan)看(kan)这些趋势的详细情况(kuang)。
最显(xian)著的(de)(de)(de)趋势是(shi)黑与(yu)白的(de)(de)(de)延(yan)展运用。这样(yang)做对比最明显(xian)不过,从颜色到(dao)结(jie)构,形状(zhuang)和内容上(shang)(shang)都可以使整(zheng)体布局简化,但是(shi)如果过火了就会(hui)适得其(qi)反。看看以下一些网(wang)页时怎(zen)(zen)样(yang)定义颜色的(de)(de)(de),它们是(shi)极(ji)简主(zhu)义用于网(wang)页设计上(shang)(shang)的(de)(de)(de)佼佼者(zhe)。同样(yang),考虑下在(zai)强烈(lie)颜色的(de)(de)(de)应用下怎(zen)(zen)样(yang)达到(dao)极(ji)简主(zhu)义的(de)(de)(de)效果的(de)(de)(de)。
基(ji)于排(pai)版为设计基(ji)础的网页更趋向于极简(jian)主(zhu)义。
当设计者并没有过(guo)多的(de)(de)刺激(ji)用户的(de)(de)元素,他们往往会用趣(qu)味的(de)(de)排(pai)版(ban)去突(tu)出内容(rong)。你(ni)甚至(zhi)可以只应用一(yi)个视觉元素去排(pai)版(ban)。这是一(yi)个具有挑战性(xing)的(de)(de)却自成一(yi)派的(de)(de)技术(shu)。看看它(ta)们是如何运用排(pai)版(ban)技巧增强设计效果(guo)却仍然能保(bao)持唯一(yi)性(xing)。
有相(xiang)当一部分的(de)(de)(de)(de)极简主义(yi)设计为(wei)原则的(de)(de)(de)(de)网页是以Flash为(wei)蓝(lan)本(ben)的(de)(de)(de)(de)。适可而止的(de)(de)(de)(de)视(shi)觉造福于(yu)细(xi)节上的(de)(de)(de)(de)动(dong)画效果,例如是文本(ben)的(de)(de)(de)(de)渐出渐入的(de)(de)(de)(de)效果。同(tong)样,Flash的(de)(de)(de)(de)移(yi)动(dong)毫(hao)无疑问会成为(wei)设计的(de)(de)(de)(de)限制(zhi)。突破常规的(de)(de)(de)(de)线框,排版等元(yuan)素的(de)(de)(de)(de)变化将会比遵(zun)循传(chuan)统套路的(de)(de)(de)(de)设计更容易用Flash做出你想要(yao)的(de)(de)(de)(de)效果。
极(ji)简主义(yi)的(de)设计可(ke)以从多(duo)途径获取,目前我(wo)们看到的(de)大(da)多(duo)数(shu)都是重(zhong)复(fu)的(de)。这些(xie)趋势会压(ya)倒(dao)一切,当我(wo)们去创(chuang)造任(ren)何能行之有效的(de)趋势时,必(bi)须与抄袭作(zuo)斗争。任(ren)何情况(kuang)下,极(ji)简主义(yi)会在(zai)将来很(hen)长的(de)时间(jian)里(li)在(zai)美化工作(zuo)上扮演(yan)重(zhong)要(yao)的(de)角(jiao)色,无(wu)论(lun)对于客户或者是你的(de)工作(zuo),学习相关技术将可(ke)以达到立(li)竿见影(ying)的(de)效果。
如果你对极(ji)简主义并(bing)不(bu)感(gan)冒,并(bing)不(bu)要紧,这(zhei)些指导和准则能使你的设计简化,这(zhei)绝(jue)对是好事!
扫一扫打开网站
扫一扫访问手机站
扫一扫打开网站