平面设计与图文排版

平面设计与图文排版相关内容梳理思维导图，主要介绍了图文设计与排版软件InDesign CS4的相关基础知识、常用实战技巧，以及与Photoshop CS4软件的结合应用，赶快收藏起来吧！

平面设计与图文排版

• 规则为目标服务。 方法是死板的。用法是鲜活的。
• 下笔之前，胸有成竹
  • 设计背景
    • 在开始之前需要先确定好设计需求，项目定位，各方诉求。充分调研和参考
    • 了解载体
      • 不同的载体需要不同的版式。杂志，画册，报纸各有各自的图文编排体系，屏幕空间寸土寸金，页面层级，图文规格也有自己的风格体系。
      • 如果是UI或交互设计，你需要了解各种屏幕的像素数量，阅读习惯和阅读距离，还有浏览翻页，交互操作习惯等。
      • 有没有跨平台跨载体的设计要求。
    • 找到业界标杆
      • 知道天花板在哪，知己知彼，百战不殆
      • 做不到第一，要弄清第一长什么样
    • 掌控信息和资料
      • 不同的内容需要寻求不同的表达方式。
      • 了解熟悉一些版式各种术语。如心线、天头、地脚、切口、订口，版心、书眉、中缝、页码及边白等的传统版面术语。再了解一些栅格系统的常识。
      • 了解一些必须知道的设计原则和规范。
    • 了解环境和用户
      • 比如女性向，科学式的严谨感，美食行业刺激味蕾等
      • 重复了解设计定位，立足产品，用户和市场等因素。
    • 对比，参考和论证
      • 多准备方案以供选择和论证。
        • 方案的风格差异尽量大，互补不足。
  • 寻找“我”的风格
    • 打造一张名片
      • 找到自己的风格定位。
        • 难度大，定位高，学习技巧，理论，踩在前人的肩膀上寻找自己是最有效率的。
      • 树立独特的一张脸，对输出企业文化和价值，保持视觉延续性和一致性意义深远。
      • 梳理一致而长远的战略和格局
    • 确立整体的格调
      • 实用（功能）性格调
        • 版面样式采用网格型，规整易读，信息量大，图片精简，功能至上。艺术和美观价值让位于实用原则。
      • 艺术（装饰）性格调
        • 版面样式为自由型为主，信息量少，风格鲜明，图量大，艺术性装饰性发挥空间大。美感，意境，格调和气质成为主要追求。
      • 折中（调和）性格调
        • 版面样式折中调和，信息量适中，实用和艺术性兼顾。
    • 把脉自己的风格诉求
      • 刻意经营的风格调性
        • 华丽装饰，古典怀旧，黑暗凝重，轻松诙谐等等
        • 就要这个范，就中这个毒
      • 由内而外的考量，由内容决定外在风格
        • 由题材，内容决定
        • 四个轮子最好，不要设计第五个。
      • 流行趋势的考量
        • 就追这阵风，就赶这个话题
        • 潮流所趋，逆流而上
  • 节约是一种美德
    • 节约用纸。
    • 合理有效利用版面空间。
    • 注重性价比。
• 信息的整理，分模块（组）
  • 从内容信息梳理开始
    • 对所有内容或元素进行梳理，按内容或功能进行分组（合并同类项，统领类似的项，孤立或者包围特殊项，块与块保持适当距离），然后进行大小及位置摆布，建立基本的视觉层级结构。
    • 划分信息层级并分模块（组）
    • 同类相近，异类相远
    • 分模块（组）不宜过多
  • 确保可阅读性
    • 区分好主体、文案、点缀元素、背景
    • 区分好服务于信息阅读的部分
    • 控制负责视觉体验的部分
  • 总结要领，活用排版规则
    • 灵活的编选节录内容
  • 梳理信息层级
    • 信息阶梯
      • 信息量巨大，一次呈现的内容繁杂时，一定要梳理出信息阶梯。
      • 合理的排序和呈现：最重要，最优先，最有效，最具时效性，切要和精简至关重要。
      • 区分信息的职责：必读，易读，可见，警告，提示，装饰和（底）背景，艺术性，氛围等等。
      • 分级法
        • 递增递减层级
        • 类似生物分类法：界、门、纲、目、科、属、种
        • 母子分支层级
    • 消化内容、理解素材
      • 合并同类的项，统领类似的项，孤立或者包围特殊的项。
      • 梳理出若干模块，再在模块和模块间再分出视觉关系序列。
      • 反复推敲各模块间的适当距离
    • 距离的关系问题
      • 图文间距
        • 包括各种物理距离，视觉空间，情感和逻辑空间
      • 文字和文字间的距离
        • 字间距，行间距，条目间距，段落间距。
        • 目录，纲要和正文。
        • 叙述中的重点信息，焦点内容等等。
        • 各种物理距离，视觉空间，情感和逻辑空间
      • 距离的适用原则
        • 保证阅读体验清晰明了，没有干扰
        • 保证协调统一
        • 保证整体风格和气质
      • 亲密与疏远
        • 划分亲密关系，区分亲近程度和疏远程度级别
      • 留白的境界
        • 预留出停顿，休息，思考，感受和想象的空间。让内容更加集中和提高易读性，营造情感氛围，气质。
        • 虚实空间对比 内容多的时候减少或者整合视觉分组 多利用负空间
• 图文的战场
  • 时时刻刻都在验收成品
    • 建立快速直观（所见即所得）的验证环境。
    • 把设计打印样张，或者放入测试环境。
    • 养成一个随时进行成品检验和迭代的习惯。
  • 独特的气质和情感
    • 一个作品的整体风格和面貌，会阶段性逐步呈现，并形成一点的趋势。需要合理拿捏和引导。
    • 字如其人，画有其魂
      • 气质和情感要为产品需要服务。
      • 字体，图形，绘画都蕴藏着自己的气质，能引起人不同的情感知觉。或欢快或悲伤，或柔美或刚强，或传统或时尚等等。。
    • 虚实和留白
      • 预留出停顿，休息，思考，感受和想象的空间。让内容更加集中和提高易读性，营造情感氛围，气质。
      • “虚”不仅可以是留白，也可以为纤弱的文字、图形或色彩等视觉元素；“实”为画面的主体或主要表现对象。
      • 在版式设计中，需充分考虑画面的虚实关系，以虚衬实，并可充分利用“虚”调整画面节奏，梳理虚实之间气的流动。
    • 独具匠心的颜色和纹理材质（质感）
  • 构图和布局
    • 骨骼型、满版型、上下分割、左右分割、中轴型、曲线型、倾斜型、对称型、重心型（聚拢）、离心型（扩散）、三角型、四角型、并置型、自由型）等等
    • 常见的有以下6种构图形式：对角线构图；S型构图；发射状构图；中心构图；二分构图；形状构图。
  • 秩序美
    • 对齐和对称，重复和渐变是让设计作品更加有秩序的方法，有助于提高作品整体性和规整性。
    • 对称与均衡
      • 在视觉层级结构基础上，进行精致化梳理。最重要的就是对齐规则，没有对齐就会给人草率无力的感觉。当然，在一些特殊情况下，不对齐也是一种对齐
      • 对齐，
        • l 元素切忌不要随意摆放 l 找到一条明确的对齐线 l 避免使用多种对齐的方式
    • 对比与调和
      • 在版式设计的过程中，各个元素之间通过存在着的大小、主次、强弱、疏密、动静、虚实、色彩等对比关系，传递意图、情感与逻辑。
      • 一个作品里只用一种字体，虽然整体，但是乏味。使用多种字体，丰富了趣味，但容易导致视觉目标杂乱。
      • 制造视觉焦点
        • 强调重点，弱化非重点（包括动静、粗细，大小、色彩，冷暖等），强化视觉层级，以吸引视线，让读者抓住要点
        • 对比的效果要明显
      • 对比度的调控
        • 大胆的突显反差。对比的效果要明显，当确定了主次和要旨时，该突出的和该忽略的就要大刀阔斧的取舍。
        • 在处理关系微妙，呈并列关系的序列和主次关系时，则需要用相对温和方法，梳理出合理细腻的层级序列。
    • 节奏与韵律
      • 图形、文字、色彩等元素在组织上合乎某种规律时所给与视觉心理上的节奏感，便是韵律。
      • 重复
        • 重复一些元素（包括色彩、图片、字体、符号、线条、布局等），建立统一的外观。这一步，也是最能体现风格的。这也叫“破版”，无论用哪种版式结构，都需要一个元素，衔接一张设计中的不同板块，从而让整个画面看起来协调，这个技巧就叫破版。
      • 渐变
        • 不需要剧烈对比的地方，就是渐变的天堂。似而不是，我中有你。
      • 适合的变化会令画面充满韵律，而过强或过弱的节奏则会使画面破坏秩序或平淡无奇。
    • 元素的家族化
      • 让作品拥有高度的一致性，图文最好能融入兼顾父母祖辈，兄弟姐妹，还有高矮，胖瘦，歪曲等系列条件的概念。
  • 颜色的境界
    • 赋予作品生命和活力
    • 色彩的冷暖感，轻重感，前后感
    • 色彩的辨识度
    • 色彩的华丽与质朴
    • 色彩的庄重与活泼
    • 色彩的象征性和文化差异
    • 掌握60-30-10原则
      • 主色
        • 占比为60%左右，决定了整个画面的基调
      • 辅助色
        • 占比为30%左右，辅助并丰富主体色的存在
      • 强调（装饰）色
        • 占比为10%左右，视觉焦点
  • 纹理和材质（质感）
    • 纹理是一种很好的表达方式，比起颜色更是一种比较具像的表达
    • 更具体更明确的视觉语言 ，能够提供触觉方面的体验
• 设计师的空间
  • 归零心态，保持初心
  • 试错与推敲
    • 万里挑一，非你莫属。 如果你想将你的设计做到极致，那么请疯狂试错。
    • 再美一点，再巧妙一点，再适合一点
    • 还能再减吗
  • 多看多想多问为什么
    • 假如我来做会怎么处理
  • 读万卷书行万里路。观察生活，感悟生活。
  • 和顶级的作品并列摆一起看。
    • 闭门造车，井底之蛙，冲撞天花板。
  • 听别人聊聊自己的作品。
    • 术业有专攻，兼听则明
  • 作品封存一段时间再看。
    • 时间能检验真理和爱情，也能去除光环和包袱。
  • 技巧是方法，但不是目标， 避免炫技