网页设计的3个C
2019-04-22 新闻动态 网站制作标准
一、构图(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. 一些视觉搭桥的方法:重叠、一致的背景色彩或某种因素、色彩呼应,箭头、划线或色调过渡处理,边界的使用。
<< 网页设计-Javascript语法-加入我的最爱PHOTOSHOP-数字影像的基本观念--像素与分辨率 >>
相关网站设计案例