网站建设中的版式设计.pdfVIP

科技信息 计算机与网络 　　　　　　 网站建设中的版式设计 南京化工职业技术学院　石艳红 [ 摘　要]版式设计是网站页面设计的核心, 通过调配图片、表格、照片及版面等诸多元素, 使之成为一种沟通的语言。 排版设计最重要的原则是, 设计者要把观点和艺术内涵清晰地传达给观者, 以便使版面上的思想能进入观者的心灵。 [ 关键词] 网站建设　版式设计　网页设计 　　0、引言 对比、色相的对比、质地的对比、动态的对比、位置的对比 一般多媒体网站含有以下几种页面元素: 文字和旁白; 图案 1. 4 比例 和插画; 静态的照片; 图表和图形; 视频和动画; 音乐和音效。 在造型上所谓的“比例”是指长度或面积这类可以度量的数 版式设计就是要将上述构成要素有机地组合, 表达出美与 据之间的一种比率, 它描述的是部分或部分与总体之间的关系。 和谐。虽然网页设计不等同于平面设计, 但它们都要讲究编排和 其中最重要的比例就是“黄金比例”。古希腊人把“黄金比 布局, 有许多相通之处, 应充分加以利用和借鉴。 例”认为是最完美的比例而广泛应用于造型中。 一般来讲, 网页设计类软件的发展趋势是给设计师提供更 它的基本方法是把一条线分割成大小两段, 小线段与大线 大发挥空间和对页面元素的更强劲的控制能力, 页面的美观与 段之长度比等于大线段与线段总长之比, 其数值通常近似认为 否, 依赖于技术而并非决定于技术, 学习和掌握一定的艺术原理 是0. 618。这种比例分割方法就是“黄金比例”。在设计建筑物的 并应用于实践, 是设计人员成功的必经之路。 长度、宽度、高度和柱子的形式、位置时, 如果参照“黄金比”来处 1、版式与网站设计 理, 就能产生希腊特有的建筑风格, 也能产生稳重和适度紧张的 每个人都可以判断美与丑, 和谐与冲突的差异, 这种能力有 视觉效果。 别于知识性的思考, 可称为“形象思维”。成功的设计者, 就是利 1. 5 平衡 用“形象思维”来思索点、线、面的构成, 设计出有效的能唤起浏 “平衡”是指几个力量相互保持的意思, 也就是说是把两种 览者美感体验的作品。 以上的构成要素, 互相均匀地配置在一个基础的支点上, 以保持 根据网页设计实践中遇到的各种情况, 归纳出七个适用的 力学上的平衡而达到安定的状态。 美学原理进行详细讲述: 渐变、对称、对比、比例、平衡、调和、律 在造型的秩序中, “平衡”是极重要的一项。由于平面造型的 动。 作品并不是真正讲究实际的重量关系, 所以“平衡”一词在平面 1. 1 渐变 造型的世界中, 应当是属于视觉的平衡。这和力学的平衡、数学 “渐变”就是逐渐的改变, 并在渐变的过程中有一定的秩序 的平衡以及其他学科中所讲的“平均”是不一样的。 与规律。 对“平衡”来说, 有对称和非对称平衡之分。在“平衡”应用练 任何构成元素的渐变, 都有其开始与终结, 或由一方开始, 习中, 着眼点在于如何求得视觉上的安定与心理上的平衡。例如 经渐变又回复原来的循环现象。例如形象渐变, 可从某一形状开 形态、色彩在画面中所具有的重量、大小、明暗、强弱等特征, 都 始, 逐渐变化成为另一形状, 或由另一形状又逐步回复到某一形 必须保持平衡状态, 才会令人产生安定的感觉。 状。无论是开始或终结, 在渐变的设计中均可成为设计上的焦 1. 6 调和 点, 且在开始与终结的整个重复过程中,