恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
杂志画册目录设计的50种方法及案例解析
0.0°
2018-01-02 自译外文 教程 原作者: canva 举报 12499 36 53 1

任何读过书的人都熟悉目录。据说是有史以来最枯燥的设计元素之一,其本身的重要性往往被忽视。从某种意义上说,它是一种老式的用户界面,可以让读者快速的了解一本书。

阅读原文

任何读过书的人都熟悉目录。

据说是有史以来最枯燥的设计元素之一,其本身的重要性往往被忽视。从某种意义上说,它是一种老式的用户界面,可以让读者快速的了解一本书。

使用传统的目录设计解决方案确实可以保证完成工作。能看起来不太老土,功能强大,易于使用。但是,也把读者看到的第一页内容变成了一个对整本书的印象。

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

 

01.使用渐变

Image title

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

 

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

Image title

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

 

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

Image title

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

 

04.使用网格

Image title

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

 

05.每个章节创建图标

Image title

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

 

06.使用特色的摄影作品

Image title

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

 

07.组合文字和图像

Image title

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

 

08.使用粗体字体

Image title

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

 

09.使用列

Image title

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

 

10.调整传统方法

Image title

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

 

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

Image title

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

 

12.试试复古

Image title

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

 

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

Image title

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

 

14.使用整体扩展

Image title

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

 

15.创建层次结构

Image title

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

 

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

Image title

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

 

17.把目录变成你的封面

Image title

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

 

18.使用照片背景

Image title

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

 

19.使用大字体

Image title

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

 

20.给它一个形状

Image title

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

 

21.对齐

Image title

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

 

22.保持简单

Image title

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

 

23.使用顶视图摄影

Image title

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

 

24.尝试黑色和黄色

Image title

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

 

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

Image title

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

 

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

Image title

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

 

27.使它容易导航

Image title

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

 

28.尝试一个鲜明的布局

Image title

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

 

29.预示内容

Image title

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

 

30.使用版本号元素排版

Image title

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

 

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

Image title

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

 

32.编织文字和照片

Image title

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

 

33. 围绕焦点安排章节

Image title

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

 

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

Image title

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

 

35.使用整洁的网格布局

Image title

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

 

36.使用艺术字体

Image title

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

 

37.添加章节描述或摘要

Image title

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

 

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

Image title

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

 

39.添加个人简介

Image title

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

 

40.突出重要内容

Image title

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

 

41.现代风格

Image title

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

 

42.创建一个永恒的目录

Image title


43.只使用黑白

Image title

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

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

 

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

Image title

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

 

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

Image title

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

 

46.大,黑与美

Image title

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

 

47.消极和积极的空间

Image title

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

 

48.使用明亮的颜色

Image title

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

 

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

Image title

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

 

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

Image title

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

更新:2018-01-02

收藏

36人已收藏

海空设计

海空设计·杂志内刊专业定制服务商!20年平面设计经验,专业资深!

  • 412

    作品

  • 204

    粉丝

  • 0

    关注

  • 【海平面】为什么你的设计不令人满意?看完这本书,瞬间懂了!
  • 【海平面】中国江南印象概念书:《江南意象》
  • 【海平面】鲁迅与平面设计
  • 【海平面】海报设计:20个鼓舞人心的例子

    猜你喜欢

      2018-01-02 自译外文 教程 原作者: canva 举报 12499 36 53 1

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

      0.0°

      你确定要举报杂志画册目录设计的50种方法及案例解析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      53
      36
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录