读"设计的3个C"之构图

作者:蚂蚁 来源:口碑网UED 时间:2008-12-24 13:25:00 

哪行哪业都少不了基本功,都说“马步”要扎得稳。在都快说烂了的以目标用户为中心设计的今天,还是要勤练基本功的。不多说了,先了解下“设计的3个C”:

一、构图(Composition):

一个设计的构成因素如何在视觉上结合安排。构图中包括放置、组合、排列、视觉流动,以及布局上的空间区分。

二、构成因素(Components):

它们是设计中使用的视觉因素。照片、图画、图标、排版、划线、装饰、边缘和背景,全都是构成因素。

三、概念(Concept):

主题、内涵、信息和风格方面的抽象归纳。一个设计或一个形象的这种难以明说的意蕴,对于它的视觉表现和信息传达至关重要。

利用以上3个领域的一些基本原则,对于你的创造过程——无论是提取概念还是建构布局,或者是设计作品的最后定稿——都会提供一些实用的、通用的思路。

对于一个设计来说,当它的构图、构成因素和概念都已到位,并且协调一致地为目标观众与目的服务时,它就成功了。

设计的要旨在于鼓励并方便观看者与被观看物之间的沟通。好的设计靠着赏心悦目的视觉效果和意味无穷的内涵吸引并保持观看者的注意,从而激活、形成了这种沟通。

下面简单介绍“构图”中的一些原则

  1. 距离不均等原则:
    水平距离与垂直距离是不同的,它通常创造了一种视觉运动与活力的感觉。

  2. 黄金分割
    人们公认由它导出的空间赏心悦目,这些年来它已经发展为一种信仰一样的东西。

  3. 斐波纳契数列:
    一种整数数列,其中每数等于前面两数之和。它是一条螺旋线,大自然中的鹦鹉螺背面就是这样。

  4. 重复:
    重复不仅有助于建立视觉和谐,而且很能吸引注意力。

  5. 视觉呼应:
    通过色彩、风格、内容和字体纹饰家族的明显关联,就形成了视觉呼应。

  6. 主题呼应:
    在一个项目或设计作品中,通过建立主题方面的联系,也可以形成很好的和谐。

  7. 排列:
    可以用来创造一致、稳固和统一的感觉,对于排列规则来说,有一点尤为重要:先要努力理解使用排列原则所带来的效果,然后是打破这些原则会带来的效果。

  8. 设计栅格:
    它是由辅助线、边界和分栏组成的一个隐藏系统,设计中的构成因素放置在这个系统中,依据这个系统来排列,为册页、宣传单、广告或网站的设计提供了表现的框架。

  9. 视觉流动:
    好的视觉构成也能够把观看者的眼睛不知不觉地带入一个图案或一个构图内的穿行。

  10. 视觉桥梁:
    为了救得一种视觉流行的感觉,使用了两个“搭桥”因素,在那些缺乏联系的区域中间建立联系。

  11. 封闭空间:
    观看者会感觉到一种说不清道不明但实实在在的不舒服感。

  12. 评价构图(C.A.P):
    要形成你的评价意识。要评价你的构思,工作过程中和你觉得已经完成时都要进行评价。除了运用自己的艺术直觉来进行评价外,还要问自己这样一些具体问题:联结(Connection)、排列(Alignment)、重点(Priority),除了这3个标准之外,还要考虑它们与构成因素和概念的联系。

小知识

  1. 当一些东西事实上稍稍高于中心时,人眼倾向于将它们作为就在中心来感知。

  2. 一个人遭遇一群东西时——无论是群鸟或一片文字,他们习惯将这群东西视为一体。设计师可以利用这种视觉习惯来做文章。

  3. 有时,一个大空间中的小小呈现,会格外吸引人;还有一些时候,在一个小空间中大大呈现,效果也很好。

  4. 过分玩立体感,或者是与主题无甚关系,设计就会显得花哨,显得小聪明。

  5. 有时,十分规整的排列让人感觉死板。可以考虑在一些地方有所溢出,效果可能更好。

  6. 要想打破规则,最好是先知晓和懂得这些规则。

  7. 在设计一个作品时,时常退后几步看看,把它放在一侧来看看,从房间那头看看。您的视线想朝什么地方去?你是不是满意这种流动?还需要做哪些改变?

  8. 一些视觉搭桥的方法:重叠、一致的背景色彩或某种因素、色彩呼应,箭头、划线或色调过渡处理,边界的使用。

我读的是《设计基础指南》,推荐再看看书。

简单的读书笔记分享,欢迎补充交流:)

标签:设计,视觉,布局,作品
0
投稿

猜你喜欢

  • 随感:交互设计两三事

    2009-05-18 13:54:00
  • 用XsltArgumentList实现xsl的参数调用

    2008-09-04 11:24:00
  • ASP访问带多个参数的存储过程

    2008-10-14 16:45:00
  • SQL Server各种日期计算方法

    2008-09-11 21:47:00
  • MySQL数据库中与 ALTER TABLE 有关的问题

    2009-01-14 11:57:00
  • MySQL 函数过程递归

    2008-07-25 19:32:00
  • asp如何做一个看他爱不爱你的小测验?

    2010-07-11 21:16:00
  • ASP脚本变量、函数、过程和条件语句

    2008-10-14 14:43:00
  • MySQL数据库的双向加密方式

    2009-11-18 11:07:00
  • Web标准的web UI

    2008-01-02 12:34:00
  • Tag的自定义类

    2010-03-18 15:53:00
  • css中absolute与relative的区别

    2007-11-17 08:04:00
  • SQL Server 数据库备份和还原认识和总结 (一)

    2012-10-07 10:52:54
  • 用isapi rewrite 实现asp的HTML静态化

    2007-11-25 12:28:00
  • asp 随机字符串函数

    2011-04-04 11:01:00
  • js求一组数中的最大数

    2008-04-10 12:00:00
  • 纯CSS制作的网页中的lightbox效果

    2007-11-06 18:59:00
  • 用XMLHTTP很好的一个例子

    2008-04-25 10:25:00
  • 浅析网页Transitional和Strict的文档声明的区别

    2009-02-17 12:45:00
  • Win7的IIS7中ASP获得的系统日期格式为斜杠的解决办法

    2012-12-04 19:57:33
  • asp之家 网络编程 m.aspxhome.com