读"设计的3个C"之构图
作者:蚂蚁 来源:口碑网UED 发布时间:2008-12-24 13:25:00
哪行哪业都少不了基本功,都说“马步”要扎得稳。在都快说烂了的以目标用户为中心设计的今天,还是要勤练基本功的。不多说了,先了解下“设计的3个C”:
一、构图(Composition):
一个设计的构成因素如何在视觉上结合安排。构图中包括放置、组合、排列、视觉流动,以及布局上的空间区分。
二、构成因素(Components):
它们是设计中使用的视觉因素。照片、图画、图标、排版、划线、装饰、边缘和背景,全都是构成因素。
三、概念(Concept):
主题、内涵、信息和风格方面的抽象归纳。一个设计或一个形象的这种难以明说的意蕴,对于它的视觉表现和信息传达至关重要。
利用以上3个领域的一些基本原则,对于你的创造过程——无论是提取概念还是建构布局,或者是设计作品的最后定稿——都会提供一些实用的、通用的思路。
对于一个设计来说,当它的构图、构成因素和概念都已到位,并且协调一致地为目标观众与目的服务时,它就成功了。
设计的要旨在于鼓励并方便观看者与被观看物之间的沟通。好的设计靠着赏心悦目的视觉效果和意味无穷的内涵吸引并保持观看者的注意,从而激活、形成了这种沟通。
下面简单介绍“构图”中的一些原则:
距离不均等原则:
水平距离与垂直距离是不同的,它通常创造了一种视觉运动与活力的感觉。黄金分割:
人们公认由它导出的空间赏心悦目,这些年来它已经发展为一种信仰一样的东西。斐波纳契数列:
一种整数数列,其中每数等于前面两数之和。它是一条螺旋线,大自然中的鹦鹉螺背面就是这样。重复:
重复不仅有助于建立视觉和谐,而且很能吸引注意力。视觉呼应:
通过色彩、风格、内容和字体纹饰家族的明显关联,就形成了视觉呼应。主题呼应:
在一个项目或设计作品中,通过建立主题方面的联系,也可以形成很好的和谐。排列:
可以用来创造一致、稳固和统一的感觉,对于排列规则来说,有一点尤为重要:先要努力理解使用排列原则所带来的效果,然后是打破这些原则会带来的效果。设计栅格:
它是由辅助线、边界和分栏组成的一个隐藏系统,设计中的构成因素放置在这个系统中,依据这个系统来排列,为册页、宣传单、广告或网站的设计提供了表现的框架。视觉流动:
好的视觉构成也能够把观看者的眼睛不知不觉地带入一个图案或一个构图内的穿行。视觉桥梁:
为了救得一种视觉流行的感觉,使用了两个“搭桥”因素,在那些缺乏联系的区域中间建立联系。封闭空间:
观看者会感觉到一种说不清道不明但实实在在的不舒服感。评价构图(C.A.P):
要形成你的评价意识。要评价你的构思,工作过程中和你觉得已经完成时都要进行评价。除了运用自己的艺术直觉来进行评价外,还要问自己这样一些具体问题:联结(Connection)、排列(Alignment)、重点(Priority),除了这3个标准之外,还要考虑它们与构成因素和概念的联系。
小知识:
当一些东西事实上稍稍高于中心时,人眼倾向于将它们作为就在中心来感知。
一个人遭遇一群东西时——无论是群鸟或一片文字,他们习惯将这群东西视为一体。设计师可以利用这种视觉习惯来做文章。
有时,一个大空间中的小小呈现,会格外吸引人;还有一些时候,在一个小空间中大大呈现,效果也很好。
过分玩立体感,或者是与主题无甚关系,设计就会显得花哨,显得小聪明。
有时,十分规整的排列让人感觉死板。可以考虑在一些地方有所溢出,效果可能更好。
要想打破规则,最好是先知晓和懂得这些规则。
在设计一个作品时,时常退后几步看看,把它放在一侧来看看,从房间那头看看。您的视线想朝什么地方去?你是不是满意这种流动?还需要做哪些改变?
一些视觉搭桥的方法:重叠、一致的背景色彩或某种因素、色彩呼应,箭头、划线或色调过渡处理,边界的使用。
我读的是《设计基础指南》,推荐再看看书。
简单的读书笔记分享,欢迎补充交流:)


猜你喜欢
- 要实现标题的功能,总共分四步:1.创建html错误页2.配置settings3.编写视图4.配置url我的开发环境:django1.10.3
- 1,exists和in的理解(参考https://www.jb51.net/article/28922.htm) exists:如果子查询中
- 前言可能很多人会觉得这是一个奇葩的需求,爬虫去好好的爬数据不就行了,解析js干嘛?吃饱了撑的?搜索一下互联网上关于这个问题还真不少,但是大多
- vue中实现拖拽效果,供大家参考,具体内容如下首先要搞明白分清clientY pageY screenY layerY offsetY的区别
- 这篇文章主要介绍了简单了解Python3 bytes和str类型的区别和联系,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的
- SQL Server 的扩展存储过程,其实就是一个普通的 Windows DLL,只不过按照某种规则实现了某些函数而已。近日在写一个扩展存储
- Python内建的filter()函数用于过滤序列。和map()类似,filter()也接收一个函数和一个序列。和map()不同的时,fil
- 无意中看到一段用Tkinter库写的放烟花的程序,就跟着跑了一遍。设计理念:通过让画面上一个粒子分裂为X数量的粒子来模拟 * 效果。粒子会发生
- pip 是 Python 包管理工具,该工具提供了对Python 包的查找、下载、安装、卸载的功能。pip检测更新命令:pip list –
- 我们在PyCharm安装配置Qt Designer+PyUIC教程中已配置好了PyCharm+QTDesigner+PyUIC环境这里在此基
- 本文教程为大家分享了mysql installer community 8.0.12.0的安装,供大家参考一、下载mysql-install
- 拆包是指将一个结构中的数据拆分为多个单独变量中。以元组为例:>>> a = ('windows', 10,
- ccs的优点:css相对xpath语法比xpath简洁,定位速度比xpath快css的缺点:css不支持用逻辑运算符来定位,而xpath支持
- 用python编表白程序的方法:1、创建GUI窗口,实现代码的调用。2、编写点击触发函数,实现表白程序。具体代码如下:from tkinte
- 本文实例为大家分享了vue+echarts封装气泡图的具体代码,供大家参考,具体内容如下前端可视化封装气泡图1. html<templ
- django实现多种支付方式'''#思路我们希望,通过插拔的方式来实现多方式登录,比如新增一种支付方式,那么只要在项
- 1. 整体思路首先我们来梳理下整体上的实现思路,首先一点:整体思路和 vhr 一模一样。考虑到有的小伙伴可能已经忘记 vhr 中前端动态菜单
- 最近在玩一个叫Baba is you的游戏,很羡慕里面的一个转场特效,所以试着做了一下。主要使用了JS和CSS,特效主要是用CSS实现的。H
- 1、将python打包好的exe解压为py文件,步骤如下: 下载pyinstxtractor.py文件2、下载地址:https://nchc
- 你已经在上面取出w打头记录的例子中看到了LIKE的用法。LIKE判定词是一个非常有用的符号。不过,在很多情况下用了它可能会带给你太多的数据,