版面设计原理

作者/【日】伊达千代&内藤孝彦著  周淳译

章节/五章内容

说明/这本书浅显易懂,读起来很顺畅,最主要的是有图有真相


第一章/建立条理

❶信息的整理

理解,知道作品的受众是谁,用在什么地方,方式展示,作品的目的,如何达到目的。

提取,根据重要程度排序。

布置,做适当的视觉设计。举个海报的例子:

❷贴近和远离

完型、同类项合并

❸排列、对齐——有条理

这里涉及到一个叫做“版心”的东东,已经涉及到排版打印方面的了。

设计之前先设定好版心的位置,这样条理比较清晰。

❹视线的移动——诱导视线

本书中主要是以“Z”字形,但是网页设计中还有"C"、"F"字形,这要根据实际来考虑。

图片最好不要阻隔段落,容易使视线断开。

❺构成、重复

在重要度相同的情况下,有规则性重复同一样式会很整齐。 看,被方框围起来就整齐多了吧。

❻直线与曲线——引导视线

细线给人轻松鲜明的感觉,曲线柔美。

❼重心和平衡

设计时可以把文字、图片都变成灰阶,易于整体的调整,防止一头重。

大面积的灰阶搭配小面积的重灰阶。

❽字形、字体

衬线、无衬线、哥特风。

标题一般为粗体,大面积的正文细体,可识别度要高。

标点避头避尾。

特殊字体不能重复使用,会让人厌烦。

❾易读的文字编排

越是通俗易懂的越适合快速换行,使阅读节奏顺畅。

研究类的,难理解的适合长行,使人集中精神。

适当的分栏起到统一样式的作用。

杂志、专栏、大型传单、报纸适合多栏,可以自由插入图象,适合快速阅读。

有英文的适合横排。

短文章、行短的,标题与正文不能离得太远。

❿统一线宽

文本的线要比框的线粗,易于区分。

❶❶对称

对称可以带来稳定感、美感。

❶❷虚拟边框——版心

版心面积占整个版面的比例叫版面率。

一般印刷品边缘预留5-10㎜。

时尚杂志、书,一些希望读者在短时间内通读的版面率较低。

不是非得在版心内设计,可以随意一些。

如果页数较多就得用事先设定好的版心。

❶❸网格的灵活运用

设计前先设置好网格,视觉上条理分明,设计时也方便些。

网格的设计无特别的规则,看心情。

优点,易于寻找目的信息,易于阅读。

缺点,制约设计的灵活性,单调。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第二章/添加变化 1、留白——要有目的性,合理搭配 均等的留白整齐,但是单调。 留白较小的就会产生关联性,但是拘谨...
    ailsaliu阅读 1,334评论 1 3
  • 是否你总觉得你做的图,你设计的作品哪里有点奇怪?最可能的原因是你的版式设计上出了比较大的问题,在我从业生涯里,版式...
    大宝频道阅读 1,584评论 2 27
  • 以下摘自微信公众号 研习社 1.怎样才能不被素材绑架 设计师要准确透彻的理解想要传达的信息,才能合理的利用素材来提...
    葡萄紫耶阅读 1,388评论 0 3
  • 1.版式平衡 版式平衡的三种分类,第一种是对称平衡,第二种是非对称平衡,第三种是整体平衡。制造平衡的五种方法,第一...
    葡萄紫耶阅读 1,413评论 0 1
  • 一分十一秒 第一次听的时候,听了很久,没听到歌词,傻不拉几的以为手机出了问题,点开一看,果然,纯音乐。刚反应过来,...
    间隙性码字工阅读 2,306评论 2 3