版面设计的介绍

设计

 每当开发一个网站或设计任何作品时,我们都需在外观上下一些功夫。在每个成功的设计背后都需要成功的版面结构。为了进一步的讲解,我们需要了解一些关于版面结构的基本知识。
版面结构

  版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西,一种将不同介质上的不同元素巧妙的排列方式。以下是设计一个优秀结构的一些基本要素。

  要建立一个优秀的结构,你必须仔细观察:学习仔细观察你身边的“结构”,比如树、花、山、野兽、宠物、小孩等等。翻翻杂志,书本,宣传单等,并尝试了解图形是如何构成的。

  使用了什么配色方案?为什么?使用了什么类型的字体?为什么?他们对整个画面起到了什么影响?为什么?“为什么”是重点问题,应该更加强调。

  经过大量的观察,你会了解到什么是好的,什么是坏的。为了增强观察的效果,你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。其实这是一个从不停止的过程。

色感

  很多时候,一个好的版面被错误选择的配色方案所破坏。其实,配色方案是升华一个版面结构的有力武器。如果你仔细地使用颜色,很可能得到意想不到的结果。

  颜色的选择取决于“视觉感受”。比如,女性相关主题的颜色通常使用粉色、淡紫色、亮兰色或桃红色。儿童相关主题的颜色通常使用暖黄色,天蓝色,橙黄色、红色、嫩绿色或亮紫色。医学相关主题的颜色为海水绿、翠绿色、暗色和灰色阴影。自然相关主题,或与社会传统相反的特殊配色方案可以使用一些暖色,比如红色、黑色、亮黄色等。配色方案应根据主题而不同。

  开始你可以使用市场上销售的色签书,他们为不同目的提供了不同的配色方案。

字体

  继配色方案之后,能够完美并适当表达你的思想的就是“字体”。

  字体被分为两类:Serif字体和Sans-Serif字体。Serif字体由Times New Roman, Caslon, Caxton, Souvenir等字体组成。Sans-Serif字体由Helvetica, Zurich, Verdana, Arial等组成。Serif字体通常被用作标题和头条,Sans-Serif字体通常被用作正文或重复性信息。

  在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题,一种用作按钮和小标,另外一种用作正文。

  字体可以传达很多信息,比如如果你想表达“重量级冠军”就使用Futura Black或Compacta字体,因为这些字体本身看起来就很“重”。另一种情况如果你想表达“羽毛的摩擦”,那么就使用很轻的Caxton Italic字体来表达羽毛的效果。

  结构规划中最主要,也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜色和图片的分量,否则你的版面结构完成后会看起来很不平衡。

  某些情况下版面可以由比较多的图形和少量文字组成。这个情况下,你可以混合这些图片,使用抽象拼接,而生育的地方可以用文字来填充。最开始,我们必须决定究竟要突出什么,文字还是图案?如果你决定着重于图案,那么主要部分就应该用图案填充而文字就会占据相对小的版面。如果你想突出文字,那么就使用大的字体作为题目,然后填入适当的辅助图案来完成你的设计使它看起来平衡。

时间: 2024-09-12 23:04:11

版面设计的介绍的相关文章

CorelDRAW版面设计教程

这篇教程介绍了CorelDRAW中的版面设计和与之相关的一系列工具.这些工具是任何这一类的作品,包括平面广告,新闻插图,标识设计,海报招贴,等所有这一类作品的基础.在你对排版和设计的感觉指导下,你可以使用辅助线,预设样式和重新组织文字.图像,以达到最适宜的结果. 在这篇教程中,你将为一间咖啡馆创建一张广告.你会创建一些设计元素和文字,也会学到怎样输入图片和文字.这是最终的效果图. 在这篇教程里,你将会学到: 创建背景: 使用辅助线和对齐选项: 创建框架: 输入图像: 使用强力剪切工具: 应用预设

网页版面设计

不知你以前是否学过页面排版,对页面文字.图象.色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识. 首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃. 第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题.假设你把它叫做"娱乐前线",那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅(可以选一幅较漂亮的明

网站建设中页面的版面设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 不知你以前是否学过页面排版,对页面文字.图象.色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识. 首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃. 第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题.假设你把

版面设计中的一图多用设计技巧

设计技巧:如何在设计中一图多用 [译者的话] 在版面设计中,你有很多地方都需要用到图片,但你手上只有一张图片,怎么办?在本文中,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分解剪切,就可以将这张图片用在不同的地方,出来的效果非常漂亮.一张图片,其实已经足够! 原文出处:www.bamagazine.com 在本文中,我们要将你买回来的图片物尽其用:通过从原图中得到几个小图,完全可以配合你的版面设计. 这是我们要利用的原图 在版面设计中,就变成这样 你有注意到其实在大图中隐藏着一些

新浪微博、QQ空间、人人网版面设计的差异分析

中介交易 SEO诊断 淘宝客 云主机 技术大厅 新浪微博.QQ空间.人人网三者都是国内比较火爆的交友交流平台,都是用户体验比较好的网站,研究三者版面设计的细微差异,既可以提升一下自己的版面设计能力,看看三家是怎么满足用户体验的,又可以看看三家各自的内容与版面的匹配程度,哪个匹配的更好,哪个相对来说较差.当然由于体验是个比较主观的感受,好不好也是见仁见智的事情,我们所做的比较和对比也带有个人的主管色彩,欢迎各位读者参与讨论. 在说不同之前,先简单的叙述下三者设计的相同之处.主要包括首页和个人主页两

四点网页版面设计(布局设计)的方法和技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站版面设计也可以理解为布局设计,版面就是在浏览器上显示的一个完整的页面,它是网站设计的重要内容.网站与用户的交互就是通过一个个页面来实现的,每个页面通常都包含了文字.表格.图像.动画.链接等诸多要素. 从表面上看,网页版面设计是一种关于排版的学问,而实际上,它不仅是一种技能,更是技术与艺术的高度统一. 网页版面设计的方法和技巧主要有以下几点

网站版面设计 进行合理布局和编排的4大原则

网页布局类似于杂志的排版.网页作为一种版面,既有文字,又有图片,可能还有动画等.同时,文字有大有小,还有标题与正文之分:图片也有大有小,还 有静态与动态的差别.文字和图片需要同时展示给用户,如果只是将它们简单地罗列在一个页面上,往往会使页面显得杂乱无章.因此,必须根据内容需要,将它们 按照一定的次序进行合理布局和编排,使其组成一个有机的整体,展示给用户.下面详细介绍网页布局一般应遵循的原则. (1)整体布局,和谐统一.网页的整体布局在页面设计中占据关键位置,起着主导作用.巧妙的整体布局,能全面地

版面设计:如何利用引言来安排版面

译者的话:从正文中摘引某句话作为一个元素放置在版面中,是一种常用的设计技巧.很多人会认为引言只是起到一个补白的作用,但引言绝非天生只是配角.在设计中有意识地将引言作为一个设计要素,能够使版面产生有趣吸引的效果.在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面. 原文出处:www.bamagazine.com 通过本文的引言设计技巧,我们可以轻易让你的故事更加吸引读者的眼光. 我们每个人都对引言不陌生,在杂志及报纸上,经常可以看到在排版上使用引言.引言一般是从正文里摘取的一个简短信

如何利用引言进行版面设计

译者的话:从正文中摘引某句话作为一个元素放置在版面中,是一种常用的设计技巧.很多人会认为引言只是起到一个补白的作用,但引言绝非天生只是配角.在设计中有意识地将引言作为一个设计要素,能够使版面产生有趣吸引的效果.在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面. 通过本文的引言设计技巧,我们可以轻易让你的故事更加吸引读者的眼光. 我们每个人都对引言不陌生,在杂志及报纸上,经常可以看到在排版上使用引言.引言一般是从正文里摘取的一个简短信息,通常在字体上安排得更加突出,而放置的位置则精