• · 创意LOGO设计的10个注意事项...
  • · LOGO设计界 的几种经典设计 |...
  • · LOGO设计如 何选择正确的颜色 ...
  • · 支付宝再诉台湾“欧付宝”商标侵权...
  • · Logo收藏家新版logo新鲜出...
  • · 餐厅logo设计欣赏 | 杭州l...
  • · 让用户 十秒离开你的网站的25种情...
  • · 《我是歌手》节目更名《歌手》 |...
  • · 如何看待优酷更换LOGO设计 |...
  • · 那些瞬 间让人萌化的动物logo设...
  • · 如何做 一款保护大熊猫的公益LOG...
  • · 各大银行logo设计解读 | 杭...
  • · 如何用 阿拉伯数字设计一个LOGO...
  • · 大神教 你如何设计手游LOGO |...
  • · 杭州logo设计的五大设计要点 ...
  • · 如何选择合适的logo设计颜色 ...
  • · 你有考虑过设计圆形logo吗?
  • · 国内logo设计报价,告诉你设计...
  • · 来自东 方的中国风海报设计
  • · 美国总 统竞选海报历年设计大回顾
  • · “less is more”的设...
  • · 如何让 你的品牌深入人心
  • · 微软的硬件设计终于“巨硬”了一回
  • · 今年这 些品牌的包装设计都以各自的...
  • · 广告设 计中关于平衡理论的重要性
  • · 苹果商店的十大设计
  • · 今年各 大品牌的双十一海报亮相
  • · 中国34个省市的字体logo设计...
  • · 如何设 计一张专业的名片
  • · logo设计的精髓到底在哪?
  • · 别让你的商标轻易地go die!
  • · 企业VI设计到底是什么?
  • · 如何用 字体设计出一个优秀的log...
  • · 微信推出“小程序”,亮点都在这里...
  • · 阿迪达 斯最近几年如何通过品牌营销...
  • · 各家互 联网公司中秋月饼大揭秘!
  • · 争做辣条界的iPhone——卫龙
  • · airbnb将为旅 行创造了更多的...
  • · 在奢侈品界里,Tiffany成为...
  • · 里约奥 运会的落幕悄悄拉起东京奥运...
  • · 深色系 背景的用法竟然有这么多的细...
  • · “优质低价”这张免 死金牌在全球经...
  • · 一款怀旧主题的AR手机游戏pok...
  • · 如何在 网站设计中通过细节来提升作...
  • · 阿里云logo形象设计全新升级
  • · uber和滴滴 竟然都默默地合并了...
  • · 对LOGO和图标 还傻傻分不清楚?
  • · 维多利亚国家美术馆(NGV)启用...
  • · 澳大利亚电信巨头Optus更换新...
  • · VI设计的设计流程
  • · VI设计的原则
  • · 企业VI设计
  • · VI设计的基础程序
  • · VI设计对企业的重要性
  • · 关于LOGO的常识
  • · 如何制作Vi手册及常用尺寸规范
  • · 肯德基 品牌更新启用第六代新形象
  • · 奥斯卡主办方新LOGO更换成功
  • · 2014中国APEC峰会官方Lo...
  • · 全球最佳品牌排行榜2013
  • · 隙间——隈研吾2013中国展
  • · 纽约字体艺术
  • · 奥克兰 Silo 剧院视觉形象
  • · 著名时装零售品牌C&A更换新lo...
  • · 微软发布新Logo:25年来首次...
  • · Smartisan OS锤子科技...
  • · 品牌再 造为什么这么难
  • · Asiadesign Large...
  • · 庆祝品牌30周年,健怡可乐最新包...
  • · 葡萄酒新品牌HomoVino“同...
  • · 伦敦设计贸易会2013百分百设计...
  • · 农产品变身:品牌形象、包装设计创...
  • · 达能集团依云(Evian)唯美到...
  • · Meters/bonwe上海美特...
  • · The Starbucks Gl...
  • · Think Green环保品牌设...
  • · 著名的 油漆品牌多乐士(Dulux...
  • · 名啤酒商喜力(Heineken)...
  • · 快乐换标 洽洽品 牌新形象隆重发布
  • · 麦肯集团(McCann Worl...
  • 广告设 计中关于平衡理论的重要性

     

    在平面 设计中很重要的理论就是关于平衡的应用。无论在logo设计还是网页设计还是海报设计中,一个好 的设计一定会兼顾视觉的平衡。今天就 跟大家一起看看平衡的力量。

     

    构图平 衡主要意味着调整设计中积极元素与消极元素之间的关系,确保设 计中的区域不存在偏差。每一种 元素都彼此相连,组成一 个无缝衔接的整体。而不均 衡的构图会引发紧张,当设计 中的元素失衡时,单个元 素可能会冲击整体元素,各个元 素而不是设计整体占据了主要地位。在某些项目中,可能会 利用非均衡的效果,但大多 数的构图都是平衡的。

    平衡无处不在

    无论你 是有意还是无意,平衡感 对我们的视觉判断产生非常深刻的影响。人类在 观看任何东西时其实都是在寻找一种平衡稳定的状态。
    设计理
论中无时无刻都很重要的平衡
    如果你仔细观察,平衡对 称稳定的状态在自然界中是无处不在的。留意上面的几个图,我们在 观察这些对象时,当我们 的视线集中在中心位置时总是会感到最舒服。这是平 衡理论最重要的要点。

    在元素中产生平衡

    水滴,其最基 本也是最简单的形态其实就是一个圆点,一个圆 点会引导你的视线去到中心位置。其中在很多设计中,包括很 多著名的标志及商标的设计都可以看到这一点。
    设计理
论中无时无刻都很重要的平衡

    平衡稳 定的状态使到上面这几个标志显得平稳持久。每一个 标志都能够吸引你的眼睛,因为这 些图案都会引导你的视线去到中心点上。

    位置上的平衡

    当我们 的眼睛在观察一个区域时,我们的 视线仍然会很自然地去到中心点。在这个 区域如果放上某个元素,不同的 位置摆放会在我们的心理产生不同的感应。
    设计理
论中无时无刻都很重要的平衡
    设计理
论中无时无刻都很重要的平衡
     
    在上面的几个例子中,我们不 能忽视一点的是,上面的 白色纸张并不是一个被动的载体,空白的 平面在任何结构上都是一种能够产生互动的积极元素。

    在版面中产生平衡

    每一个 元素都涉及到形态、方向及数值。要让整 个版面产生一种平衡感,其实就 是通过对元素的安排及调整将视觉重心放在中心位置上。当然,你也可 以故意制造紧张的版面结构――这同样 是一种在广告设计中十分有价值的设计。
    设计理
论中无时无刻都很重要的平衡
    设计理
论中无时无刻都很重要的平衡
    设计理
论中无时无刻都很重要的平衡

    物理平衡与视觉平衡

    物理世 界的平衡不难理解,因为我们经常见到。当物体 失去平衡时便会倾斜或摔倒。你可能 也亲自体验过跷跷板—你和你 的朋友必须保持它的平衡。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    坐在跷 跷板左端的人的力是逆时钟方向的,而右端 的人的力则是顺时针方向的。双方所 用的力方向相反,力的总和为零。如果一 个人的体重超过另一个人很多的话,跷跷板就会失去平衡。
    设计理
论中无时无刻都很重要的平衡
     
     
    上面这 幅画让我们觉得不舒服,因为左 端的人没有足够的力去平衡右端的力。跷跷板 的右端会触到地面,然而,如果右 端的人向中心方向移动的话,跷跷板 会再次取得平衡。
     
     
     
    设计理
论中无时无刻都很重要的平衡
     
     
    视觉平 衡的道理也是一样。只是把 物理视觉的力换成了视觉力,把物理 世界中力的方向换成了视觉方向而已。下面给 出了简单的视觉力量和视觉方向的定义。
     
    视觉力:是指设 计中各个元素对观看者目光的吸引力。
     
    视觉方向:是指当 元素能够移动时,它会自行移动的方向。
     
    当然,在设计中,力的方 向和大小都无法用仪器精确判断,确认一 个构图是否平衡,只能依 靠双眼设计中也会通过这种对比来突出重点。
     
    如同在 现实世界中一样,视觉平衡是一件好事。一个不 平衡的设计会让观看者觉得不舒服。请看上 面第二幅图中的跷跷板,它给人的感觉是“不对”的,因为我 们的本能让我们知道跷跷板不应失去平衡。
     
    视觉力 其实就是观看者对设计中的元素分配的注意力。当一个 设计视觉上平衡时,它的每 个部分都能吸引观看者的注意力。均衡的 设计往往能让观看者长久停留。
     
    当设计 中没有视觉平衡时,观看者 可能对某些元素或区域毫不留意。那么这 些区域或元素所包含的信息就会缺失。
     
     

    平衡的四种类型

    平衡一 个构图不止有一种方式。在前面 我们已经看到了两种平衡。第一张 是对称平衡的例子,第二张 是不均衡对称的例子。另外两 种平衡分别是放射平衡与分散平衡。
     
    设计理
论中无时无刻都很重要的平衡
     
     
     对称平 衡指的是环绕一个中心点或者轴心,两侧元 素力量均等的平衡。对称均 衡给人一种很正式而优雅的感觉。西方传 统婚礼邀请函的设计就是一个对称平衡的好例子。
     
    对称平 衡的缺点是它是静止的,有时会 给人以无聊的感觉。因为设 计的一半与另一半几乎完全相同,其中一 半的图案是可以预测到的。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    不对称 平衡是由构图中不对称的视觉力量所组成的平衡。构图中 的某个元素占有主导位置,它的力 被一系列更小的元素所平衡。也就是说,一个力 可以被许多力所平衡。
     
    不对称平衡更为动态,也更为有趣。它给人以现代,运动,活力的感觉。这种对 称能带来视觉上的更多选择,虽然它也许难实现,因为各 个元素之间的关系较为复杂。
    设计理
论中无时无刻都很重要的平衡
     
    放射平 衡由一个中心点所发出的多种元素之间的平衡实现。日光或 池塘中的涟漪就是放射平衡的例子。这种平 衡较为容易实现,因为它 的中心是固定的。
     
    由于各 个元素都有一个共同的中心,所有的 元素自然把观看者的目光引向这个中心,使它成 为视线的焦点所在。
     
    设计理
论中无时无刻都很重要的平衡
    杭州VI设计
     
     
    分散对称
    分散对 称是对混乱做再平衡的结果。想象一下Jackson Pollack的油画。画面构 图没有明显的视觉点,但各个 元素依然保持着某种一致。第一眼看上去,各个元 素似乎没有平衡。但它们 都共同遵循着某种秩序。
     
    对称与反对称
    对称和 反对称在构图中都有其作用,但最终 都会把设计引向平衡。对称是美好和谐的,但从一 个角度看也是静止和无趣的。反对称更有意思,更为动感,但本质 上并不被认为是美丽的。
     
    对称:对称主要有三种类型。
    映射对称(双重对称)是指所 有元素都围绕着一个基本轴线映射而成的对称。这也是人们听到“对称” 这个词 第一时间想到的东西。这种对 称一般是垂直或水平展开。人脸和 蝴蝶都是对称的例子。
     
    当轴线 两侧的元素可以完全重合时,就是一 个所谓的纯粹对称。大多数时候,由于轴 线两侧的元素多少会有些不同,纯粹对称是很罕见的。对称甚 至可以沿着多重轴线展开。向日葵就是一个例子。
     
    旋转对称(放射对称)指的是 围绕一个中心点展开的对称。只要有一个中心点,这种对 称可以发生在不同角度和频率上。这种对 称常用来表现速度,运动或动感的事物。运动中 的车轮就是一个例子。
     
    递进式 对称指的是元素有规律地在空间中重复的对称。篱笆就是一个例子。它可以以任何间隔,在任何方向上展开,只要其 基本的规律是固定的。这种对 称也用于展现旋律,运动,速度等。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    对称一 般被视为前景而不是背景。一般而 言对称比不对称具有更多的视觉力。
     
    对称能 传达出平衡的感觉,但他们 常常显得过于稳定,过于平衡,形式上容易呆板。对称也 常产生被动空间,因为他 们包含的空间几乎全是一样的。
     
     
    反对称
    反对称 缺少对称所具有的平衡结构,虽然它 也可以对整体构图的平衡发挥作用。反对称 结构在自然界中十分普遍:螃蟹的 爪子大小各不相同。树枝朝不同方向生长。云朵的形状变化万千。
     
    反对称 结构在元素间形成了较为复杂的关系,因此比 对称结构更有意思。由于这一点,它常被用来吸引视线。
     
    环绕不 对称形式的空间更为灵活。它们的 模式更为不可预测,在不对 称的空间中有更多自由。唯一的遗憾是,它很难使用。
     
    但将不 对称和对称形式综合起来利用时,往往能 达到很好的效果。你可以 用不对称形式达到对称,亦可以 用对称的形式去平衡不对称。在设计 中配合使用对称和不对称能让各个元素更吸引注意力。
     
     
    格式塔 原则中有一条原理与对称形式及平衡的关系非常密切。虽然这 远非唯一的原则。
    原则中 的视觉焦点与相似度都解释了视觉力的由来。一致性,平行等 原则与视觉方向有关。前面我也说过,对称结 构一般都是前景而不是背景。由此可见,我们介 绍的许多设计原则并非凭空而来。它们往 往与我们对空间的视觉体验有关,而这已 经属于心理学的范畴。
     
    对称平衡的示例
    Helen & Hard的整个 网站都采用了对称平衡的方式。下面的 截图来自网站中“关于”的页面,但网站 其他页面的布局也与之类似。其中在设计展示网站behance上,你可以 看到很多这样的网页设计的案例。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    页面中 的所有内容都围绕着一个纵向的中心展开。Logo是中心对称的,导航按 钮也是中心对称的,圆形的 画面同样也是中心对称,标题也是中心对称的,三个部 分的文本也是中心对称的。但页面 的平衡并非完美对称,例如每 部分的内容数量并不一样。
     
    然而,请注意页面的顶部。导航条和logo事实上都在中心,但看上 去他们并非位于中心。位于导 航条左侧的三条目录比右侧的目录拥有更多的字母,但我的 视觉本能要求它们的字母数量一致,视觉中心也是放在“关于”和“成员”之间更为合理。
     
    所以我认为,将这两 部分元素调整一下,从物理 中心移动到视觉中心的位置会更好一些。Tilde 网站的 主页是另一个对称平衡的例子。如同Helen & Hard网站一样,这个页 面的一切都为熬着一个纵向的轴心展开,这个轴 心纵贯整个页面的中心:导航,内容,图片中的人员等等。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    Tilde网站首页截屏
    如同在Helen & Hard页面中一样,这个页 面中的对称也不是纯粹对称。因为轴线两侧Neri并非完全对等的映像。某一侧 的某些内容还存在缺失。
     
     
    非对称平衡的例子
    Carrie Voldengen的主页 展示了一个以对称形式实现非对称平衡的范例。请看页面的整体构图,我自己 至少能发现几个不规则的图形。
     
    设计理
论中无时无刻都很重要的平衡
     
    页面的 大部分内容是一个很大的长方形,包含了 一系列较小的长方形图片。这个大 长方形无论纵向还是横向都有一个轴心。给人的 感觉十分稳定和平衡。
     
    在这个长方形的右侧,有一个 似乎是从长方形内容上生长出的“内容块“。它被页 面左上方的圆形图案和文字所平衡。这两部 分的内容到视觉中心点的距离相等。右侧的文字Neri更大,但左侧的圆形logo拥有更多视觉力。因此这 两部分内容大体保持了均衡。
     
    长方形 的下方也有少量文字,但它们的视觉力很轻,不致于 使整个构图失衡。
     
    我特别截取了 Hirondelle USA  主页上 的一张图来说明非对称平衡的情况。
     
    设计理
论中无时无刻都很重要的平衡
     
     
     Hirondelle USA网站首页截屏
    图片中 小孩抱的柱子略微偏离视觉中心,它的方向是纵向的,并拥有很强的视觉力。柱子左 侧的护栏提供了一个很强的联系,把柱子 与画面边缘连接起来。它看起来也非常稳定,并且页 面中没有其他元素能打乱它们的稳定性。
     
    护栏上 方的文字被护栏支撑着。然而,它在视 觉上也被画面右侧的男孩所平衡。观看者 也许感觉护栏是“悬挂”在柱子左侧的,难免会使画面失衡,但男孩 的形象和深色的背景不仅平衡了护栏,也平衡了其上的文字。
     
     
    放射平衡的例子
    Vlog.it 网站的 主页清楚地展示了放射平衡的例子。除了右 上角的小图形之外,页面中 的任何元素都围绕着页面中心展开,形成三个圆环。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    Vlog.it 网站截屏
    但遗憾 的是在这张截图上你看不到页面是如何加载的。在页面 左侧的一点与页面的中心之间有一条线。从这一点开始,页面中 所有内容沿着中心旋转展开或呈放射状展开,如同池塘的涟漪一样。
     
    Shiny Demos 网站不是圆形的,但页面 中等个文字似乎拥有一个共同的中心点。所以观 看者很容易把它看做是一个旋转的形体,中心就是正中的,由四个 方块组成的立方体。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    Opera’s Shiny Demos网站截屏
    页面左 上角的标题和右下角的logo也是彼此平衡的关系,并给人 一种从正方形方块中脱离而出的印象。
     
    这个例 子也很好地说明,放射平 衡并不一定都是圆形。
     
     
    分散平衡的例子
    你可能 会觉得在用于网络的设计中,分散式 平衡是最少见的,特别是当我举了Jackson Pollack的油画作品为例后。事实上 这方面的例子比你认为的要多的多。
     
    “兔子故事”的主页 是个很好的例子。页面中 单词排列的方式给人的感觉是混乱的,但页面 的构图依然存在平衡。
     
    设计理
论中无时无刻都很重要的平衡
     
     
    兔子左 右的页面区域大概相等,颜色也一致。中心的 兔子图案甚至可以视为一种视觉焦点。在你看 到这个页面后不久,你就会 注意到兔子的存在,但它周 围的元素则不容易被用户注意到。
     
    我并不 准备一个一个指出哪种元素与哪种元素相互平衡,但希望 读者能理解整体平衡的情况。大体上说,右侧的 混乱度稍高一些,但并没 有到足够扰乱画面平衡的程度。
     
    内容密集型网站,如新闻 和杂志网站也常采用分散式平衡。请看下面The Onion 的主页截图。 在截图中,我移除 了页面的背景图片。
     
     
    设计理
论中无时无刻都很重要的平衡
     
     
     
    The Onion网站截屏
    这个页 面有很多可观指出。页面布局并不对称。纵列的内容并不相等。很难判 断哪些内容与哪些内容是平衡的。整个页 面似乎也没有一个共同的中心。
     
    由于内 容块的大小不同,页面存在一定的混乱。由于页 面的内容是每天更换的,页面的“混乱”也是每天更换的。
     
    可能说 这个页面是分散平衡有点夸张,但我想说的是,许多网 站就是以这种方式取得“混乱平衡”的,虽然有 许多网页中的混乱排版并非是有意安排的结果。
     
     
    这些设 计原则都是源自人类的认知规律和格式塔理论。并非是 人为的凭空捏造,而是基 于我们对周围环境的视觉感知。
     
    例如,我们注 意到视觉焦点的一个原因就是该元素与周围元素所形成的对比。因为它 们与其他元素不同。这种判 断可能与人类祖先对朋友和敌人的区分。这对于 人类的生存非常重要,所以我 们判断特殊的东西时,反应会非常迅速。
     

     

    友情链接:    诚信网投   伯爵棋牌靠谱吗   鸿运棋牌最新版   鸿运棋牌官网版   鸿运棋牌可靠吗