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

心得技巧
45个简洁而富有深意的Logo设计实例
设计理论:中国汉字书法流动线条美
设计理论:区分可用性问题的优先级
40个设计非常棒的摄影师的作品集网站设计
网页设计中网页颜色与网页文字的搭配
网页设计可用性研究:9个提高用户体验设计方法
设计理论:利用色轮选择颜色搭配
如何把握好作为销售榜首的女装类UI设计
用户体验设计:培养一颗贴近用户的心
设计实例:产品设计的情感与情绪
总结自己接触和学习设计的一点经验
Webjx收集25个漂亮简洁的网站设计实例
阿里巴巴的商业价值:用户体验的设计
用户体验实例:微软bing搜索引擎交互设计
设计理论:名片与广告的无缝结合
设计参考:使用纹理的网站设计实例展示
web前端开发用户体验:jQuery框架
良好用户体验产品设计的10点感受和实践经验
手机客户端的两种主要的界面布局与设计方式
网页页面加载对用户访问的影响

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


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

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

名片:重复形状

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

名片:一个对象的设计

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

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

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

图案:便条纸

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

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

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

顺序:排列空间

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

封面:焦点轴心

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

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

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