设计技巧 - 版式设计基础

来源:Lawrence_R 发布时间:2018-10-15 15:31:00 阅读量:748

改编自伊达千代前辈的《版式设计的原理》一书

 

这本书终于写完了好高兴啊。

 

这本书写完打算先写网格与栅格,写完网格还要写字体,之后还要写构图与图片处理等等。基础知识点写完还要写高阶知识点,例如功能可见性啊、大教堂效应啊、意元集组啊等等。把平面知识写完还要考虑是否继续坚持写艺术史,或者要不要写交互设计与用户体验设计呢。哇!想一想还有这么多知识要写就心急如焚!

 

此书提到了几个应用层的法则,包括比例规则中的黄金比例和白银比例啊;交互设计中的费茨法则啊;视错觉中的完形心理学啊;广告行业的AIDMA法则啊。我觉得还是术业有专攻吧,这些知识在以后的文章中肯定会讲到,大家先把版式基础打好,不要被这些法则分了心,基础打好后再慢慢理解它们。学习是个积累的过程,要循序渐进的学习并理解,一口气吃下这么多知识而无法消化,那就违背了学习的本意。

 

此外我会对这本书的内容进行改编,如果有疑惑或困惑的朋友们可以私密我或加我微信(vision5514),我会及时为你们解答。最后再次感谢伊达千代前辈的分享,同时也非常感谢大家的支持,谢谢!




目录

 

1.反差

2.孤立

3.软硬

4.节奏

5.比例

6.纹理

7.故事情节



1.反差

 

反差指的是多个要素之间的差异。通常设计师在给客户提供设计稿时,会被客户怼着说:这两稿有什么差别么。其实客户认知中的这个“差别”就是反差的意思。差异越大反差越明显,能让特定要素更显眼,相反差异不大越不明显,也无法体现出重要的要素与重要的信息,就不会给读者一种强烈的印象。

undefined


为版面添加反差效果有各种手法,其中给人印象最强烈的就是明暗反差(一提到明暗对比就想到了伦勃朗)。图片明暗差越明显就越容易引人注意;文字也一样,越是明亮的背景、深色的文字越显眼。


也可以利用要素的尺寸大小对比来营造反差。在设计文字时,即便是同样的字形,笔画粗的字感觉更硬,笔画细的字感觉更柔,两者搭配使用就能营造出反差。上面中“字形”是专业术语,我打算把网格讲完就讲一下字体这块(中/日/英字体结构与差别)。

另外,编辑要素的密度差或使用的颜色等,任何能突出要素之间“差别”的手法都能营造出反差的效果。



2.孤立

 

满排版(满排版可以简单理解为把页面挤的满满的)会使版面变得活泼热闹,但要是在其中强调某个要素的差异化与重要性,除了可以用线框包围、分隔等方法来寻求差异化,还可以用周围留白的方法进行强调,也就是用孤立的设计方法进行强调。


这种方法在版面内有充足空间的情况下很有效果。由于周围的留白意味着与其他要素的内容不同,因此留白一定要足够彻底,要把留白做的足够大。


在版面中留有大量的空白会给人一种很空的感觉,相反却能给人一种高雅感。


通常的排版方法就是利用“贴近”来建立要素与要素之间的关联性,使版面具有条理性,但这样做缺乏趣味性。


如果想让某个要素极为突出,就可以用“远离”来形成孤立,使要素得到强调的属性。孤立状态与以后要讲的“激活空间”的道理类似,但它们之间还是稍微有一些差别的,激活空间以后可能会讲到,请期待吧。



3.软硬

 

刚硬的要素和柔软的要素相互搭配,可以带来显著的对比效果。

通常情况下,版面中的要素大多都是四方形的图片,或者是直线、四边形等水平或垂直的线条。这种编排方式虽然条理清晰,但同时给人一种比较生硬的感觉。


若想让版面给人一种柔美或柔和的感觉,可以在整体上把有棱角的四方形改变为柔和的曲线或圆角。设置圆角时,圆形的半径或曲率越大,给人感觉越柔和、越可爱。这里又涉及到一个高阶知识点-娃娃脸偏见,大致意思是成人有棱角的脸型给人感觉冷峻坚毅,婴儿的娃娃脸给人感觉可爱温和,如果成人长了个娃娃脸就代表知性。这个高阶知识点以后会跟激活空间一起讲的。


标签: 设计
分享:
评论:
你还没有登录,请先