美文网首页设计基础理论
平面设计常用布局方法

平面设计常用布局方法

作者: 江南北000 | 来源:发表于2017-07-28 17:21 被阅读0次

平面设计常用布局

常用的平面设计布局方法有:对齐、对称、打散、平面分割、版面平衡等。对齐是最简单的,把一个画面之中的元素按照一定的规律和阅读习惯进行一定规律的排列,使画面比较工整,得到统一的效果,便于我们阅读内容

图一的文字就是应用“左对齐”的方式,达到一种工整、便于阅读的效果。图二应用“平面分割”的方式,把我们要表现得内容按照一定的比例、组次进行分割,分割要符合大众的阅读习惯和审美习惯。图三为常用的布局方式“对称”,给人第一感觉就是结构严谨、庄严、成熟稳重。

布局用户体验

布局的方式灵活多变,但也要遵循一定的规律。所有的布局都离不开用户体验,就是我们所说的画面的友好度。如下用户体验的模型图,友好的设计包含版面的有用性、易用性、友好性,还有视觉。

要想设计一个戒烟的海报的话,首先要找到受众人群,这张海报的受众人群即一群需要戒烟的人。那下图海报以用户心理为出发点去考虑的,观察它的细节,发现它是由人体的一些肢体语言与逐渐消失的香烟结合在一起,营造了戒烟人心中挣扎的情绪。从画面结构来讲,它是一个对称的结构,色彩角度来讲是很鲜明的明暗对比,整个结合起来就是主题鲜明,表达明确,容易与受众人群达成共鸣。

布局的形式美

一个好的作品与一个普通的作品,它们可能表达的内容一样,但给人的感觉差别很大,主要问题就出现在表现形式上面,所以不同的表现形式会得到阅读者不同的反馈效果。

如图版面一与版面二都是关于饮料的站点,但大部分人会更侧重喜欢右边红色的版面,主要因为它的表现形式比较统一,它整个页面的色彩应用和这个品牌的红色是一样的,比较有针对性,给人一个统一的感觉,相对来说左边虽然结构也相对完整,但色彩表现方面就比较差,版面布局也相对比较呆板。

布局的目的性

布局有很强烈的目的性,我们做设计不单是为了好看而且为了实用。比如包装设计,它所有营造的美感和专业的视觉效果都是为了服务于包装在市场上的销量。品牌设计的目的性就是为了品牌能够更深入人心。大家在阅读一个版面时有统一的阅读习惯,从左到右,从大到小,从有色彩到没色彩,先看到图片再看到文字等,我们可以利用人的阅读习惯去安排我们的内容,把我们更需要表现的东西进行放大、变形或加重色彩。

比如我们接到一个设计项目,可能一开始只收到一个纯文字的文档,经过我们有目的的去安排这些内容、主题、文字,如图二可以添加图片,对标题进行放大做一些特殊效果,也可以对内容文字进行分段排列,从而形成一个主题鲜明、阅读优美的版面。

相关文章

  • 平面设计常用布局方法

    平面设计常用布局 常用的平面设计布局方法有:对齐、对称、打散、平面分割、版面平衡等。对齐是最简单的,把一个画面之中...

  • Android TabLayout

    常用属性 常用方法 自定义TabLayout子布局

  • 三、CSS布局

    常用布局方法 table表格布局 float浮动+margin inline-block布局 flexbox布局 ...

  • 页面布局

    概述: 页面布局常用的方法有浮动布局、绝对定位布局、表格布局、弹性布局(flex)、网格布局 三栏布局问题高度已知...

  • QLayout 布局常见使用方法

    常用的三种布局方法: 水平布局类QHBoxLayout垂直布局类QVBoxLayout网格布局类QGridLayo...

  • web前端教程:CSS 布局十八般武艺都在这里了

    CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单...

  • CSS 全解析实战(四)-CSS 布局

    1 布局简介 常用布局方法 2 布局方式(表格) 3 一些布局属性 盒模型content: 文字内容区paddin...

  • 006_布局任务与答案第一期(四川师范大学JavaWeb)

    试验目的 了解页面常用布局结构; 掌握 DIV+CSS 布局的基本方法; 3) 掌握用 CSS 改变页面样式的方法...

  • css常用布局

    css简单布局 1.左右布局 常用左边固定,右边自适应 实现这样的布局,我们可能会有如下方法: 浮动布局 flex...

  • 平面设计常用构思方法!

    文/侯可新 如果设计师的灵感产生仅仅依靠“妙手偶得”,那实际上是失去了自己的专业优势。设计师该掌握科学的设计构思方...

网友评论

    本文标题:平面设计常用布局方法

    本文链接:https://www.haomeiwen.com/subject/dkjflxtx.html