SEARCH
行业动态

行业动态

版式设计优秀作品欣赏

2021-05-29

阅读:9

一个网页设计师的版式设计能力直接体现了TA的设计层级。我们平时浏览behance,dribbble这些设计网站的优秀作品时,往往只是被作品华丽的外表给吸引了,却很少去思考版式设计背后的秘密。通过今天分享的优秀作品赏析,务必掌握版式设计的六个原则。


版式设计六个原则

-


对比、对齐、重复、亲密性、留白、变化。



对比:引导视觉,制造焦点,把内容分出主次层级;可以有颜色、大小、粗细、冷暖、明暗的对比,一定要大胆,效果明显一些;


香港理工大学毕业设计展


对齐:让版面产生秩序美;不要用多种对齐方式,只用一种才能体现画面的整齐统一;


西南交通大学2016届毕业设计海报


重复:可以达到统一,增强视觉效果,一般作为背景使用,要注意不要过多使用一个元素,其他元素应该与之产生反差对比,不然容易混淆重点;


西安美术学院2018届毕业展


亲密性:相关的元素距离靠近,组成一个视觉单位,有助于组织信息,减少混乱,让结构变得更清晰,但分组不宜过多;


衡山和集×阮仪三 讲座


留白:适当的留白能让页面透气,有呼吸,给人舒适感,有想象的空间,在内容比较多的情况下,可以尽量减少视觉分组;


电影《机械师2:复活》海报


变化:打破版面呆板、平淡的格局,使得画面有层次感,将元素发生位置、大小或颜色变化,让画面更加灵活;


朱宗庆打击乐团—澎湃·百人木琴


构图技巧

-


版式构图一定要使整体画面是平衡的,平衡是实现统一的重要途径。设计统一就会给人一个整体印象。版式平衡总共有3种分类,分别是:对称平衡,非对称平衡和整体平衡。


一、对称平衡


对称也就是等比,画面体现出静态、有条理和平衡,给人稳定,整齐,安静和古典的感觉;


电影《白日焰火》海报


二、非对称平衡


是设计元素上的不对等,整体还是要有秩序和统一,画面是动态的、有灵活型和活力,非对称构图常见的有以下5种形式;


对角线构图:内容整体形成对角线方向,避免了司空见惯的居中版面,另外中心的图形也可以是对角线的设计,让整个构图看起来比较平衡,图片对内容也有一定指向性;


香奈儿香水广告—By:Vladimir Kudinov


中心构图:最常见的构图之一,文案和主体全部居中页面,使画面平稳,主体位于版心,色彩或其他方面要出彩,才能吸引读者的眼光;


喜来登酒店广告


发射状构图:以主要内容或文案为中心,元素围绕着中心发射,让视觉容易聚焦,冲击感会更强烈;像电商促销、宣传活动等,会经常使用发射性构图来营造活动的热闹程度;


电影《THE SIGNAL》(信号) 海报


流线形构图:文案或者图形根据画面线条转折,整体呈流畅的线条形,这样的构图比较灵活,可以引导用户的阅读轨迹,有引导性;


平面设计—By:台北设计师Yun-Fang Ho


二分构图:文案和主体呈左右或者上下的构图,文案最好采用对齐原则,显得画面整齐统一,不会过于凌乱而扰乱视线。


温故·非遗展海报设计


三、整体平衡


图片充满整个版面,文案分布在上下,左右,中部的位置,主要以图像为主,视觉强烈直观,整体有舒展的感觉,但是文字内容处理不好很容易显得「乱」,所以为了避免空间紧凑凌乱,应该适当删减文字,注意文字排版;


  • GanZhou
  • DongGuan
  • ShenZhen
  • GuangZhou
  • JiuJiang

ADD:赣州市南康区龙岭经济开发区

TEL:136-6297-4469

ADD:东莞市常平镇星汇置地16层

TEL:181-2288-6265

ADD:深圳市宝安区沙井南环路188号

TEL:136-6297-4469

ADD:广州地铁一号线黄沙站附近

TEL:181-2288-6265

ADD:九江市长虹大道东方俊园15楼

TEL:136-6297-4469

Wechat