杂志画册目录设计的50种方法及案例解析

任何读过书的人都熟悉目录。据说是有史以来最枯燥的设计元素之一,其本身的重要性往往被忽视。从某种意义上说,它是一种老式的用户界面,可以让读者快速的了解一本书。使用传统的目录设计解决方案确实可以保证完成工作。能看起来不太老土,功能强大,易于使用。但是,也把读者看到的第一页内容变成了一个对整本书的印象。

现在是时候为自己的目录设计吸收一点创意元素了。下面是50个优秀的目录设计案例,希望能让你看完之后找到灵感。

01.使用渐变

The Still Life Universe通过使用漂亮的渐变色调整传统的布局。它富有活力,非常漂亮。

02.创建一个选项卡式系统

Westerdals 2010使用了一种非常整齐的设计:它创建一个标签系统,作为目录。多彩的选项卡可帮助您快速检索出版物。虽然这是一本非常薄的小册子,不过确实是一个有趣的创意。

03.尝试一种以文字为中心的方法

整齐的,以文字为中心的布局不是一个糟糕的选择。Jeopardy杂志列出了它的内容,并使用颜色加重来设计出一个整洁的目录。

04.使用网格

戴尔杂志的内容使用冷色蓝墨水印在黑纸上。整齐的网格布局有一点刺激感。这是一本很棒的杂志,值得!

05.每个章节创建图标

Thaimani外观漂亮,小图标代表书中内容的每个部分。想不想创建一个图标集来代表自己目录中的每一章?尝试使用它们设计目录吧。

06.使用特色的摄影作品

Pure杂志把它的“目录”简化成一列,并附上一张大面积留白的摄影照片。给人一种平衡和优雅的感觉。

07.组合文字和图像

戴尔杂志为0号版尝试了完全不同的布局。它使用杂志每个部分的大型图像部分,以及不对称网格上的大胆颜色。使用一个有趣的方式,让读者对每个故事的视觉效果都有一个了解。

08.使用粗体字体

将章节名称设置为粗体。这是由设计学会杂志创新出一个新奇的解决方案。如果你有更长的章节标题,不妨试试这种办法。

09.使用列

使用列网格需要一定的设计手法!案例为检索艺术品的目录表,其中有4个大的专栏,使用每个专栏中有代表性的图片,图片上标明大号区间数字页码。

10.调整传统方法

Type Spatial属于保守的一派,但非常精彩。在目录设计上属于优雅的类型,设计非常简洁。同时利用了锁线的工艺,与目录设计达到了完美的融合。

11.创建一个图形视觉系统

这份年报创造了一个甜美的视觉效果, 每一章都有自己的图形,所有这些图形都堆叠在一起,在跨页的另一页面上组合出较大的图形。

12.试试复古

Le Contact的目录设计偏传统,插图和设计字体都散发出复古的感觉。这两个元素都与大量的留白搭配,呈现出经典和优雅的目录设计。

13.让读者先看到漂亮的图像预览

Sink将其内容细化为文字,并插入与匹配的页码配对的有趣图像。让读者先睹为快。

14.使用整体扩展

Orbe杂志为读者提供了一个网格,左边是标题和页码,右边是每个章节的图像。很酷,是吧?

15.创建层次结构

并非所有的章节都是平等的。尝试在内容列表中创建章节的层次结构,例如通过给部分特色文章加强视觉效果。您可以将它们设置为更大的尺寸,或者尝试使用颜色加重。

16.把目录结合到你的封面上

这不是封面吗?对!但是它的右上角是目录。如果您的章节数量不多,可能值得尝试将目录与封面或内部标题页面相结合。

17.把目录变成你的封面

这里是封面与目录结合的第二种方法。Rua Do Almada包含比The Outpost更多的章节,但仍然将目录设置为封面。

18.使用照片背景

Interfaces杂志给出了一个技巧,把目录覆盖在一片树叶上。它将整个组合连接在一起,展示一个漂亮的设计方案

19.使用大字体

大号的页码和标题紧密地结合在一起,就像在Obsession’s Table of Contents中一样,可以很漂亮,但有时难以阅读。使用不同的权重来创建视觉节奏感,以增强可读性和检索功能。

20.给它一个形状

这个年度报告的目录使用一个很有意思的形状,与出版物的主题紧密联系。

21.对齐

Turris Babel以页码为中心,在页码两侧设置作者和标题。它设计了一个引人注目的布局,而且易于浏览。

22.保持简单

Transgenics创建了一个简单而重要的布局。它大量使用空格使其富有现代感和新鲜感。

23.使用顶视图摄影

顶视图摄影近些年已经超级流行!尝试将它整合到你的目录中,就像玛莎·斯图尔特(Martha Stewart Living)中的这个可爱的目录。

24.尝试黑色和黄色

使用大胆的颜色和大号页码,使检索更方便,如99U季刊杂志与其页码。其大量使用和经典的黑色和黄色,使其目录相当明快。

25.将章节页码变成设计元素

Szotska在其目录中对每个章节使用交替对齐设计。在视觉上很有趣,但是在处理尝试做类似事情的布局时,要小心不要为了美观而牺牲目录功能。

26.使用大而粗的章节号码

Geiger杂志将其章节号码变成设计元素,使其变得非常巨大。设置为黑色,它给整个目录一个时尚的感觉。

27.使它容易导航

图标结合摄影和大号页码,使这个目录的排列布局在视觉上很有趣,也没有影响到目录的功能性。没有比试图从混乱的页面或布局中检索信息更令人沮丧的!

28.尝试一个鲜明的布局

延续传统的KISS杂志,改变了传统的目录设计后,从未如此好看过。

29.预示内容

Ornament and Design Process的目录是为了合作展览特别设计的。目录设计得如同参观一个画廊感觉一样,非常恰当!

30.使用版本号元素排版

看看Rika杂志,目录设计使用版本号作为设计元素,非常富有设计感。

31.根据实际内容创建设计元素

尝试将您正在设计的出版物中的图像和元素转化为装饰性设计元素,例如重新设计“Time-life’s Flight”。箭头有没有让你想起飞行路线?

32.编织文字和照片

seed巧妙地将摄影与其目录结合起来,方便读者阅读杂志的文字、内容。

33. 围绕焦点安排章节

玛莎·斯图尔特(Martha Stewart Living)的另一个很好的例子是用于目录中的顶视图摄影。

34.将文本块转换为有意义的形状

尝试在排版中使用形状,如Mainstudio为这个有趣的目录。将文本块转换成形状时要小心,它可能会变得难看!

35.使用整洁的网格布局

采取整洁的,基于网格的布局。你可以得到一个漂亮的解决方案,就像这个Portfolio Book的目录,用来详细说明其内容一样。

36.使用艺术字体

使用富有表现力的字体,它不必停留在整个目录的大标题上,而且也可以在章节标题中使用。

37.添加章节描述或摘要

上面案例中的目录将其章节标题和页码与各自的简短描述进行结合。使用一个有趣的方式来向读者介绍即将阅读的内容,可能会立即引起人们的兴趣,也可能不会。

38.使用字母作为设计元素

把英文字母变成设计元素,就像这个建筑出版物一样。

39.添加个人简介

自我介绍!将目录与编辑说明或简短介绍(如Frost Design)。

40.突出重要内容

其目录中使用了不同字体,来体现杂志的中心语。然后在目录内构建层次结构。整个作品围绕着一个重点,在这个案例中用一个美丽的女人的图像,也可以使用杂志专题文章的主题。

41.现代风格

Time-Life’s的这个重新设计的目录使用了数字摄影图片,并且元素之间相互覆盖,真是一种有趣的现代风格设计。

42.创建一个永恒的目录

43.只使用黑白

International Designers’ Network 在整个杂志中使用大的排版元素贯穿整个杂志。对它的目录设计做同样的处理似乎也是合适的。

不要犹豫,使用你已经开发的作品的其余部分使用的元素,这将使你的布局富有凝聚力。

44.给每一章赋予不同的色彩

The Biolan使用不同颜色,大号数字和大量空白来创建一个很漂亮的目录。每章都有一个它用作主题的颜色。

45.为每一章设计唯一的编号

Damn Good为其目录设计独特的数字。就像这个例子所显示的那样,给旧的设计元素一个新面容。

46.大,黑与美

黑白与大号加粗和美丽。永远是一个加分的组合,就像Hyphen Press Catalogue的目录那样。

47.消极和积极的空间

Leap Of Faith杂志的布局简洁,但却带有正负空间,创造出一种超有趣的视觉,打开内容目录。尝试创建一个有吸引力的图形与排版或元素与您正在设计的内容相关联。

48.使用明亮的颜色

只有几个章节来布局?尝试使用大胆的颜色,像这个年度报告一样,为您的目录添加视觉吸引力。

49.指示每一章的开始和结束

“Garanza杂志”为图像和章节标题增加了很多漂亮的数字。虽然垂直数字并不总是最容易阅读的,但使数字大一些,可以确保读者的可读性。

50.尝试一个极简主义的方法

50个富有创意的目录设计案例展示完,希望设计师从中受益,把常规的、普通的想法扔出窗外,设计出一个与众不同的的目录!

UI中国

作者:海空设计

(0)

相关推荐

  • PPT目录设计的几种方法

    PPT中的目录功能是让观众一眼就大概能了解你的演讲内容,目录设计在现在的PPT设计中也越来越时尚了,各种巧思,层出不穷,下面这篇文章,来为大家介绍PPT目录设计的几种方法~ 如果PPT的页数比较多,在 ...

  • PPT目录设计的几种方法介绍(图文教程)

    如果PPT的页数比较多,在结构上有目录能更清晰,对于听众来说可以了解框架,对帮助理解是非常有用的,如果使用了目录页,建议在每一段内容开始前再出现一次目录,突出该段要讲的内容。 一.常规设计:添加背景, ...

  • WPS文字目录制作的三种方法

    WPS文字目录制作的三种方法 平时工作接触文档排版比较多,说到文档排版今天就先发一个做WPS目录的基础教程. 第一种:常规排法 方法:不多说就是打字,然后打省略号,后面缀页码,然后强制对齐页码. 缺点 ...

  • logo设计中的中文字体设计的10种方法

    logo设计中的中文字体设计的10种方法 方法 01 连接法--结合字体特征将笔画相连接的形式 02 简化法--根据字体特点,利用视觉错觉合理地简化字体部分笔画的形式 03 附加法--在字体外添加配合 ...

  • 「海平面」50张精美图文设计案例解析(二)

    设计师通过应用文字.颜色.图像和其他图形功能来为观众讲故事.就像作家在讲故事时一样,设计师也有一些特别的方法和技巧,来确保语气语调的正确性及信息的真实性. "设计提供了一个继续讲述故事的机会 ...

  • [海平面]50张精美图文设计案例解析(一)

    设计师通过应用文字.颜色.图像和其他图形功能来为观众讲故事.就像作家在讲故事时一样,设计师也有一些特别的方法和技巧,来确保语气语调的正确性及信息的真实性. "设计提供了一个继续讲述故事的机会 ...

  • excel 换算得分的50种方法公式

    序号 作者 字符数 公式 01 wshcw 51 =LOOKUP(LEFT(A3),{"A","B","C","D";7,4,1,0})+LEN(A3) 02 wshcw 55 =VLOOKUP(LE ...

  • 10种方法玩纹理,让你的设计更出彩

    纹理是创建引人注目和逼真设计项目的强大设计技巧,掌握它将极大地改善你的设计.曾经梦想过拥有掌握设计活泼的.带有呼吸空间的作品所需的技能和知识吗? 纹理泛指物体表面上的花纹或线条.你的皮肤与毛毯粗糙的织 ...

  • 两种方法设置Win7添加打印目录

    在windows7操作系统中只需稍加改变就可以让这个打印工作变得更轻松,实现此功能需要一点点时间,不过如果你经常都要进行打印文件操作的话,那这样做之后就会发现好处多多。 这里有两种不同的选择可以帮助你 ...