当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 以目标用户为中心设计的3个C

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 以目标用户为中心设计的3个C


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 81 ::
收藏到网摘: n/a

哪行哪业都少不了基本功,都说“马步”要扎得稳。在都快说烂了的以目标用户为中心设计的今天,还是要勤练基本功的。不多说了,先了解下“设计的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. 一些视觉搭桥的方法:重叠、一致的背景色彩或某种因素、色彩呼应,箭头、划线或色调过渡处理,边界的使用。

我读的是《设计基础指南》,推荐再看看书。
简单的读书笔记分享,欢迎补充交流:)