南部商务区的一件产品也能拍!
手机:18958279518, QQ:279247780
天气
平面设计 样本画册 包装设计 海报招贴 传单折页 Logo标志 名片设计 PPT设计 活动展览 其他设计 广告制作
 
    视觉艺术  /  News
版式不够活跃?试试高手常用的3个方法!
发布时间:[2020-03-23]    点击:

在日常的设计工作中,版式即一个画面的骨架,也是视觉传达的重要组成部分,版式整体的活跃程度也能起到改变画面基调的作用,这也就是为什么很多作品看似很「简单」,但却不失设计感的原因。如何把原本比较中规中矩的版式结构通过设计手法将其差异化、提升设计感、增强活跃度,这样做的目的是为了打破墨守成规的形式,提升用户停留时间,以及画面的趣味性,所以本期就和大家一起总结一些常用增强版式活跃度、提升版式设计感的设计手法。

色块叠压法

色块叠压法,顾名思义就是改变色块的摆放方式,可以分为两类,第一类是色块与色块之间的叠压。通过色块与色块之间的非常规摆放形式,打破原本常规的版式结构,增强其形式感、活跃度。下面我们举个例子:

版式不够活跃?试试高手常用的3个方法!


[SITESERVER_PAGE]

通过上下对比,我们不难发现,下侧画面整体版式结构更跳跃,直白地说就是不死板,而且形式感更强,给人的感觉也更舒服、有趣味性;而上侧画面的整体感受并不是说不合理,只不过相对比而言,这种结构形式很常见,版式结构变化性不高,形式感和设计感也稍有欠缺,那么造成这种现象的原因是什么呢?

  • 顶部 LOGO 区域因采用了色块叠压的手法且故意将 LOGO 处的色块放大,使其超出导航栏的固定范围,在视觉感受本身来说就已经形成了很强烈的形式感,打破了原本色块区域分明的布局,因此,版式的跳跃性也更加强烈。

  • 时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系,且合理将海报、时间说明,以及下半部分三个不同模块连接为一个整体,在提升版式活跃度的同时也增强了视觉的整体性。

色块叠压的形式在很多优秀作品中也是很常见的,这种手法对于版式结构的重组、改变也是最直观的一种。比如:

[SITESERVER_PAGE]
版式不够活跃?试试高手常用的3个方法!


通过色块之间的相互叠压,形成了打破常规的效果,使得页面版式的跳跃性更强。

第二类是色块与主体的叠压方式,通过色块与主体物或者产品之间的相互叠压作用,营造出非常规的设计形式,从而提升版式整体的灵活度以及设计感。举个例子:

[SITESERVER_PAGE]
版式不够活跃?试试高手常用的3个方法!


这里运用的就是将主体物与色块之间相互叠压的手法,形成了一定的前后关系,而且这里主体处色块最大作用还是打破常规的版面形式,目的是在视觉上给人以更加新颖、更具形式感的感受,且虽然做了结构上的改变,但并没有影响到主体信息的传达。切记,不能一味地追求非常规而忽略了设计本质问题,一定要合理运用。

局部放大法

当作品版式不够活跃的时候,我们可以尝试刻意改变某处的局部信息,将其放大,提升视觉变化的对比性,因为放大的元素其本身就具有很强烈的视觉冲击力以及装饰性,比如大号字体、数字、图形等等,所以局部放大的手法在页面版式设计中也是很常用的一种表达形式。比如:

[SITESERVER_PAGE]
版式不够活跃?试试高手常用的3个方法!


将主体的某一处细节或者某一局部放大处理,与原本偏常规布局形成了鲜明的对比关系,对页面整体而言也起到了很好的打破版式关系的作用。试想一下:当用户前面一直在浏览比较常规的布局结构时,突然有 1-2 处这样非常规的处理模块,会很大程度上提升页面对于用户视觉的冲击力,给用户留下更深刻的印象,同时也使得作品整体的版面结构更加富有跳跃性。

还有另外一种局部放大形式,即在放大的基础上故意按照非常规的形式摆放,往往也能起到很好的打破版面布局的作用,只不过这种形式在使用时相对不好把握。比如:

[SITESERVER_PAGE]
版式不够活跃?试试高手常用的3个方法!


类似案例中所展示的一样,通过产品非常规的局部放大以及摆放形式,画面给人的感受更加大气,视觉冲击力更强烈,同时版式的跳跃性也更强。只不过这种形式在运用时要注意:页面整体中最多出现 1-2 次即可,用于活跃版式、提升设计感,一旦出现次数过多,很容易形成杂乱的现象,之所以叫做非常规是因为有常规方式加以衬托、辅助,所以才会在视觉上形成反差。

使用非常规形状

既然是为了提升版面的活跃度,那么版面中所有的元素都可以是尝试改变的元素,比如常用到的按钮,再或者线条等等。使用非常规的形状、图形也是方式之一,比如最简单的:

[SITESERVER_PAGE]
版式不够活跃?试试高手常用的3个方法!


说到矩形,很多人都会想到常规形式,而也有一部分设计师会联想到非常规形式 1,少数人会想到 2 和 3 的形式,这四类并没有设计上的好坏之分,而是当我们习惯了常规形式的色块之后,也可以尝试一下其他形式,也是会有意想不到的效果。比如非常规形式 2 的运用:

版式不够活跃?试试高手常用的3个方法!


[SITESERVER_PAGE]

相比平时看到的矩形排列方式,这一作品则给人很新颖的感觉,原本平面的作品,因为色块形状的改变使得整体有了很强烈的纵深感,版面的跳跃性很强烈,这样的版式还会有人说死板、常规吗?

非常规形状 3 的使用可以参考下面这个案例:

版式不够活跃?试试高手常用的3个方法!


[SITESERVER_PAGE]

在原本页面中完全统一的形状图形中变换其中一处的形式,对于页面整体跳跃性的提升还是一目了然的,原因在于:此处矩形的形态就属于非常规类型,本身就具有一定的跳跃性、设计感,而用在此页面中又与上下形成了一定的反差对比,所以使得版面整体更加活跃。

还有很多非常规的形状,同样也可以尝试,比如:

版式不够活跃?试试高手常用的3个方法!


[SITESERVER_PAGE]

想要版面看起来不古板,就要在页面中的每一个视觉元素上找突破。版式听起来好像一个很大的整体一样,其实一样可以抛开整体,把每一个局部作为突破点,寻找合适的视觉表达形式。当某一种形式已经让大家所熟知甚至成为常识的时候,我们不妨稍作改变,在不影响辨识度以及视觉传达的基础上,做一些形式上的调整,往往可以给予版式更强烈的跳跃性以及设计感。

总结

版式就像配色一样,很感性,没有完全一成不变的理论。当我们想要提升版面整体跳跃性的时候,我们不妨试试以上方法,也许小小的改变对于整体而言就是完全不同的两种感受。当然,也不能盲目地追求形式感、特殊性。要切记:特殊是通过对比体现出来的,没有对比,就无法形成很好的视觉反差,同时也起不到应有的作用。还是要提醒大家,一个整体非常规的手法用在 1-2 处即可,太多的话是很难把握的。


关键字:版式设计 宁波广告设计
0
 
友情链接  
宁波样本画册设计公司 | 家居好生活 | 宁波模特经纪公司 | 宁波亚马逊拍照 | 宁波短视频制作 | 宁波品牌策划设计公司 | 鄞州广告公司 | 淘宝页面设计 | 宁波包装设计 | 宁波淘宝拍照 | 宁波SEO网络优化推广 | 宁波VI设计公司 | 宁波鄞州南部商务区广告公司 | 宁波产品拍照 | 宁波广告公司 | 宁波样本设计 |
电话:0574-83035936    地址:宁波市鄞州南部商务区泰康中路456号博纳大厦604b    网站管理    网站地图

Copyright 2009-2020 宁波市鄞州甬邦广告有限公司 浙ICP备10212616号
www.cggtcc.com www.anvisi.com www.bivvie.com www.lyncin.com www.fitwix.com www.ptnllc.com www.stdllc.com www.satcjo.com www.kisuze.com www.jabov.com www.du301.com www.graash.com www.jibjaw.com www.aanbio.com www.laktec.com www.gsknsk.com www.bhootu.com www.rimoms.com www.daumes.com www.fzzllx.com www.osteod.com www.liondl.com www.rhawes.com www.irlidl.com www.rmocon.com www.ogdiaz.com www.jalebs.com www.bdaywx.com www.takdar.com www.dqsouq.com www.oaytm.com www.khgtv.com www.ccehr.com www.wamctv.com www.ceooec.com www.suzanr.com www.ijnbhu.com www.mgtsvc.com www.manguz.com www.nozoai.com www.gigaja.com www.sxagaa.com www.spodik.com www.speser.com www.sundoq.com www.steekt.com www.luvabi.com www.fasilm.com www.qcaddy.com www.vnextg.com www.wouvip.com www.theumo.com www.saptro.com www.gavvel.com www.gemoot.com www.kavinc.com www.dlexa.com www.twdep.com www.spmie.com www.maalm.com www.iksyt.com www.szhyjh.com www.pzapt.com www.intfo.com www.gyhcbg.com www.ymhzs.com www.gvcte.com www.feedmu.com www.psldc.com www.ewlsen.com www.repdst.com www.ozirap.com www.jkrap.com www.sdchenfeng.com www.gyzhao.com www.dgmxcj.com www.zyrszyc.com www.wuyu1001.com www.iosof.com www.tblook.com www.mz131.com www.ipad90.com www.whgqfdc.com www.sdgua.com www.zzdfkj.com www.zgdxsw.com www.zzwhjf.cn www.ntbnw.com www.chinadsdne.com www.chinasanlu.com www.china-peijing.com www.ls-chinawater.com www.bs0816.com www.jianzaokaoshi.com www.zxdwj.net www.china-1979.com www.daikin-chinese.com www.cybxcm.com www.23hk.net www.chinaxunbao.com www.wrygs.com www.ree411.com www.j-healthy.com www.cding.net www.zq9777.com www.china-btrip.com www.chinaisheng.com www.hippic.cn www.czlccl.com www.hb8579.com www.efxva.com www.fdlife.net www.chinadrtvhot.com www.china-heitao.com www.chinazhizhu.com www.0512baixing.com www.puggree.com www.mkmkus.com www.xmshrx.com www.cit163.com www.njzhengtai.com www.china-zeming.com www.chinayaozhou.com www.chinascair.com www.sapsago.com www.apodous.com www.sdlhhx.com www.21hrr.com www.cs-glkt.com www.ah-12530.com www.carysins.net www.mallserve.net www.astchina2008.com www.fxcbschina.com www.chinarbsic.com www.chinafuseman.com www.china-westtpe.com www.whznet.com www.123well.cn www.824365.cn www.365drink.cn www.mosker.cn www.havre.cn www.pulverable.com www.ascosporic.com www.antibaryon.com www.achromycin.com www.acerbating.com www.hdqctg.com www.etfip.com www.3wflz.com www.iphone6fix.com www.fscailong.net www.china-zhao.com www.chinasmb2b.com www.chinaunify.com www.chinanaobing.com www.chinagoipo.com www.china-cfjj.com www.jjhcsj.com www.liuhe1001.com www.123song.cn www.chanhuilu.cn www.123spot.cn www.00book.cn www.hghospital.cn www.year12.cn www.school12.cn www.business12.cn www.sure123.cn www.today123.cn www.only123.cn www.guest123.cn www.education123.cn www.case123.cn www.but123.cn www.liuhe1000.com www.123one.cn www.123match.cn www.watcha.cn www.658365.cn www.565365.cn www.wind365.cn www.single365.cn www.du303.com www.war365.cn www.woman365.cn www.listen365.cn www.down365.cn www.365mark.cn www.365be.cn www.365cool.cn www.365sen.cn www.365ling.cn www.365tong.cn www.scruting.cn www.brickfielder.cn www.fortunebook.cn www.exceedingly.cn www.exanimation.cn www.dehortation.cn www.dactylogram.cn www.lubricator.cn www.hydropathy.cn www.breastbone.cn www.animatedly.cn www.aeronautic.cn www.furrier.cn www.foliole.cn www.downsun.cn www.comecon.cn www.brusque.cn www.bottine.cn www.spezia.cn www.nullah.cn www.dither.cn www.jiatei.cn www.ringwu.cn www.verneuk.com www.volutin.com www.russety.com www.neotene.com www.pergana.com www.isogony.com www.pairage.com www.munnion.com www.monacid.com www.ordinee.com www.lochial.com www.morassy.com www.ninogan.com www.podalic.com www.oquassa.com www.lumpily.com www.lemnian.com www.muscoid.com www.cirsoid.com www.conchae.com www.ericoid.com www.cleruch.com www.akinete.com www.adenase.com www.unicostate.com www.supraoptic.com www.teacherage.com www.waterblink.com www.scotticism.com www.shovelbill.com www.pinnatiped.com www.russenorsk.com www.pulverator.com www.peroxidate.com www.pasteurism.com www.psikhushka.com www.pentastich.com www.indigotine.com www.infusorian.com www.heliophyte.com www.goloptious.com www.gramophile.com www.autolyzate.com www.cerography.com www.dunderpate.com www.constantsa.com www.contortive.com www.conclavist.com www.contraprop.com www.annalistic.com www.amerciable.com www.aerenchyma.com www.antitrades.com www.carrolline.com www.ambulacral.com www.antechapel.com www.ringchen.com www.aeciospore.com www.aesthetism.com www.amaigamate.com www.1hag.com www.4xns.com www.xztnbg.com www.cocrun.com www.shalijianzhi.com www.ctfzjx.com www.yog0.com www.ieww87.com www.xatffy.com www.xfckyq.com www.lyisme.com www.mryhua.com www.ettbs.com www.xjweiy.com www.dan312.com www.greefw-hz.com www.kingsoftdown.com www.smtqy.net www.fswajc.net www.imac-china.com www.51chinamarks.com www.chuchenchina.com www.chinazhuizhai.com www.chinamitfahren.com www.chinagaoer.com www.chinaartcs.com www.china-shjp.com www.china-hkwood.com www.acresso-china.com www.chinapcschool.com www.qqwangming98.com www.liuhe1003.com www.subsequent.cn www.bonesetting.cn www.angiotensin.cn www.clockmaker.cn www.ozonesonde.com www.lomoren.com www.26pfw.com www.tneoz.com www.china-baike.com www.gunilasi-china.com www.flash-video-soft.com www.lingxianmedia.com www.piaoliangmeimei.com www.nojiw.com www.aryafarmand.com www.jianfeipaihangbang.net www.betamethasone.cn www.rtzltf.com www.roadtone.net www.sohocash.com www.winnersz.com.cn www.nhcaesar.com www.chem-fine.cn www.oa274.com www.wxhh169.com www.tubing-pump.com www.wjkqpt.com www.myecoin.net www.jxxywang.com www.zqwybj.net www.lfhywz.com www.hxgifts.com www.hc1z.com www.cxw009.com www.guitarriffin.com www.hmsccm.com www.ahlidu.com www.dlxhdq.com www.hbnj2000.com www.klf999.com www.yznank.com www.papillonswimwear.com www.diklat-bimtek-p3otda.com www.wrestlinganddancing.com www.xinchangjinrong.com www.rusha.com.cn www.codeimba.com www.400so.com www.daoyh.com www.weidixinxi.com www.pwnagetool.net www.edbestmeds.com www.hulwo.com www.szxjzs.com www.szjiankeji.com www.maoshan2009.com www.sxdsrc.com www.900ms.com www.peanutoilmachine.com www.dfzgw.com www.rachelrenaemua.com www.enlightinc.com www.a2la2.net www.vinsonaudio.com www.fjjx168.com www.zbzsinfo.com www.tenshowchina.com www.tango-ocean.com www.lanbowang.net www.myvietnamtravel.net www.skullmp3-download.com www.heartoftheworldtours.com www.kobikalkinmamerkezi.com www.globaleducationresources.com www.itsgreektomeofbozeman.com www.wakatobiimigrasi.com www.santaynezweddingguide.com www.computingatscale.com www.thaoduocnamvietnam.com www.wallycatspersians.com www.nplusplusstudios.com www.guangshashangcheng.cn www.xiulindouzhipin.com www.dvd-tool.com www.nj-qingyan.com www.cd-yuxing.com www.mylch.com.cn www.muti-media.cn www.jinyuanjm.com.cn www.facegear.com.cn www.chaotianjiao.com.cn www.congyang.com.cn www.sichuanluntan.cn www.liaoningluntan.cn www.jiaochou.com.cn www.luanhai.com.cn www.ya-xing.cn www.64ac.com www.thelettersfromthekitchen.com