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

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

名片:重复形状

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

名片:一个对象的设计

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

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

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

图案:便条纸

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

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

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

顺序:排列空间

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

封面:焦点轴心

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

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

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

时间: 2024-09-29 09:48:48

设计理论:排版设计的技巧和方法的相关文章

用户体验:关于设计理论和设计术语

网页制作Webjx文章简介:关于设计理论和设计术语. 这几日的工作,涉及到很多会议. 也就涉及到很多人,很多意见,很多碰撞,很多思辨. 关于项目本身的不再多说,目前也不适合分享. 倒是有一些题外话,虽然和具体项目无关,但是会影响我们工作和沟通的效率.据我来看,也是很有意思的话题. 其中有些话: 功能性导航.全局性导航,我们是不是太扣字眼了?用户真的会关心什么是功能性导航,什么是全局性导航吗? 我们用这些原则来指导我们的工作,是不是太僵化了? 我们为什么先分析别的网站去找出这些规律,真的有用吗?我

艺术设计理论:字体设计三步搞定

文章描述:艺术设计理论:字体设计三步搞定. 字体设计三步搞定: [1] [2]  下一页

设计理论和设计方法:有创意的趣味设计

文章描述:登录图的趣味设计. 阿里巴巴登录页面左侧一直都会有个banner,这个图片因为位置.环境的特殊性,跟我们平常做的首页banner的设计思路会有所不同.首页banner更注重的是信息传达,登录左侧的这个banner偏重情感化设计,情感化设计除了节日.事件的氛围之后,还有就是趣味性. 趣味设计是一个比较大的概念,在这里我狭隘的把趣味设计分成两个部分来介绍,1.主体元素的创意:2.背景元素的处理.每次在做这个banner的时候,都非常的纠结,当然最纠结的地方就是创意,虽然创意是给非常主观的东

设计理论:网页像素误差的解决方法

像素误差 看自己设计好上线的网站,偶尔会发觉像素行间出现了弹性空间,总在不经意间蹦出一定的差距.有些页面很难发现,比如活动类页面,这类页面多呈不规则造型,在设计上也更加灵活多变.但在portal类的页面设计上,像导航.登录框.行距等,几个像素的误差可能就会影响到用户的感受.这时,像素误差问题就很直观了. 面对不断成长的用户,Qzone的平台.活动等不断的推陈出新,新的视觉观感.新的操作方式.新的体验等等都在追求尽善尽美.但由于时间进度和对界面的不同理解,以及上线前开发联调等原因,导致线上的页面和

设计理论:一种洞悉人心的方法

一次,佛印也东坡先生一起聊阐,东坡先生突然说:"我在打坐的时候,用我的天眼看到大师是一团牛粪."佛印不以为意,只是淡淡地说:"老衲打坐时看到居士则是我佛如来."东坡先生由此洋洋得意,事后却听苏小妹说:"哥哥,你难道不知道一切外在事物都是内心的投射?你内心是一团牛粪,故看别人是一团牛粪:大师内心是佛祖,故看你也是佛祖." 一个有趣的故事,引出了下面将讨论的"投射"概念 --一种洞悉人心的方法 什么是投射 在心理学领域,投射是一种

设计理论:交互设计中色彩的运用

也许有人说,色彩是视觉设计师需要考虑的问题,交互中可以不考虑颜色.没错,视觉设计师对于颜色有较强的见解和把握,由于色彩设计的重要度(人们对于信息的把握,首先也是由色彩开始的,其次才是图形,文字),在产品设计过程中,视觉设计师有着第一评判权. 对于色彩的认知,从哲学层面转入科学范畴后,人们发现,色彩对于人的心理影响有其固化的习惯性,这些认知也就延伸到了人对于产品的使用中.这样,在产品交互过程中,色彩也就可以被宽泛的表述进来,从而明确人的行为动机. 先举几个生活中的例子,红绿灯已经很明确颜色对于人的

设计理论:提升设计的专业性和感染力

译文原文:http://blog.benhuoer.com/2009/04/10-simple-and-impressive-design-techniques/ 复杂的设计技巧总是很花时间,也实在是-.复杂. 高级效果 为设计增色不少,但如果用得不对,只会影响用户对重点内容的关注.高级效果可能正好是一项好的设计的冲击力所在,但即便如此,也还是需要一些更简单的效果与其配合. 简单的效果和技巧是建造当今设计的基石.比方说,如果你都不知道如何正确选择颜色和文字效果,灿烂的 星光效果 又能有什么用?

设计理论:界面设计和视觉效果的统一性

原来的题目设想为界面视觉效果的统一性,但是"统一"这个词似乎有点敏感,怕触动萌点无数,而我也无意去设定一个什么什么的统一性来侃侃而谈,极为专业而考究,且毕竟是一篇博客文章,怕斩首细胞无数,索性改为"一致"略为妥当.泛泛而谈更是期望随意的态度,到哪算哪.有失偏颇,也在情理之中,当情有可原.若起争议,求同存异,全为抛砖引玉. 何谓"一致":趋向相同.亦谓没有分歧.<易 系辞下>:"天下同归而殊涂,一致而百虑."达成一致

设计理论:如何设计活动类网页

在WEB2.0 网页充斥的年代,身边无时无刻都听到这样的声音:"拒绝海报式设计,要做有用的设计,要简洁,要清爽,要大气"产品经理如是传达.而活动类网页听上去和这些词语又那样的格格不入,另一种市场声音:"做活动,我们可以不同 ,我们要视觉冲击强的,要吸引眼球"活动网页的设计处于一种尴尬的境地,曾经一度,拿到活动的项目设计,不知道该如何下手. "矛盾是事物发展的根本动力" 有矛盾才有发展,我们才有进步.WEB2.0时代活动网页在夹缝中怯生生一路走来,