设计中的同型论

设计中的同型论 格式塔 Gestalt 理论是一个心理学名词 该理论旨在解释人类的某些行为是如何产生的 也解释了我们人类的视 觉经验如何与大脑的反应产生联系 其中 同型论 Isomorphism 是格式塔其中的一个理论 格式塔理论并非应 用于设计 但了解这些理论却对我们在设计有很大的帮助 同型效应 同型效应指人类通过自身的经验及记忆来对一个视觉对象作出判断 看到这只毛绒绒的泰迪熊 是否让你有一种温馨及舒服的感觉 看到手指离仙人掌这么近 是否让你有一种想立即将 手抽回的感觉 这就是同型效应 我们对这些图片产生反应 是根据我们自身曾经有过的经验而作出的 因为我们曾 亲身触摸过一个真实的泰迪熊 我们也曾经有过被一根针刺过产生疼痛的经历 我们将已有的一种感觉应用到对一 张图片的理解上 修改前 修改前 一个呆板 机械化的设计 有个读者要我们对她的名片提些意见 她自己并不喜欢这个标志 但如果一定要应用这个标志时 如何才能让出来的 效果能够吸引她的顾客 标志其实说不上有多糟糕 虽然这个标志也说不上有多精彩 但对于一个餐饮标志 My favorite Muffin 我最爱松 饼 老实说并不太差 它有一个简洁 或者说一个让人熟悉的 的构造 其名字较长 但形成了居中摆放使其成为一 个焦点元素 还有一缕香气飘在上方 字体充满圆滑 与松饼的产品气息也挺配合 但它的颜色却有问题 但颜色我 们可以通过在设计中修正 根据标志来设计 根据标志来设计 可能感觉标志有点单薄 所以设计师在设计时加上杯子及叉子 为了配合标志的特征 在一个圆角区域中也用上一种 圆滑的字体作为文字 相似 名片的版面中有很多相似之处 对于设计来说这其实是好事 它起到简化版面及提示读者各个元素之间的关联 性 在上图中 标志 文字及白色区域都是圆角的 与松饼给人的圆型及松软是相似的 方向是正确的 但并不足够 圆角太小 与名片本身的直线边及字体来说 它起不到支配的作用 如果我们将其与其它元素对比时我们会更容易观 察 如下图对比 名片及标志所采用的这种颜色搭配并不太常见 浅绿并不是松饼的颜色 也丝毫没有给人一种早餐或温暖的感觉 与 色轮中相对的红色搭配 即 补色搭配 你通常感受到是一股活跃的能量 但这两种不饱和颜色再加一个灰色 整 个配色显过于机械及缺乏生活气息 让我们开始运用同型效应理论来重新设计 当你仅仅看到下图这些照片时 你的味蕾已经开始有所反应 这并不需要设计 也不需要有张卡片放在你眼前你才会 感觉美味 因为我们曾经吃过松饼 所以当看到这些照片时 它唤醒了我们曾经有过的的视觉 味觉及嗅觉 不需要任何解释 朱古力脆皮包住的松饼 放在一串蓝莓上的松饼 一张高质量的照片是最容易也是最直接勾起我们 的感知及回忆的 所以我们要利用一张好的照片来作为你设计的主要落脚点 放置图片 将图片在版面中居中 其它空间放置文字 图片占据版面的 1 3 高是恰当的 中间的位置也是版面中最有力量的区域 能够最大程度吸引别人的兴趣 留意松饼 的阴影及倒影使松屏象放置在名片上 有很强的真实感 一如你那些放在餐台上的松饼一样 图片放大当然有好处 可以让读者更加接近你的美味 但如果太大 用剩下的空间来放置文字时就会显得拥挤及不舒 服 根据图片设计 根据图片设计 现在 我们要选择字体 颜色及版面的布局来呼应那些松饼 让图片自己说话 标题越短 图片的冲击力就越强 特别是在如此狭窄的版面中 我们采用了 上瘾的美味 Addictively Delicious 作为标题 直接与你味蕾沟通 流动的不规则轮廓的 Fenway Park 字体显得蓬松及柔软 其不规则的轮廓线与图片中的松饼形状相似 呈现出一种香脆的吸引力 从图片取色 从左到右 文字有深中浅三色选择 这些标题颜色都是用吸管工具从图片选取的颜色 这三种颜色都能 够与图片形成良好的搭配 但最浅的颜色可以让那些松饼显得更加突出及吸引 增加辅助字体 增加较小尺寸的字体 与大元素形成对比 而且不干扰主要元素的气息 我们采用 Serlio 字体作为补充的文字字体 这种字体细看线条并不规则 充满衬线 显得复杂及怀旧 但同时也具 有一种温暧的感觉 这些字体最开始时手写形成的 所以没有直线及规则的转角 我们采用细体 与标题那种粗壮小 写字母形成恰当的对比 上图中 A 全部设为小写字母 这种字体小写字母也是以大写字母形式出现 但尺寸相对 于大写字母来说较小 其整体边缘性过于平滑 B 首字母设为大写字母 使其形成一些不规则的轮廓 干净的页面组织 上图中 图片放置于版面中部 整齐地将版面划分为两个放置不同文字内容的区域 上面是标题及 主要说明 下面是出品的各种松饼名称 而下图 是另一种的变化 所有文字都在上面 但文字块似乎形成灰色色块 的感觉 留意所有文字都是居中 加上 LOGO 标志在这里并不是作为一个视觉焦点来处理 而是作为一个 标点 来处理 显得更加强有力 结束 右下区域在视觉上自然形成了一个 出口 在这里放置标志 无论你的标志是什么颜色 放在这里总能够产生 效果 不用太大 但却具有一种权威的感觉 记住你的顾客只是对你的产品有兴趣 而标志的作用只是起到 这些美 味的东西是谁做的 这个信息 两个变化 不同的图片有不同的构造 下图是两个全出血位的图片放置 在版面结构上也需要作出相应的调整 温馨 在上图中 白色的版面已经被棕色的图片所代替 整个版面让人感觉香气四溢 在这个设计中 将图片简单地 作为背景使我们能够在设计中更加轻松 但其局限是其余的空间比较局促 使到松饼名称也要重叠在产品上 一般不 推荐这样做 但这次 只能说基本还可接受了 偏离中心点 上图中 根据图片的构造特点我们将其放置于左边 因为图片给人的感觉是 从左方面向右方的 所以 要剪切图片也是切图片的左方区域 松饼局部重叠于蓝色名称区域 活跃了版面 细白线的边框给人一种 老式 的感 觉 围住了蓝色区域 这可以让蓝色区域与草霉两者在视觉上不混淆 留意这几个设计上的浅绿色标志 虽然标志本身不太漂亮 但都能够在各种版面中成功地形成了一个形象符号 平面设计技巧 一 封面 与图片线条配合一 封面 与图片线条配合 Chico s 时装杂志的夏季服装展示封面设计之所以能够吸引我们的眼睛 是因为他们大胆地将名称与图片自然形 成的线条配合 而不是让名称固定不变 看看他们如何做的 矩形状 矩形状 站立的模特分成的三个部分 面部 衬衣 牛仔裤 上图左 靠在一面砖墙上使整个图片形成多个矩形 标 题自然摆放 并堆放在照片上 文字同样形成了矩形块 整个图片及各个元素都呈现水平及矩形的感觉 所以整体看 起来自然和谐 垂直 垂直 而在另一期产品介绍上 图中模特的长袖衫衣 V 形开襟及一个伸展流动的造型使整个图片形成了一个由上至 下的流畅线条 为了配合图片的特性 品牌名称也是大胆地垂直摆放 顺应了图片的特性 使你一眼就被封面吸引 二 排版 一个空格还是两个空格 二 排版 一个空格还是两个空格 在英文文字排版中 在一个句子 句号 后 我们需要空一格 这是为什么呢 文字排版 文字排版 在近 600 年的印刷历史中 一些字体如 Garamond 见上方 甚至包括一些手写体 每个字母都有自己 的比例构成 所以每个字母根据本身的结构 使到不同的字母所占的宽度是不一样的 这样当文字排在一起时 我们 感觉文字能够自然流动并可清晰阅读 中间感觉不到障碍 整体也很漂亮 在句子后空一个空格 称作 法式间隔 延续了文字的流动性 可以说是一种设计 打印文字 打印文字 但用打字机打出来的英文文字并不规范 上图中 A 当打字机在 19 世纪发明时 各个字母所占的宽度都 是相同的 如上方 M 的宽度与一个 i 字母及句号的宽度都是一样的 在打字机中 句子后面是留了两个间隔的 B 在那时 当人们习惯阅读打字机打出来的文字时 大家认为在句子后空多两个格 空两格被称作 英式间隔 可 以使在打字机打印出来的文字更加容易阅读 习惯成自然 后来在打字机中空两个格也就成为了打字中一条不成文但 必须遵守的规定 但现在打字机也已经基本被淘汰了 所以在目前排版中并不需要这样做 三 标题 匆忙一瞥也让人记住三 标题 匆忙一瞥也让人记住 现在的读者比以前需要有更多的信息需要处理 所以帮助那些匆忙的观众能够清晰地阅读你的内容 我们通过强调某 些词语从而使标题创造了一个二级小标题 双重功能 双重功能 最上图 利用白色文字突出二个词语 我们创造了一个更短但意思与完整标题相似的另一个小标题 变化 中的萨克拉门托 Changing Sacramento 这种技巧在一些需要较远距离观看时效果更加突出 上左 被强 调的词语也可单独表达自己的意思 上右 在 Happy Cog s 的网站上 在简介中通过强调四个词语 形成一个主要 的导航链接 被强调的词语通过颜色及全大小写字母来突出 所以一眼望去 你已经知道意思所在 四 字体 需要一张特别的图片 可以尝试一下字母 四 字体 需要一张特别的图片 可以尝试一下字母 较大的字母在排版中常见于在文章中第一个字母的下沉应用 但 超大 字体则已经可以单独成为一个吸引视线的告示 牌 而且设计起来也很有趣 基本的技巧如下 粗状的字体 粗状的字体 你需要一种非常粗状的字母或某种特别的字体 这样字母本身才能拥有足够的地方来承载文字 上图我 们选择的是 Giza Five Five 字体 而加上一张小图片则可增加整个设计效果的视觉趣味性 同时提供给读者更多 的信息 图片可直接放在上面 如上图葡萄 也可放在稍侧一点 如上图人物 为了突出文字信息 留意这里我们 大字母本身采用比较深沉的颜色 而正文则采用比较亮的颜色 粗状的数字 粗状的数字 在这个贷款购车零利率的小广告中 数字 0 是一个可以充分应用的元素 也增加了一个图像焦点 能够 自然地吸引你的视线去到中央区域 上图采用的数字字体为 Frutiger Black 放在数字上方形成叠加效果的汽车营 造了一种尺寸对比 视觉纵深及一种宽广的视觉氛围 五 混合大写字母五 混合大写字母 你已经懂得利用斜体 而不是全大写字母来作为一种强调 但如何对付那些令人有点讨厌的全大写首字母缩写 全设 定为大写字母显得有点大 但小型大写字母 Small Caps 则显得有点小 看我们如何在细节上处理 上图中 A 全大写字母 PDF 及 DVD 与相邻的小写字母对比显得太大 B 小型大写字母 真正的小型大写字母 是以小字字母的尺寸来呈现大写字母 在文字可往往可趣到漂亮的效果 但作为标题 它有时又显得太小 C 自定义 我们的解决办法将大写字母减少 15 什么是什么是 小型大写字母小型大写字母 在很多端庄优雅的字体中都可设定为小型大写字母 如下面的 JUNE 注意不是 June 真正的小型大写字母 在 AI 的字符面板中可设定 其大写字母与小写字母粗细是一样的 而一些非真正的小型大写字母 是自己将普通的大 写字母缩小形成的 这就会导致字母粗细不一 实际上搭配起来也不漂亮 通过如在 Adobe Illustrator 这样的软件中 我们是可以在排版中方便地将某些词语设为 小型大写字母 下图是 AI CS4 中文版中设定小型大写字母的面板 红框处 的截图 如何设计动感 客户要求你在设计中呈现一种 充满动感及活力 的效果 这听起来这似乎并不难 但与一些动态的图片及 FLASH 等 设计不一样 印刷的页面是属于静态的 你也不能在上面加上一些视频或象设计网页一样加上其它的一些动态元素 但我们有其它的办法来实现 在静态的页面上 我们可能通过负空间 重复 色调 透视 版式等等来产生动感 以 下是我们介绍的一些方法 在详细介绍前 我们先来感受一下静态的设计及动态的设计之间的不同 上方两张图 第一张可以让读者清晰观看你的各期杂志封面 整齐排列就能够很好地达到目标 而第二张图 通过不 同的排列 我们就产生了一种透视感 它给人另一种不同的感觉 传达出更多的动感 一 创造连续场景一 创造连续场景 这种技巧是用图片元素动感地真实呈现一系列的动作或事件 通过这种手法可以让你的读者注意到某些东西是如何演 变的 一 二 三 你的读者可以很仔细地观看在练习高尔夫球中是如何挥杆的 或者如何在健身中锻炼三头肌 这 里不需要 后退 或 快进 等按钮 留意干净空白的背景使读者的注意力能够更加放在整个系列动作上 二 使用层次渐变二 使用层次渐变 这种手法类似于第一种的连续情景 通过不同层次的渐变营造出 从这里到那里 的感觉 讲述一个故事 通过不同图片的透明度的设置 我们就象在讲述一个环环相扣的故事 留意上图中老人图片的透明度 由淡至深的渐变 三 重复使用图片三 重复使用图片 你可能在一些影音商店 特别是电视机的销售柜台里看过这样的情景 同样的一个图像在不同的十几个屏幕里同时 出现 无论你往哪个方向看 它都无所不在 这其实是充满能量的一种效果 我们的眼睛总是喜欢重复的东西 首先我们要选择简单的图片 这非常重要 象上图左 这张图片因为有背景的影响 显得非常复杂 而仅仅展示面部 效果很好 因为它产生了一个焦点元素 将图片平均分布排列 填满空间即可 横扫 一排玻璃杯很自然地使你的眼睛由左向右移动 杯子及里面的酒的高度都是一样的 这加速了动态的效果 四 边缘关系四 边缘关系 版面的中心点无疑是最强烈的位置 但也同时是最稳定的位置 要创造一个充满活力的排版 应该尝试玩点边缘危险 游戏 避免中心点 静态 这个设计是一个中心平衡的设计 所以显得很静态 页面激不起半点涟漪 紧张 元素对边排版 标志及文字使你的视线左右分离 营造出很强烈的动感及紧张感 活力 所有元素都集中在一边 创造出一种不平衡及动态的版面 五 强化动感五 强化动感 如果图片本身就已经具有动感的效果 我们可以通过对背景的剪切进一步强化 很快 上图从左到右 第一张 本身就有动感 但受制于四周的框框 这种动感是受到压抑的 切掉一半背景 产生 一种驶出背景及进入背景的感觉 后两者的动感得到了强化 还要增加快感 将整个图片下方的三方之一切掉 见下图 现在给人一种轮子转得更快的感觉 而摩托车象是跳到 了前景中 从下方小图可以看出 处理后的图片增强了水平线的效果 由于水平线的方向与摩托车的方向是一致的 这使到速度感进一步得到加强 六 创造自己的背景六 创造自己的背景 选择恰当的字体与图片搭配 矩形的黑色背景与充满直线条的 Leco 1976 字体互相呼应 同时与跳跃人物所呈现的充 满转角的线条形成良好的搭配及互补 留意 DANCE 这几个字是 90 度摆放的 字体显得非常简洁 象 G E A 等字 母都几乎有相同的结构 充满活力的位置及颜色 下图从左到右 第一个小标题与大字垂直居中 缺乏活力 将这行小字移上一点 这行文字 既没有与最上方平齐 又没有居中 造成了一种强烈动态的效果 通过对比强烈的颜色搭配 进一步强化出跳跃的动 态 七 营造透视感七 营造透视感 通过使用透视感传达出一种逐渐递进或传达出一种 还有更多 的视觉语言 八 使用弧线八 使用弧线 弧线具有强烈的动感 弧线给人一种快速的感觉 多条趋向一致的曲线在一起产生更快的视觉效果 上图第一张 两束弧线的集合点形成版 面的一个自然焦点 所以在这个地方放上其它的元素 没有人会忽视它的存在 而下图示意图中 垂直线给人静止的 感觉 当形成弧线 我们的视线会不自觉地跟着它移动 从而 延伸 成动感 九 使用点线或虚线九 使用点线或虚线 当我们的眼睛从一个点去到另一个点时 便产生一种动感的效果 十 形成角度十 形成角度 倾斜的线条天然具有一种不稳定的感觉 这种不稳定便产生了一种能量 无论是文字还是线条 角度都增加了动感 紧张及兴奋的效果 如果是水平线摆放 就算是一辆急速行驶的汽车 仍然给人一种稳定的感觉 因为它不会 掉下来 而倾斜就营造 了紧张及不稳定 同时也形成了一个 坡度 使对象给人一种上升或下降的动感 只有角度及曲线 富冲击力的图片形成了角度及倾斜线 这架跑车向着远处的消失点狂奔 同时与图案呼应的文字是 一种简洁 非衬线体的斜体 十一 亲密接触十一 亲密接触 就象在一个狭窄空间中有一群人在跳舞 或者一群人相挤照相一样 当对象挤在一起时就形成了一种紧张感 而紧张 感等于动感 选择一种简单的 粗壮及非衬线字体效果最佳 象上图一样 字母粗壮肥大 就算是重叠时也很容易阅读 而下面的 几个示意图 太细的字体给人杂乱的感觉 太复杂的字体形成了一些奇形怪状影响阅读 结构过于相似的字体或太拥 挤的堆放已经让人无从卒读 十二 模糊及摇晃十二 模糊及摇晃 模糊或摇摆的效果形成了一种动感的效果 在 PS 里进行模糊处理 PS 里的动感模糊可以轻易实现 我们这里的图是水平放置的 距离设为 50 不同的图片及不 同的角度需要不同的设置 十三 全景视野十三 全景视野 超宽的版式其实已经形成了一种动感 因为你的眼睛必须从这一头移动另一头 出来的效果充满动感 有时还给人一 种壮丽的气息 这种超宽版式的图片通常需要自己通过剪切获得 我们可以将一张普通的自然图片变成全景图效果 文字放置在一条 很矮且半透明的色块上 整个版面处处在强调 从这头到那头 的设计语言 十四 全景式文字 十四 全景式文字 通过一种超宽的字体或者增加字距 同样可以营造一种全景式的效果 快速的文字 全大写字母更加快 所有水平线给人一种齐头并进的感觉 想不快都难 如果设置上小写字母 移动的 方向出现了障碍物 d i 使到速度慢了很多 甚至还会产生向左的视觉感 就算是一种普通的字本 通过增大字母距离 也给人一种全景效果 上方的文字为 19pt 而字符间距则设置到 170 十五 出位十五 出位 将图片元素移出原来的框框 传达出动感及增加了版面的层次及形成焦点 释放动感 原图学生的姿势仿佛依靠在图片的边缘上 而通过去掉刚好处于他的眼睛下方的部分背景 可以说是打破 了原来的框边 形成了一个水平边缘 产生了动感的效果 事实上 这种剪切是在版面上增加了第三个层次 线条越多 动感越强 学生的视线得到加速 因为其周围的水平线条强化一种方向感及运动感 那些元素之间的纤细 留白空间同样形成了线条感 发挥了相同的作用 十六 配合方向十六 配合方向 我们的版式要与里面的元素的方向配合好 水平方向的动感要用水平的版式来配合 上图左 里面的人已经没有地方向前跑了 感觉象个僵硬的雕塑一样 而改 为水平版式 不仅仅提供空间给她继续往前跑 同时也提供了一个放置文字的地方 上图左 要避免形成这种 文字墙 挡住她的路 上图右 虽然文字还是放在她的前方 但水平放置的文字呼应她的 动感 所以整个版面的速度并没有减弱 垂直的方向要配合垂直的版式 下图 A 将文字放置在其尾后的方向 仍然保持了飞机向前的动感 B 由于飞机形 成一个箭头形 所以在上方放置文字可以起到一个指示的作用 但这样会降低飞机的动感 设计全景式版面小册子 这种版面介乎于书本与杂志之间 开阔的版面能够让你轻松排版 也容易阅读 这本小册子的主题是阿拉斯加州的环境保护 译注 打开 开阔的内页设计 极宽但高度较小的版面非常适合于一些叙述性 历史介绍 记录文件 产品目录等的设计 如果用一台能够打印小海 报 Tabloid 尺寸的打印机 你完全可以自己实现桌面输出 它近似屏幕的版面同样适合于网页设计 一般信纸尺寸的版面最大的问题是它太大 设计这些版面就象要布置一座城堡一样 有时让人感到吃力 如果用上太 多素材 一不小心就会让版面中各个元素失去联系 效果出来又不佳 而我们现在介绍的这种小册子版面却不存在这 些问题 每个内页只有半张纸大小 每一个区域都能够互相紧联 每张内页都有相似的版面 而且以 图片 文字 图片 文字 这样一直排列下去 视觉上显得顺畅 可以说 这是一种简化的设计 这种版面还有一个好处 就是它 看起来很自然 一页接着一页下去 由于版面比例的关系 观众看起来时眼睛不用到处转来转去 看一下我们是如何 设计的 基本版面 基本版面 这个版面很简单 对开内页 半张信纸大小 横放 每页两栏 在打印时 一张海报尺寸 17 英寸 11 英寸 的纸刚好可以放下两个对开页 我们这个版面是在 Adobe InDesign 软件里设计的 单位使用 picas 每个 Picas 单位约为 1 6 英寸 当然 你可以采用你习惯的软件或单位来设计 你也不必严格按照这个版面的尺寸来安排 可以根据自己的实际情况调整 只要能够保持这种大概的版面比例即可 字体样式 字体样式 为了叙述不同的东西 你会希望能够采用不同的字体样式来分别用在标题 文字等内容上 为了使文字能够轻易实现 协调 你可以选用一种字体家族 即这种字体必须能够包括正体 幼体 粗体 斜体等字形 我们这本小册子所用的字体为 ITC cheltenham 它属于 Roman 字体的一种 结构紧密 其字形家族从幼体到 粗黑体 斜体都一应俱全 最早的 Cheltenham 字体在 20 世纪早期非常受欢迎 而这种字体经过修整后至今仍 大行其道 其中一种就是我们非常熟悉的 New York Times 字体 还有其它的变体 如 Eddie Bauer 等字体 Cheltenham 字体非常适合阅读 其结构有点偏离中心 外表质朴无华 已经跨越了整整一个世纪 非常适合于一 些户外主题的设计搭配 点击上图看大图 1 主标题的字体最大 字形也采用粗黑体 标题跨越两栏的宽度必须采用单行 如果你采用某种颜色 则以后在其 它版面中也必须采用同样的颜色 2 副标题进一步解释了主标题的含义 它的字体尺寸介乎于主标题与正文字体之间 采用斜体 以形成对比 3 正文中的小标题尺寸与正文一样大 但设为黑体 以引起别人的注意 通常我们在谈到新的主题或另一内容时会 用到 当然 为了避免正文过长 你也可以适当打断一下 留意正文段前都有一个较大的行距来表示起段 不要采用 首行缩进的形式来区分段落 4 图片说明文字的尺寸通常比正文小 1 到 2 个 p 通常采用斜体或粗体 选择哪一种视你要达到什么对比而定 这些说明文字是非常重要的 通常一个读者会先看这些文字再看正文 留意说明文字与上方的正文的行距为两行 5 正文中 字体通常大小为 9p 或 10p 在这个设计中 所有文字都是左对齐 无论你采用哪一种形式 如果你 在第一个版面中采用后 一定要记住在其它版面也要采用相同的排版方式 版面安排 版面安排 设计漂亮的版面关键就是要做到统一和协调 重复应用之前采用的排版方式 如标题 副标题及正文保持同样的样式 图片可以是占用其中一栏 甚至四栏都可以 地平线 这本小册子很容易排版 因为这个版面上所有东西都象是沿着地平线在移动 其中有一些注意事项必须了解 在任何一栏中 你可以放置图片或文字 但不要在一栏中既放置图片又加上文字 图片可以去到页面边缘 如我们这个设计中所采用的 你要留出页边距也行 但无论你采用哪一种 都要记住 在其它版面中也要采用相同的放置方式 文字要将栏中的区域填满 文字的顺序同样要保持一致 如在这个设计中是 主标题 副标题 正文 如果你在 一个版面采用了副标题这种形式 那在其它版面中也继续使用副标题 如果你在一个地方对图片使用了说明文字 那就在其它地方也这样做 说明文字要靠近底部 苦口婆心再说多一次 协调统一是非常重要的 你在其中一个地方采用了某种样式 在其它地方也要保持这 种样式 这是设计这本小册子成功的关键 现在 我们要分析版面中出现的两种情况 现在 我们要分析版面中出现的两种情况 1 在一个对开版面中只有一篇文章 这意味着这篇文章的开始和结尾都处在同一个对开版面中 图片放在左边 一般来说 希望一篇文章版面的设计能够有良好的效果 最好将图片放在左边 上面我们给出了三种可能的排版方式 两栏或三栏的文字最好是分开几段 同时在段前加个小标题 如最上图 这样可以避免文字区域过于拥挤 2 还有一种可能是更常见的情况 那就是一篇文章在一个对开版面中还没完 要去到另一个对开版面中 在这里我们要谈谈标题的注意事项 在一本小册子里 标题应该简洁 如果标题放在一个栏里 可以分成两行 如上图第一张和第三张 如果标题横跨 两栏 标题应该是一行 上图中 副标题同样要简洁 能够说明关键意思即可 主标题加上副标题 使版面产生两 种 声音 显得更丰富 也更容易吸引读者深入阅读正文 应该避免横跨两栏的标题采用两行 它份量太大 压抑了下方的正文 填充空位 填充空位 无论你如何仔细安排版面 在最后总会有一些空位是多出来的 不可能刚刚好填满版面 不需要沮丧 这些空位其实 对我们来说是一个有利的因素 我们可以从正文中摘录一两句引言来填充这些空位 处理这些引言可以很灵活 编辑很短或很长的文章 如果一篇文章只有几行字或非常长 我们都要仔细处理以达到版面统一 切忌不要随便增加行距或随便插入其它的一 些图片元素 也不要在结束的一栏中在上方只出现几行字而使下方留出较大的空位 对于这些较大的空位 我们可以 使用引言而不是图片来填充 因为这些引言可以使版面产生适当的视觉暂停 但我们使用引言不一定只是被动地填充 空位 特别是在处理一些长文章中 我们可以事先就精心准备引言的使用 读者在看一个版面时 会首先注意图片 及其它视觉元素 然后就会阅读标题 副标题 图片说明文字及引言 然后才会阅读正文 一个有经验的编辑会 非常善于利用引言来安排版面及吸引读者 所以设计师不要将引言看成是一个可有可无的配角 正确使用引言或用引 言来安排版面 有时能够产生极佳的视觉效果 说完了 看一下我们设计这个版面的基本尺寸吧 对开版面的尺寸为 1 7 5 5 英寸 折叠后尺寸 8 5 5 5 英寸 同时 请参阅本文开始时的参数对话框的设置 紫色的参考线是安排文字栏 蓝色参考线是安排图片 文字栏的间隔为 1p6 1 4 英寸 文字与图片必须有 1 2 英寸的间隔 所以 必须先安排好版面 再开始设计 本文颜色如下 提高创新能力的 20 个技巧 按照认知心理学家罗伯特 斯腾伯格的说法 创新创新可大致定义为 创造既新颖又有价值的东西的过程 2003 年 创新其实就是寻找解决问题和将要处理情形的新途径 这不是仅限于艺术家 音乐家或作家的一种技能 它是一种对 各行各业都有用的技能 如果你曾想要提高自己的创新能力创新能力 下面这些技巧可以给予你帮助 1 全身心投入全身心投入 第一步就是要全身心投入地去发展你的创新能力 不要放弃你的努力 设定目标 争取别人的帮助 每天花点时间发 展你的创新技能 2 变成一个专家变成一个专家 发展创新能力的最好方法之一就是成为这一领域的专家 通过对课题的深入理解 你将能够更好地去思考问题新颖的 或者创新的解决方案 3 奖励你的好奇奖励你的好奇 发展创新能力的一个常见障碍是 感觉好奇是一种胡思乱想 当你对某事感到好奇时 不要斥责自己 而是要奖励自 己 给自己一个机会去探索新的课题 4 认识到有时创新本身就是奖赏认识到有时创新本身就是奖赏 奖励自己很重要 但同样重要的是发展内在的动力 有时 创新的真正奖励在于其过程本身 而不是产品 5 乐于冒险乐于冒险 当开始发展你的创新技能时 为了提升自己的能力你必须愿意承担风险 你的努力可能不会每次都最终成功 但依然 会增强你的创新才能和发展未来可用的技能 6 建立自信建立自信 对自己能力的不自信会抑制你的创造力 这就是为什么建立自信是如此重要 记录下你已经取得的进展 表扬自己做 出的努力 并且总是设法来奖励你的创意 7 为创新投入时间为创新投入时间 如果你不为创新投入时间 你将无法发展自己的创新才能 每周安排一些时间 集中花在某些类型的创意项目上 8 克服阻碍创新的消极态度克服阻碍创新的消极态度 根据在美国国家科学院学报上发表的 2006 年的一项研究指出 积极的情绪能够提高你创造性的思考能力 据这项研 究报告的首要作者亚当 安德森博士说 如果你正在做需要有创意的工作 或者在一个智囊团 你会想在一个有好心 情的地方 着重消除那些可能会损害您发展创新能力的消极想法或自我批评 9 克服失败的恐惧克服失败的恐惧 担心你可能会犯错或者你的努力将会失败 这会阻碍你的进步 每当你发现自己有这样的感觉 提醒自己 错误只是 过程的一部分 虽然你可能偶尔会在创新的道路上跌倒 但是你最终会达到自己的目标 10 激发新思路的头脑风暴激发新思路的头脑风暴 头脑风暴是一个在学术界和专业领域常用的技术 但它也可以作为开发你的创新能力的强有力工具 首先把你的判断 力和自我批评放一边 然后开始写下相关的想法和可能的解决办法 目标是在一个相对较短的时间内产生尽可能多的 想法 接下来 重点明确和细化自己的想法以达成最佳的选择 11 认识到大多数问题都有多个解决方案认识到大多数问题都有多个解决方案 下次处理问题的时候 尝试寻找各种解决方案 不要简单地依赖你最初的想法 花时间去思考下其它可能的办法来处 理这种情况 这个简单的举动对于培养你解决问题能力和创造性思维都是一个很好的方式 12 记创新日记记创新日记 开始写日记 记录你的创新过程 跟踪你的创意 日记是反思你已完成工作并寻求其它可能解决办法的一种非常好的 方式 日记可用于保存想法 以便以后可能成为未来的启示 13 创建一幅脑图创建一幅脑图 脑图 思维导图 是将各种想法联系起来并寻求问题的创新性答案的好方法 要创建一幅脑图 首先写下一个中心议 题或者单词 然后围绕中心词链接相关的因素或者想法 虽然类似于头脑风暴 但这种方法允许有分支的想法 并提 供了一种非常直观的方式看到了这些想法是如何相互关联的 译者 推荐开源脑图软件 FreeMind 14 挑战自己挑战自己 当你已经有了一些基本的创新技能 重要的是要不断地挑战自己 以进一步提升自己的能力 寻找更困难的解决方法 尝试新的事物 避免总是使用你在过去使用的相同的解决方案 15 尝试尝试 六顶帽子六顶帽子 技巧技巧 六顶帽子 的方法是指从六个不同的视角来看问题 通过这样做 你就可以产生更多的想法 而不是像以往那样你可 能只从一两个视角看问题 红帽子 带着情感看问题 你有什么感受 白帽子 客观地看问题 事实是什么 黄帽子 使用积极的观点 这个解决方案的哪些部分行得通呢 黑帽子 使用消极的观点 这个解决方案的哪些部分行不通呢 绿帽子 创造性的思考 其它变通的想法有哪些 蓝帽子 广泛地思考 最好的整体解决方案是什么 16 寻找灵感的源泉寻找灵感的源泉 绝不要期望创新偶然产生 寻找新的灵感来源 这将给你提供新的思路 并激励你给出问题的独特的答案 读一本书 参观一个博物馆 听你自己喜欢的音乐或者与朋友进行一次热烈的辩论 利用任何最适用于你的策略或方法 17 为创新创造机遇为创新创造机遇 除了寻找灵感 你还需要为创新给自己创造机会 这可能包括接手一个新项目或者在你当前的项目中寻找新的工具 18 考虑替代方案考虑替代方案 当解决一个问题时 利用 如果 的假设来考虑每种可能的方案 如果你使用一种特别的方案 会出现什么结果呢 通过预先注意这些替代方案 你就能更好地构想出问题的有创造性的解决方案 19 创建流程图创建流程图 当你正在开发一个新项目 首先创建一个流程图来追踪该项目从开始到结束的全过程 寻找各种途径或者可能发生的 一系列事件 一个流程图可以帮助你将最终产品直观化 消除潜在的问题 产生独特的解决方案 20 尝试尝试 滚雪球滚雪球 技巧技巧 你有没有注意到一个好的想法常常直接引出另一个好想法 当你正在为你的项目构思的时候 你可以使用 滚雪球技 巧 来利用这一点 如果这个想法不是很适合你现在的工作 那就把它放一边 等待日后的工作使用或者实施在未来 的项目中 色彩对比教程 译者的话译者的话 对于设计人员来说 色彩就象一个难以捉摸的情人 从本质上来说 所有的色彩总是与其它色彩一起 呈现而不会单独存在 而不同的色彩对比能够产生不同的视觉效果 了解一些基本的色彩对比原理 对于我们在设计 中选择颜色及颜色的把握上都有着重要的意义 本文摘自 Michael Freeman 所著 Digital Photography Expert Colour 一书 当我们处理颜色时 有一系列现象会与视觉大脑皮层联系起来 这种联系对于颜色是否协调理论有着重要的意义 你也可以将这些理论应用在你的图片上 其中涉及到两种最重要的对比 连续对比 successive contrast 及同 时对比 simultaneous contrast 连续对比是由法国科学家米 歇 欧仁 谢弗勒尔 Michel Eug ne Chevreul 在 19 世纪 20 年代所发现的 连续对比也称作 后象 after image 因为我们的眼睛在看完 一种强烈的颜色之后 我们的眼睛会出现另一种相反色相的颜色 在下图中 当你盯着左边有红色圆圈 将注意力放 在中间的那个十字标志的地方一分钟 然后快速将眼睛转到右边白色的区域里的十字标志处的地方 你会 看到 另一 种不同颜色的圆圈 蓝绿色 如果你在看完红色后立即紧闭双眼 也会出现这种现象 这种 后象 现象是眼睛及 大脑的共同作用而产生的 如果你注视一种强烈的颜色时间越久 这种现象就会越明显 这种连续对比的特点在于后 象中的颜色总是原来那些圆圈上色相的补色 我们盯着左边方框中间的十字的地方至少半分钟后 然后快速转向右边白色的背景 你会看到什么 连续对比 连续对比与同时对比原理相似 但会较迟才产生 就是说 当我们的眼睛看到一种强烈颜色后 眼睛会产生这种颜色 的补色 但却是在过一段时间才发生 比如 你盯着下图红色圆圈中心点至少半分钟 然后立即将视线转到旁边空白 地方的中心点 你会看到一个逐渐出现的后象 它的颜色是青色 如果这个圆圈是绿色 你可以在 Photoshop 里自 己尝试一下 那后象的颜色就会是红紫色 同时对比同时对比 与连续对比紧密相关联的是同时对比 指的是一种颜色与另一种颜色相并列时 在观看其中一种颜色时会出现相邻颜 色淡淡的补色的效果 特别是在一种中性色与一种强而单纯的颜色并列时效果更