当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:排版设计的技巧和方法

心得技巧
网页制作试题 看看你都会做吗?
创建吸引访问者的网站内容的14种方法
网页制作与包子的关系(心得分享)
整理了一些自认为不错的国内设计网站
网页设计师应该具有的素质和能力水平
比较文档位置
网页设计总结
网页摹仿和抄袭的心得论
设计网页前端界面必备的技能
网页应该设计为多少像素才合适?
国内中文域名的普及掀起了新一轮高潮
浏览器IE8将全面兼容Web网页标准
网页设计教学或学习计划
网页改版是家家难念的经
网页设计:当标题不能显示完整的时候
网页设计经验和技巧总结
IE8采用多兼容模式正常显示网页
三步解决IE地址栏ICON显示问题
网页设计师的成长经历
网页设计的尺寸和网页中广告设计的规则

心得技巧 中的 设计理论:排版设计的技巧和方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 25 ::
收藏到网摘: n/a

随着设计素材的丰富,现在设计师可以有越来越多的选择,不过有时候过多的元素在设计并不能起到画龙点睛的作用,相反经常会发现一些排版设计十分杂乱,虽然素材都很精美,这也就能看出对于任何设计来说,排版的好坏可以起到很大的作用,本文主要围绕排版的话题进行探讨,以及分享一些设计技巧与方法。

名片:重复形状

努比优格(Nubi Yogurt)是一家新兴的奶酷连锁店,它的奶酷产品显得明亮新鲜。你如何将这种产品特色也在一张名片上体现?非常简单:使用一条线,一个弧线,一种亮色。

名片:一个对象的设计

现在网上有很多图案及图片素材可以轻易下载,它们在不断地引诱你将名片、手册、广告及网页的版面填满,所以充斥着太多图形的版面设计随处可见。但你千万不能成为其中的受害者!有时一张图片已经胜过十张,而且设计起来更加简单,不要自讨苦吃。

单个元素传达更多:各种各样的工具对于房屋修建工程虽然很有用,但对于设计来说却恰恰相反。原来的毛笔手写体多少有点女性味道,而且各种工具显得模糊不清,其实这些图片只能产生嘈音。而我们修改后的名片,字体(ITC Machine字体)显得粗壮并呈角状,传达出一种与行业相符的特色。而最底下一把简单的卷尺已经传达出一种专业、阳刚及果断的气息。

一个元素已经足够触动人心:一个普通的毛线球是否具有足够的美感?答案是肯定的。如果仔细打量,毛线球的纹理、颜色及触感已经呈现丰富的细节,也只有在只放一个元素的卡片上,你才会留意到这些细节。优雅的字体(Sloop Script One字体)与毛线球形成恰到好处的互补:其流畅的字母线条象是织针,而颜色则取自于毛线球的图片。

图案:便条纸

谁能忽视一张黄色的小小便条纸?没有人!便条纸显得轻巧简单,并且它们可以贴在很多地方——包括你的网页!让我们看看出来会是什么效果?

价廉物美的设计:便条纸象一个不速之客,它让你无法不注意它。你可以自己设计你喜欢的版面,然后作为“特别告示”之类的信息贴一两张在你希望别人看到的地方。记住一点:它是一个最先会被注意的元素。如果你在同一个网页用过,那以后更换信息时最好也贴在同一个地方,不要过于兴之所致。

你可以在网上下载一张便条纸的图片,不过你如果想方便灵活应用,你也可以自己做一张,在PS中只费你十分钟的时间。上面的字体,可以是html文字,或者自己手写后再扫描上去,当然,也可以直接用一种手写字体直接打上去。

顺序:排列空间

对于一些排版细节,如果你稍一不注意,就会导致版面让人手足无措。要记住,你认为理所当然的东西并一定也是读者认为理所当然的。

封面:焦点轴心

一本关于烹饪配方及香料的书籍封面需要一个象碟子一样明亮的风格,而且还要传达芳香的味道。解决办法:多个圆环围绕一个焦点图案。

圆套圆:整体显得优雅,而且构成相当简单:碗、盘子、薄荷叶及黄色玻璃杯都不对称地环绕着中间那碗呈绿色的汤。而水平的文字与页面的角位形成视觉联系,白色主导版面。整体出来版面象香气那样轻巧,引导眼睛不断去到中间的文字上。圆形形成一个视觉焦点,水平元素形成了互补元素。

标题放置在汤的上面,这正是引人注目的地方。而白色的一行小标题文字显得低调,使其没有干扰上面圆环的“轨道运转”。