一:美的原则

什么是美呢? 美的事物应该具备什么条件呢?

我们根据人类美感的共通性可以定出十个美的原则:连续、渐变、对称、对比、比例、平衡、调和、律动、统一、完整。

在讨论美的原则之前,必须先了解「单位形」的意义。单位形是在相同或相似的形象组合中最基本的单位元素。单位形可以单独重复排列,或组成「单位形组合」,再以「单位形组合」为基础,作有规律的反复排列。下列图例说明以一个「单位形」配置构成八种「单位形组合」。

以一个「单位形」配置构成八种「单位形组合」图例

每一个「单位形组合」又可以重复以线状﹝又称二方连续﹞、面状﹝又称四方连续﹞、环状、放射状、镜照式的方式发展成复杂有趣的平面构图。下图是以环状发展构成的平面构图。

以环状发展构成的平面构图

以下是关于十个美的原则的概述:

﹝一﹞连续

「连续」是一种没有开始、没有终结、没有边缘的严谨性秩序排列,它祇是反复的一种特殊情形,因此有规律的反复并不一定能产生连续。「连续」是无限地扩张,它可超越任何架框限制。「连续」包括「二方连续」和「四方连续」。

「二方连续」是单位形向左右或上下作反复的规律式排列。它可作直线方向、曲折式、波浪式的方向延申。

「四方连续」是单位形向左右也向上下延申的现象,可产生四方连续的图形。由二方连续造成的线条加上左右上下反复的排列,是创作四方连续图形的方法之一。

﹝二﹞渐变

「渐变」就是逐渐的改变,其有一定的秩序与规律。「渐变」除形状渐变外,尚有「大小渐变」、「色彩渐变」、「位置渐变」和「方向渐变」等等,均可单独或混合运用。

任何构成元素之渐变,都有其开始与终结,或由一方开始,经渐变又回复原来的循环现象。例如形状渐变,可从某一形状开始,逐渐变化成为另一形状,或由另一形状又逐步回复到某一形状。无论是开始或终结,在渐变的设计中均可成为设计上的焦点,且在开始与终结的整个重复过程中,均会造成节奏感。

渐变形成的方式可由上而下、由左而右、或由中央发射、或作多元化的发展。

渐变的表现形式包括:

﹝1﹞自然形象之渐变、﹝2﹞形状之渐变、﹝3﹞大小之渐变、﹝4﹞位置之渐变、

﹝5﹞方向之渐变、﹝6﹞色彩之渐变。

﹝三﹞对称

视觉上,以一个点或一条线为基准,上下或左右看起来相等的形体,称为「对称」。「对称」具有相称、均齐、均整的意思。左右对称的形体向来都被认为是安定且具有机能的。

「对称」的表现形式包括:

﹝1﹞线对称、﹝2﹞点对称、﹝3﹞感觉对称。

通常对称的图形具有单纯简洁的美感,以及静态的安定感,但易流于单调、呆板。一般来说,单纯的对称图形具有大方、强力的性格;细密的对称图形则能增加作品的充实感。许多商品设计即运用此特性而设计。

﹝四﹞对比

将相对的要素配置一起,相互比较,以形成二种抗拒的紧张状态,称为「对比」。这种造成相对排斥性质的要素,即一般所谓的「对比要素」。

「对比要素」包含的范围非常广泛,举凡造形、色彩、质感、方向、面积等均属之。圆形、三角形、方形是属于造形的对比,例如红砖、金砖两者具有相同的造形,而其质感因明显的不同,具有对比的性质。

对比现象的强弱与否,端赖对比要素的配置关系而定。一般而言,不同的要素结合在一起,彼此刺激,会产生对比的现象,使强者更强、弱者更弱、大者更大、小者愈小。亦即经由对比的关系可以增强个别要素所具有的特性。

「对比」的表现形式包括:

﹝1﹞线形的对比、﹝2﹞形状的对比、﹝3﹞份量的对比、﹝4﹞明度的对比、

﹝5﹞彩度的对比、﹝6﹞色相的对比、﹝7﹞质地的对比、﹝8﹞动态的对比、

﹝9﹞位置的对比、﹝10﹞其它的对比。

﹝五﹞比例

在造型上所谓的「比例」乃是指长度或面积等属于量度之间的一种比率,它描述的是部份与部份;或部份与全体之间的关系。

在人类的历史中,「比例」一直是被运用在建筑、家俱、工艺以及绘画上。尤其是希腊、罗马的建筑中「比例」被当是一种美的表征。除了建筑之外,有几个理想的比例,古代的学者就把它公式化,而作为设计的基本原理,以便求得统一与变化。其中最基本并且最重要的比例就是「黄金比例」。 古希腊人把「黄金比例」认为是最完美的比例而活用时造型中。它的基本方法是把一条线分割成大小两段,小线段与大线段之长度比等于大线段与全部线段之长度比。这种比例分割方法就是「黄金比例」。

﹝六﹞平衡

「平衡」是指两个力量相互保持的意思,也就是说把两种以上的构成要素,互相均匀地配置在一个基础的支点上,以保持力学上的平衡而达到安定的状态。

在造形的秩序中,「平衡」是极重要的一项。由于造形的作品,并不是真正讲究实际的重量关系,所以「平衡」一词,在平面造形的世界中,应当是属于视觉的平衡。这和力学的平衡、数学的平衡以及其它学科中所讲的「平均」是不一样的。 对「平衡」来说,有对称和非对称平衡之分。在「平衡」的练习中,着眼点在于如何求得视觉上的安定与心理上的平衡。例如形态、色彩、材质在画面中所具有的重量、大小、明暗、色彩、强弱、质感...等,都必须保持平衡状态,才会令人产生安定的感觉。

﹝七﹞调合当两种构成要素共同存在时,若成相差距过大,即造成「对比」。若两种构成要素相近,则对比刺激变小,能产生共同秩序使两者达到调和的状态。如黑与白是一种强烈对比的颜色,而存于其间的灰色便是两者的「调和」。

「调和」在视觉上可使我们产生美感。因此,调和的原则一直是人们关心的课题,尤其是色彩或造形皆是须不断探讨的问题。然而为了达到「调和」,各要素间的统一仍是必要的;如色相的配合、调子的配和以及明度的配合,皆能产生「调和」。在造形上如线的粗细与形的大小均会影响,但只要在造形上能一致的话,也可产生调和感。

「调和」要素除了色彩与造形外,质感也是相当重要的因素。如以同材质作为建筑物或庭园设计的材料,也是获得「调和」的方法之一。

﹝八﹞律动

凡是规则的或不规则的反复和排列,或属于周期性、渐变性的现象,均是「律动」。它给人具有抑扬顿挫而又有统一感的运动现象。

一般说来,律动和时间的关系密切,因为在其它具有时间性的艺术领域中,均能表现律动美,如音乐、舞蹈、电影、戏剧、诗歌等。以音乐来说,利用时间间隔会使声音的强弱或高低表现出律动美,而呈现抑扬顿挫的变化。而在我们的生活环境中,四季的变化、植物的成长、动物的运动以及各种生理反应等都存在着律动的现象。此外自然界中的海浪、沙丘、麦浪、炊烟、屋瓦等形象,亦具有连续发展的反复,并呈现出视觉的一种律动美。

﹝九﹞统一

结合共同的要素,把相同或类似的形态、色彩、肌理诸要素作秩序性或画一性的组织、整理,使之有条不紊而相互发生关连或共通的作用,是为「统一」。

「统一」是美好的根本秩序。一般说来,统一可表现高尚权威的情感,也可以达成如平衡及调和的美感。然而过份的统一,将会失去生动而流于呆板。例如大小形态、色彩完全相同,且作等距离排列时,便会产生单调的感觉。

所以在讲究统一的同时,还须要注意到变化的问题。「变化」也是美的形式之一,所谓「变化」是在异质的诸要素中求变化。换句话说,即是将不同的形态、大小、色相、明度、彩度、方向、肌理作有机性的组织使之生动、活泼而不流于紊乱,才是适切的变化。 ﹝十﹞完整

任何一件艺术作品,不论运用了那一种美的原则,或经过多么复杂的创作过程,艺术家到作品完成的那瞬间追求的是作品的「完整」性。完整性依人类的感觉、需求的不同分为感官方面﹝包括各种知觉﹞、意念方面、功能方面。譬如一出好的戏剧演出,除了带给观众视觉和听觉方面的完整性外,也会为观众提供剧作家想表达的一个完整的创作意念。

转载于:https://www.cnblogs.com/dyg540/archive/2010/09/27/1837067.html

网页美学设计原则(上)相关推荐

  1. [收集]网页美学设计原则[转]

    一:美的原则 什么是美呢? 美的事物应该具备什么条件呢? 我们根据人类美感的共通性可以定出十个美的原则:连续.渐变.对称.对比.比例.平衡.调和.律动.统一.完整. 在讨论美的原则之前,必须先了解「单 ...

  2. 网页美学设计原则(下)

    二:平面设计编排构成原理 多媒体观众一方面从计算机屏幕上所呈现的视觉表征得到信息,做出反应:另一方面根据其美感经验,从计算机屏幕上赏心悦目的视觉呈现,引起他的良好沟通情绪.一个赏心悦目的视觉呈现有赖于 ...

  3. 席克法则 有效网页设计原则 网页艺术

    目录 Web Design Principles You Should Know 可视化层次结构 神圣的比例 希克定律 Fitt定律 三分法则 格式塔设计法 白色空间和简洁的设计 奥卡姆的剃刀 Web ...

  4. 网页在PC 上运行正常,在IPad上运行出错的故障原因分析及应对措施

    网页在PC 上运行正常,在IPad上运行出错的故障原因分析及应对措施 最近在测试一个管理系统网站时,发现该网站在PC上运行一切正常,但在Ipad 上运行时,提示网页出现问题,需要重新提交表格,复新提交 ...

  5. 在网页地图图片上加注企业和“圳品”数量信息+1

    之前我们在"圳品"信息系统中实现了在网页地图图片上加注企业和"圳品"数量信息,实现的方法是直接用document.write在<body>里输出&l ...

  6. 用Python对PDF去水印(终极版)原则上所有水印都可去除(Pdftron)

    本人一直想做DWG文件批量处理成PDF文件,无意中从网上查找到Pdftron这个软件,当我用DWG批量处理成PDF文件时,用demo试用版本发现导出的文件会出现如下图的水印 那如果我们运用时需要去除上 ...

  7. ESP8266-NodeMCU网络服务器——通过网页将文件上传到闪存文件系统

    ESP8266WebServer esp8266_server(80); / 建立网络服务器对象,该对象用于响应HTTP请求.监听端口(80) File fsUploadFile; / 建立文件对象用 ...

  8. 大型仪器一般都是用计算机,问题:大型仪器一般都使用计算机进行控制,对该计算机除了在性能上能满足要求,在使用方面原则上有何要求。...

    问题:大型仪器一般都使用计算机进行控制,对该计算机除了在性能上能满足要求,在使用方面原则上有何要求. 更多相关问题 已知intx=43,y=0;charch='A';则表达式(x>y&& ...

  9. frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)

    在网页的页面中添加一定的动态效果会给网页增加许多的色彩.现在网页的动态效果制作的方法很多,有些需要你学习一些相关的语言.FrontPage是网页制作工具中的一个多功能的工具,它为我们提供了全中文的界面 ...

最新文章

  1. java ftp connect_java实现ftp的几种方式(第3方包)
  2. vue php 增删改查,vue的增删改查(简单版)
  3. 单机安装oracle,Oracle 11G 单机安装
  4. ACCESS高级注入
  5. code iban 是有什么组成_「面试」new String(abc)和abc有什么区别?反编译看看原理吧...
  6. mysql auto position_MHA-Failover(GTID,Auto_Position=0)
  7. Linux用户管理(五)Linux系统的启动
  8. SELECT TOP n 性能测试
  9. Win-MASM64汇编语言-DUP/TIMES
  10. 丁磊:那时候我们除了会写软件 什么也不会做
  11. Excel公式中的LookUp三剑客(可以取代Vlookup的神秘公式)
  12. php生成海报像素低,TP5.1生成海报
  13. mysql中dml全称是什么_MySQL中的DML、DDL、DCL是什么意思
  14. 如何打造有战斗力的团队
  15. SAP ABAP EXCEL导出多个SHEET页签
  16. 北航计算机学院 高小鹏,毕业季 | 以来自学院的深情祝福,定格属于你的最美青春(二)...
  17. WeChat楼梯导航
  18. 1905 杨辉三角
  19. Python字典视图浅析
  20. C10K问题与IO多路复用

热门文章

  1. python选股接口_财码Python量化选股(三)选股分析
  2. 深度学习神经网络画图软件汇总
  3. [misc]T型知识实践结构的力量
  4. iOS面试题目及答案总结
  5. Python学习之字典练习(重复数字统计)
  6. Front Immunol 复现 | 1. GEO数据下载及sva批次校正(PCA可视化)
  7. 如何在命令行中显示五彩斑斓的“黑”
  8. Laravel的env和config傻傻分不清?
  9. “宠物”项目、“西瓜”项目、怎样打这些“怪物项目”?
  10. VMware 虚拟磁盘文件备份与恢复