希灵顿是 原创welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司训练营. 在线或在校学习! welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司训练营. 在线或在校学习!

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的5个基本原则 & 他们的重要性

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司原理的说明

什么是“糟糕”的设计? 什么是“好的”设计? 你怎么能分辨出来呢? 难道你一眼就能看出来吗?  嗯,welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司无疑是关于美学的,这可能是主观的. 毕竟,情人眼里出西施. 但在这里, welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司-welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的老师相信制作一个成功的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司, 这里有一些你必须考虑和遵守的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司原则. 如果它们不能协同工作,整个设计就会受到影响.

(如果你想知道,等一下——“welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司”这个词到底是什么意思? 读一读 在这里 第一个.) 

任何读过艺术或设计导论的人都会遇到各种各样用来描述事物外观的词汇. 每个方面都有专门的术语来评论. 行, 语气, 运动, 纹理, 重量, 规模, 形状, 作文, 对称, 影响只是你开始的几个方面. 但是,有这么多的词来批评一个设计可能会开始混淆和复杂的过程. 

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的方法 希灵顿的教学设计 是用一种简单直接的方式学习基础知识吗. 所以,welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司已经磨练了五个基本的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司原则:

  1. 对齐
  2. 重复
  3. 对比
  4. 层次结构
  5. 平衡/利用张力平衡

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司世界各地的希灵顿教室里, welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的老师总是反复讲解welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的基本原理.

从演示的第一天,到最后的作品集审查. 如果有什么不对劲, 或者不工作, welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司相信你总是可以追溯问题的根源. 

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司甚至在教室里的每台电脑显示器上都贴上了五个基本welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司原则的视觉提醒! 这可以作为一个持续的提醒,提醒你经常回顾这些原则.

在这篇博文中, welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司将使用设计示例来检查每个原则, 以及了解图形设计原则如何协同工作,以帮助welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司将正确的信息传达给正确的受众. 让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司开始,并学习如何掌握welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的基础知识.

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中的对齐原则说明

对齐

对齐创建一个更清晰,更统一的设计

对齐是最基本的方法之一, 但最重要的设计原则, 因为它让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的眼睛看到秩序, 这对读者来说是相当安慰的.

曾经看过一个设计,却不知道该往哪里看? 左,右,居中? 在设计中有一个强大的对齐点可以让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的眼睛无缝地流过视觉信息. 将元素彼此对齐,使每个元素都与页面上的其他元素有视觉联系, 加强设计,消除随意, 杂乱的效果来自于元素的随机放置.

对齐彼此不太接近的元素可以提供一种看不见的连接, 传达它们属于同一块的想法.

2Dwelcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司之外, 当画沿着一条看不见的线均匀地悬挂时,可以观察到对齐, 如何在Microsoft Word文档中切换段落文本的右/左/中对齐方式, 或者用一行偶数线标出的停车位. 如果你想看一些真正可怕的排列,请点击 洛杉矶这个令人困惑的标志.

让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司来看看welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中对齐的一些好的视觉例子.

图书馆标识在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中显示对齐

图片来源:Collider / Surry Hills Library

在第一个例子中,标识来自 悉尼的萨里山图书馆,所有的东西都在一个清晰的边界内对齐,如绿色虚线所示. 字体和图标都在左边,而所有的箭头都在右边. 这在元素之间创建了视觉连接,并简化了布局.

在图形设计中显示对齐的菜单设计

图片来源:Motyw Studio为一家家庭咖啡馆设计的品牌

在图形设计中显示对齐的菜单设计

图片来源:Motyw Studio为一家家庭咖啡馆设计的品牌

一致性在其中扮演着重要的角色 Motyw Studio为家庭咖啡馆设计的菜单. 字体向左对齐,而所有的价格向右对齐. 对齐扩展到菜单的多个页面,以便图像, 标题和信息总是对齐的. 这创造了元素之间的视觉联系, 简化布局,并确保观众总是知道在哪里找到他们正在寻找的信息.

welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中重复原则的例证

重复

重复通过将不同的部分联系在一起而强化设计, 结果就是, 创建关联. 

把重复看作是一致性. 通过重复设计元素,你可以立即创造出一种熟悉感或认同感.

重复是影响多页文档一致性的主要因素. eg. 在查看出版物时,应该立即很明显地看到p.5和p.10属于同一出版物或由网格, 式风格, 字体大小, 颜色, 空间关系, 等.

重复也可以用于创建图形元素, 比如模式, as long as it doesn’t become overwhelming; be conscious of contrast.

重复可以帮助人们识别分开的东西是属于一起的. 把它想象成一个家庭. 家里的每个人看起来都有点不同, 但有足够多的相似之处,你可以看到它们都是相关的. 
让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司来看看welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中重复的一些好的视觉例子.

包装在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出重复

来源:奥利波普气泡补液罐

包装是一个伟大的方式,看到这在行动. 把这些 Olipop罐 举个例子. 有重复的标志位置,它使用相同的字体. 每一个都有不同的颜色和插图来区分不同的味道, 但它们都很相似,足以让人认识到它们是同一个家族的成员.

包装在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出重复

图片来源:Four Point Beer手工品牌

包装在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出重复

图片来源:Four Point Beer手工品牌

啤酒龙头在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出重复

图片来源:Four Point Beer手工品牌

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现重复的标识

图片来源:Four Point Beer手工品牌

这个例子 Fort Point啤酒的视觉识别设计 展示了重复在品牌推广中是多么的重要. 该公司正试图建立一种强烈的识别感,在不同的消费者接触点上重复的图案和插图风格创造了强烈的一致性和品牌知名度.

图解welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中的对比原理

对比 

对比是在你的设计中创造重点和影响的最有效的方法. 

当两个元素完全相反时,就会产生对比. 例如:大号/小号, 古典/现代字体, 薄/粗的线, 酷/温暖的颜色, 黑暗和光明, 光滑/粗糙的纹理, 水平/垂直, 等. 

对比在页面信息的组织中起着至关重要的作用. It gives the reader a guide on w在这里 to look 第一个; What is the most important point? 什么最突出? 

为了使对比有效,它必须是强烈而明显的. Our eyes like contrast; don’t make differences look like a mistake. 要产生影响,差异必须是明显和极端的

例如, 在数字设计中,当同意在线条款和条件时,“我接受”是用大胆的颜色表示的, 而“I decline”则是浅色的,似乎会逐渐消失.

让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司来看一些在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中运用对比的好例子.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出对比的印刷设计

资料来源:《笔记2》,玛莱小学出品

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出对比的印刷设计

资料来源:《笔记2》,玛莱小学出品

在这个例子中 《笔记II》,玛莱小学, 深蓝色的外包装和亮橙色的内部暗示之间的对比是有趣的,诱使观众打开盒子. 一旦他们这么做了, 极简主义的外观和大量图案的内容之间形成了进一步的对比. 两者都能给拆包增添一种愉悦感.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现对比的招贴设计

图片来源:Muhittin g neak

在这两张黑白海报上 Muhittin Guneş例如,在标题和正文中使用比例可以创建深度和更动态的布局.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现对比的招贴设计

资料来源:Ron Henriques和安德烈Calazans

通过规模进行对比也可以起到相反的作用. 就像这个黄页的例子来自艺术总监Ron Henriques和 安德烈Calazans在这里,一个小物体周围的大量空间吸引了人们的眼球,创造了一个清晰的焦点.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现对比的招贴设计

图片来源:Vasjen Katro/Baugasm

正如你在这张海报中看到的 Vasjen Katro, 色彩的明显对比使设计中的某些元素脱颖而出, 创建强大的焦点.

包装设计在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出对比

来源:ZBS Br和s

对比也可以用在材料的选择上,你可以从这个中看到 ZBS品牌的鸡蛋包装. 在同一个项目中使用不同纹理的纸张通过对比创造深度.  

图解welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中的层次原则

层次结构

等级制度创造组织

想想看——层级通常是welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司在描述企业排名时所考虑的东西, 或者像政治和教会这样的组织. 这是一个系统,在这个系统中,人们或事物根据其重要性进行安排.

在设计, 层次结构为设计创造了一个视觉组织,并让读者知道从哪里开始和结束阅读. 作为设计一部分的每个元素都可以被赋予一个优先级. eg. 

  1. 标题
  2. 图像
  3. 小标题
  4. 网站行动号召
  5. 广告正文

然后设计师可以决定位置、大小、对比度、颜色等. 以确保实现所需的层次结构. 

客户通常会要求你增加页面上许多元素的大小,因为他们觉得所有这些点都“非常重要”。. 这种方法的问题是,这样做没有什么突出了. 

一般来说,有一条信息比其他所有信息都重要, 这应该是最突出的,并将引导观众进入其余内容.

让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司来看看welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中层次结构的一些好的视觉例子.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中显示层次的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司

图片来源:tto为Taidehalli制作的宣传材料

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中显示层次的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司

图片来源:tto为Taidehalli制作的宣传材料

在这张海报和明信片的设计中,运用了层次结构 展览由Tsto在赫尔辛基美术馆举办,通过文本样式的变化. 这是一组清晰的信息, 从视觉上引导观众从最重要的元素(艺术家和日期)到最不重要的元素.

包装在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现出对比

来源:TheStudio包装公司.se

包装的层次结构非常重要. 消费者需要能够识别货架上的产品,并了解他们购买的是什么. 在这个例子中可以看到 工作室,强调一个焦点确实能吸引顾客.

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中显示层次的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司

来源:丹巴工作室

在排版方面,层次结构意味着在整个文档中相似副本的一致样式. 在这个例子中 荷兰登贝设计公司,welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司有一个标题,介绍文本,副标题和正文. 所有这些一起工作,引导观众按照客户希望的顺序浏览信息.  

想了解更多关于排版的知识? 查看welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司深入了解术语和规则.

有关更多可视化示例,请查看 这是来自Tech Jini的伟大资源.

图解welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中的平衡原则

平衡

通过对称或元素的张力,平衡为设计提供了稳定性和结构.

平衡是通过元素的放置在页面上分配的权重.

让welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司来看看图形设计中平衡的一些好例子——对称的和通过张力的.

简单来说, 对称的平衡 可以创建一个看不见的中心线,在页面的两个部分的元素的重量是均匀的. 例如,对称平衡可以在 应/杨象征 或列奥纳多·达·芬奇著名的 最后的晚餐 绘画. 

这种形式的对称平衡通常有一种非常传统和和谐的感觉, 有时, 它可能看起来呆板和无聊. 

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中体现平衡的品牌设计

图片来源:Menta工作室的《东方之月

在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中表现平衡的标志

图片来源:Menta工作室的《东方之月

作为一个提供东方医学的中心, 由Menta工作室设计的Luna de Oriente,大量使用对称平衡来传达他们是有信誉的,高端的,值得信赖的. 标志本身使用对称的平衡, 整个文具套件使用的整体布局也是如此.

海报在welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司中通过张力表现出平衡

图片来源:克里斯托弗·道尔制作 & Co.

张力平衡 在视觉识别中使用效果好吗 由Christopher Doyle设计 & Co. 在页面顶部的强左对齐副本的位置与位于右下角的图像相冲突. 这两种元素之间存在张力,两者之间存在负空间. 效果是有活力和大胆的品质.

结论

所以,welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司得到了它. welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的五大原则. 感觉你对welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司基础有了更好的掌握?

作为welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司对你的最后挑战, 下次当你浏览设计灵感或外出时,请留意一下. 注意图形设计原则在哪些地方起作用,哪些地方不起作用. 如果你调整了一个元素,设计会崩溃吗? 或者走到一起?

了解这五个welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的基本原则? 考虑学习3个月的全职或9个月的兼职,成为希灵顿的welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司师! 校园中 纽约, 伦敦, 曼彻斯特, 悉尼, 墨尔本布里斯班.

想要赢得一些惊人的奖品,并与所有的希灵顿保持联系? 注册welcome皇冠地址 - 你知道的百科全书-welcome皇冠地址有限公司的时事通讯,自动进入抽奖.