创建令人兴奋和不寻常的视觉层次

标签: 闲话杂谈 | 发表时间:2013-07-08 10:58 | 作者:SaSa
出处:http://mux.baidu.com

印刷和屏幕布局,是平面设计的最重要的方面之一。跨过多个页面或屏幕的设计,无论类型的或大或小,必须是吸引人的,并容易为所有人接受的方式。为此我们不得不考虑的一个重要方面——控制视觉层次的设计。

在这篇文章中,我们将着眼于怎样把不同类型分解成不同的层次,如重要性和语音语调等。我们将探索如何依靠这几件事情,可以实现不同视觉质感和色调。

设计师作为读者

文字组成单词,每个单词都有意义。虽然文字规模,色调,纹理是组成设计的必要元素,但人们认可设计时,必须考虑到实际的话的含义。通过阅读,并试图了解在一个项目中某些文字使用的频率来决定的排版顺序和相对重要性的信息是至关重要的。有价值的设计师,能使关键单词和字母耐人寻味,具有挑战性,甚至令人震惊的效果,进而吸引读者注意力。

为了提高目标受众对设计的理解,并促进其与它的互动,设计人员需要换位思考,并解释他们的层次结构,根据内容增加或减少文字。


Rebecca Foster’s 在英国青年维克剧院 海报,展现了一个聪明的双重含义。


安东尼诺兰信托基金 成立在 20 世纪 70 年代在英国找到骨髓匹配,以帮助在抗击白血病。海报和 Web 页面,由约翰逊银行设计的,反映这些不同的单词相同的字母联系。

大胆使用全大写的无衬线字体是高度可见的,但它们经常被用来警告危险,他们大幅增加在整体设计中某些词的意义。

更多装饰字体能吸引人,但可能会难以阅读,将不可避免地影响到视觉上的层次,但不一定都以简单的方式呈现,所有的字体的视觉影响都需要考虑周全。


Little Miracles 的设计,使用简明的无衬线字体,用来传达微妙的口味和健康性能的有机能量饮料。

纹理和色调

字母,单词、图案多种类型在一起,形成不同的色调值和不同的特征的图案或纹理。根据这些色调值的规模及纹理,观看者被吸引到的程度不同。字体,点的大小,色调,重量,字间距,行间距和一般的空间位置分布也是重要的,因为它们的布局会造成不同程度的影响


纹理和色调控制用户读取文本的顺序。虽然主流报价在灰色方块和文字不是在页面顶部,但他们会让人第一眼就看到。

字体结合创建层次

在本节中,我们将讨论相结合的字体产生趣味。创建层次结构的关键是对比,它可以来自简单的改变重量,规模、定位、颜色、语气或字体。虽然这听起来容易,但做起来是复杂的。尽管使用了似乎是一个完全不同的字体,可能会有意想不到的效果。因此视觉的判断是至关重要的。


两种截然不同的字体, Baskerville and Futura 组合。

博物馆和画廊网站优秀的示范了复杂层次结构。字体组合增强机构的视觉识别,往往采用不同的字体匹配不同的展览内容。


维多利亚和阿尔伯特博物馆 国家肖像画廊 (伦敦)和 古根海姆博物馆 (纽约)所有的网站层次结构复杂,所有使用字体精心打造,充满秩序、结构和号召力。

多彩类型

在创建层次结构中,颜色扮演许多角色。光明和充满活力的颜色往往会吸引我们,而柔和的淡颜色可以用来征服细节。特定的颜色在不同的文化中会有不同的联想。


Frost Design 使用的粉红色在这个广告的戏剧性的对比效果,并增加了吸引力。


Frost Design 的设计 , 红色是巧妙地用于某些字形 , 引导观众去读第一和第二层次的含义。

数量型

激动人心的层次结构和视觉焦点、秩序可以创建。当文本是相当少的或者相当繁琐甚至包括多个段落、标题、说明时,“设计师作为读者”走到前台,选择适当的秩序和层次结构是至关重要的。他们必须确保观众是被吸引了。


可以说 , 上述设计有五个或六个级别的印刷上的层次结构 , 但都是协调和服务来吸引和引导读者阅读信息 , 没有使过程太复杂。


为什么网格是如此实用

网格起着至关重要的作用在图形设计的每个领域。网格是布局一个重要的组织工具。网格提供了一个框架和结构类型与图像的组合。在多个页面,一个一致的网格带来凝聚力,提高易读性。


艺术杂志图页。

MAP是一个国际艺术杂志设计的工作室。活泼的网格有不同数量的列,使在相同的页面上产生了有趣的空间。而不是通过任何印刷上的变化。其鲜明的颜色也吸引了读者。

大部分的设计到目前为止我们所看到的都是大容量文本。我们还没有讨论一页只有有限信息的文本。大量留白是一种理想状态,但使类型、图像和空间很好地协同工作,并非易事。

这个商业设计由 总部设在伦敦的设计工作室制作

这本书很多利用小文本和最小的图像。设计师们巧妙地引导读者,对重要的内容放在广阔的空间中。使用红色增加了效果。

视觉层次结构无疑是值得学习的关键,通过一个有效的设计来反映优先、重点和可能的语音语调。用这种方式工作是一种视觉上有趣的交流方式,可以非常有效地用来表达和简化信息,不仅增进理解,而且使读者异常享受阅读的过程。

摘自: THE POWER OF TYPOGRAPHYCreating Exciting And Unusual Visual Hierarchies



转载请注明出自”百度MUX”

相关 [兴奋 视觉] 推荐:

创建令人兴奋和不寻常的视觉层次

- - 百度MUX
印刷和屏幕布局,是平面设计的最重要的方面之一. 跨过多个页面或屏幕的设计,无论类型的或大或小,必须是吸引人的,并容易为所有人接受的方式. 为此我们不得不考虑的一个重要方面——控制视觉层次的设计. 在这篇文章中,我们将着眼于怎样把不同类型分解成不同的层次,如重要性和语音语调等. 我们将探索如何依靠这几件事情,可以实现不同视觉质感和色调.

Facebook的Timeline和开放图谱:创业公司的兴奋剂

- - 36氪
在硅谷的某个房间里,挤满了200多位创始人和VC,他们正认真听着硅谷顶级投资人讲述他们在选择下一家热点创业公司的时候会关注些什么. 一位VC说:“对我们来说,增长意味着一切,收入、观众或用户基础的增加都可以. 最近我们注意到,一些公司与Facebook的Timeline以及Open Graph整合后,增长速度就大幅提升.

越来越多的学生服用兴奋剂提高成绩

- - Solidot
《纽约时报》报导,当低收入家庭患者说在小学学习很费劲时,迈克尔·安德森(Michael Anderson)医生通常会给他们开一种强效药:阿得拉(Adderall). 这种药能增强患有注意力缺陷多动障碍(ADHD)的孩子的注意力和冲动控制力. 尽管安德森医生的诊断是ADHD,但在他看来,该病只是家长的“编造”和“借口”,目的是开这种药来治疗孩子的真正疾病——差学校中的差成绩.

30个让人兴奋的视差滚动(Parallax Scrolling)效果网站

- - 博客园_首页
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验. 作为今年网页设计的热点趋势,越来越多的网站应用了这项技术. 今天这篇文章就与大家分享30个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果更佳). 36个非常有趣的互动网站设计作品范例.

视觉隐藏内容

- iVane - 进步博客
组内做的一个分享,主题是“视觉隐藏内容”,主要关注隐藏的方式、方法及每种方法对可访问性的影响,并着重分析了a & label元素的可访问性,介绍了使用clip来做视觉隐藏. 内容有点散,但主题明确,其他组的几个同事来要PPT,现在传至slideshare,错误之处,请指正.

视觉隐喻碎碎念

- - 互联网的那点事
在我们做界面设计时,如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素,. 用户会比较容易地学会产品的使用,这种手法就是视觉隐喻(metaphoric). 隐喻范围可以从整个界面到工具栏上的一颗小按钮. 整个界面都用隐喻的设计方法,最典型的例子就是游戏,整个现实的场景搬到游戏里面,用户一看就知道,.

“后视觉设计”时代

- - 阿里巴巴(中国站)用户体验设计部博客
一直想透过某种方式,把自己对视觉设计的一些理解和看法梳理一番. 同时目前团队里的视觉设计师,大多有一些共同的苦恼、疑惑和对前景的不明晰. 希望我的这些理解和看法对大家有所启发,能让大家对自己所从事的职业有更深入的思考.  这是我在某设计师群里说的一句话,里面有一个多年从事运营视觉设计的同学,立马跳出来反驳,最后到了只差骂:“你才死了.

兴奋剂检查不过关 自行车手扮黑客修改电脑数据

- fyits0 - cnBeta.COM
有人会呼天抢地哭诉说,自己吃错药或者吃了不干净的食物;也有人会打肿脸充胖子,一口咬定自己是清白的. 美国自行车手兰迪斯可能是最极端的一个入侵法国反兴奋剂的电脑,企图把自己的药检报告从“阳性”改成“阴性”,他昨天因此被判有期徒刑18个月.

谁说移动广告没前途?地理位置技术普及让广告商们又兴奋了

- - 钛媒体TMTpost—把脉科技资本论
据国外媒体报道,在全球在用的12亿部智能手机中,7.7亿部支持GPS(全球定位系统),地理位置数据已经开始“弥漫”在整个移动领域. 采用地理位置技术的移动 广告因其效果和高高在上的价格令业内人士感到激动. 许多移动 广告交易平台最近都报告称,采用地理位置技术的移动 广告映像增长了3位数. 报告还阐述了地理位置数据推动移动 广告业务增长的途径:.

Google 今年在 AI 领域大秀肌肉,为何我们既兴奋却又感伤?

- - 只为商业新变量 | 极客公园
作者: 龟途慢慢 人人都知道 Google 很强,但他们一般不太在这方面张扬自己. 似乎人人都知道 Facebook 旗下有 Facebook、Instagram、Messenger 以及 WhatsApp 这四大应用,但 Google 好像不太给人如此清晰的印象. 然而,在今年 Google I/O 第一天 Keynote 开场的时候,Google CEO Sundar Pichai 就用一系列数字好好地秀了一下自己的肌肉.