“懒人”设计思维:以不变应万变

  设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的。时间与设计出来的效果也并不一定成正比。平面设计师或许应该培养一种“懒人”设计思维,面对一个设计时,心里应该想着的只是如何以最简单的方式完成,出来的效果可能也会更出色,毕竟,简洁的设计往往也是最好的设计。

  大多数的设计都会同时涉及到文字与图片,这两者的差异是非常大的,也很难事先预料到两者一起使用时的互相影响,图片与文字如何搭配得漂亮,往往也是设计师的一个很大的挑战,一不留神,就会造成风格矛盾、细节冲突,对比错误。而且就算有一次给你做得不错,但下一次你面对另一个新项目时,你还是会为此而抓狂。

  一些设计师在设计时往往会出现“设计过度”的现象。更好的方式就是象一个懒人的思维一样,图片放在这里,文字放在那里,搞定!关键是让每一个元素都简单清晰,让两者的互相影响减至最低,而且这种设计手法还可以让你一再使用,永不过时。让我们看具体的例子吧:

  这是一家室内家居专业摄影工作室的册子封面,修改前的设计是一种“吃力”的设计。 设计师选择了毫不相关的字体及颜色,然后又加上背景及线条,希望使其成为一个有机的整体。其实,设计没必要搞得这么复杂!

  修改后的设计,文字内容并没有改变,但整个版面分成两个区域,图片及文字各占据一个,出来的效果就是漂亮、干净、整洁,所用的时间精力也不多,而且这种构图及手法也可以一用再用!

  让我们深入分析这两者的设计过程。

  吃力的设计:

  几经辛苦,这个设计完成了。每一步似乎都有理有据,设计师也将协调、对比、风格一致这些理论紧记于心,但老实说,出来的效果并不理想,从视觉上说也不吸引。为什么?因为设计师是事先想好了某种风格,然后强加在版面上,但偏偏主题元素又与这种设想的风格不一致,强加未遂。

  我们再来总结一下这个设计:

  在这个设计中,设计师主要采用了Round Bauhaus Demi字体,这种字体是一种有趣新奇的字体——处处呈现一种圆弧的感觉。然而,为了展现这种字体圆形的特点,我们需要将字体显得比较大,字母间距紧密,并且是要小写字母(上图),但问题是,设计师在设定介绍文字时,将其全部设为大写——这个时候,字体的直线感压抑了圆弧感,而且下面的文字尺寸又很小,其文字块边缘呈现向两边发散的直线视觉感(见上图箭头线段),这样的文字排版削弱了字体特有的风格,圆弧不见了,我们感觉到的只是凌乱的字体元素。

  设计师深明在风格中细节必须呼应的重要性,所以他将一些地方设为圆角来呼应字体的特点(上图)。问题是,它还是不够圆,出来的效果仍然是直线占支配地位。特别是上图右所示的,我们可以观察到,这里显得非常局促,读者在观看时,看得的并不是一个整体,而是还得仔细区别你这细小的区域——竟然有4个“步骤”让读者去练眼力!毫无必要的设计。

  分析完这个设计,让我们看一下“懒人”是如何设计这个项目的。

  “懒人”的设计:

  修改后的设计,图片异常抢眼,元素与版面风格配合,名称的文字同样醒目张扬,出来的效果漂亮清晰,为什么这种简简单单的设计手法却更能发挥作用?

  通过大小及色值来区分:

  精心设计的文字包含了四个视觉引导。从位置来说,呈现由上至下的引导;从字体尺寸来说,是由大至小的引导;从字体样式来说,是由粗至细的引导;从颜色明暗来说,是由暗到亮的引导。这种特点在这个设计中发挥重要的作用,你的眼睛很自然的由一个元素去到下一个元素,毫无阻碍。

  介绍文字采用全大写,字母间距及行距都设得非常紧密(小写字母很难呈现这种紧缩的排列),形成了很短的文字行。文字整体呈现一种精细、垂直的视觉特点。文字放在左边,使右边留出较大的白色区域,这个区域呈现视觉张力,让人的眼睛不由自主地移到文字上来。

  变化:

  “懒人”就算面对一个系列的设计,也是气定神闲,以不变应万变,谈笑间就能出色完成任务!

  无论上下左右,怎么放都让人满意。因为图片及元素都自成一体,互不干扰,文字放在上面, 效果与放在下面一样出色。水平放置,同样显得优雅精美。其实这是颜色的功劳,不同的图片要用不同的颜色,文字颜色取自于图片中,这样文字与图片既分离,但又有联系,整体总是显得和谐一致。当然,还要记住视觉引导:名称要重点强调,而其它的字体则低调处理。

  上面几个修改后的字体及颜色是我们自由选择的,如果客户就认定最初的那种字体及绿色他最喜欢,认为最能体现室内装修的风格,非得要用回原来的那种字体及绿色。怎么办?不用一头撞墙,认为自己如果不是有其它的人生际遇否则一早就成为一个艺术家的客户大有人在,反正我们一样应付自如:

  仍然保留简洁的构图,版面仍然是图片及文字各就各位;

  我们采用原来的字体,但正如我们在上面所分析的,我们会采用小写字母(就算是第一个字母也是小写),并且采用细体,这样的修整,能使包豪斯的字体风格得到最大程度的体现,文字呈现更丰富的特色。

  保留字体引导的特性:仍然采用上至下,大至小,暗到亮。在这个设计中,字母不需要粗细变化。

  保留对齐特性:包豪斯这种字体结构决定了你很难将它们的字母紧缩排列,所以也意味着我们很难象上面一样,将文字整体设置成一个具有强烈视觉效果的列状区域。我们需要随机应变:调整成右对齐,将名称的尺寸尽量拉大,然后将字母“g“突出右边的空白区域,起到强调的作用。作用是让文字整体搭配得更密切(想象一下,如果g不突出来,名称与下方的文字会显得很松散),当然,也使版面更活。

  加深绿色:加深绿色的作用是减少与红色形成过于强烈的对比,现在红色及绿色的“份量”大概平等,起到恰当的互补关系,而没有出现谁要控制谁的现象。

时间: 2024-12-02 16:16:38

“懒人”设计思维:以不变应万变的相关文章

设计案例浅析:浅谈“懒人”设计思路

文章描述:"懒人"设计思维. 设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的.时间与设计出来的效果也并不一定成正比.平面设计师或许应该培养一种"懒人"设计思维,面对一个设计时,心里应该想着的只是如何以最简单的方式完成,出来的效果可能也会更出色,毕竟,简洁的设计往往也是最好的设计. 大多数的设计都会同时涉及到文字与图片,这两者的差异是非常大的,也很难事先预料到两者一起使用时的互相影响,图片与文字如何搭配得漂亮,往往也是设计师的一个很大的挑战,一不留神,就

以“不变”方能应“万变”,以“有心”必能筑“无界”

2016年或可称为金融科技从概念走向应用的元年,服务边界延伸金融与互联网不断相互渗透,为人们创造更舒适便捷的生活环境,多元化跨界融合正成为行业发展的一个重要命题. 对于传统金融,"跨界"合作早已成为了一种自我革新和发展的途径.但无论如何,从宏观的角度看,这种无界化的思维都代表了金融主体本身思维的某种变化,由原来的主人公姿态变得越来越看重服务体验的优化升级. 以中信银行信用卡中心为例,2016年,中信银行信用卡中心以"无界创新"为经营理念,依托大数据分析和互联网技术,

以不变应万变才是seo优化大道

互联网是"新陈代谢"最快的领域之一,看看搜索引擎算法就知道了.回顾过去两年,百度算法就已经折腾成这样了,让不少seo站长处在"水生火热"之中.珍岛seo优化大师总结一点,站长必须以不变应万变,才能顺利度过百度算法调整期. 通过图片中的整理,我们可以看到哪些不变的东西呢?上海seo专家具体分析: (1)不变的优质内容 百度每次一更新算法,大家都会看到内容方面的要求.毕竟,互联网信息不断变更的根本就是网站提供了这些内容,百度希望得到更多优质内容,并把这些内容提供 了用户

搜索行为和关键词分析(四):不变应万变

系列文章三说了,人人都是神算师.但是有人开始感叹,那些招数似乎对杂货店比如沃尔玛更适用:什么时间火什么,就主推什么.而现实总是让人不如意,大多时候我们都是开专卖店的,比如有人开了Firefox专卖店,有人开了picasa和刘亦菲美女图片专卖店. 所以,我在这里,需要介绍另一种关键词策略:不变而应万变.由于故事的可读性强,所以还是从两个故事中说起. 首先是我们非常熟悉的Highdiy同学,在年初Windows http://www.aliyun.com/zixun/aggregation/1547

搜索和关键词分析(四):不变应万变

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 系列文章三说了,人人都是神算师.但是有人开始感叹,那些招数似乎对杂货店比如沃尔玛更适用:什么时间火什么,就主推什么.而现实总是让人不如意,大多时候我们都是开专卖店的,比如王通先生开了Firefox专卖店,冯英键博士开了picasa和刘亦菲美女图片专卖店. 所以,我在这里,需要介绍另一种关键词策略:不变而应万变.由于故事的可读性强,所以还是从两

以不变应万变 网站被降权要淡定面对

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站优化过程中,网站被降权其实不过是一件很平常的事,现在很多的成功站点都或多或少经历过网站被降权.如果咱们的站点在降权之后通街的去骂搜索引挚的不人道,搜索引挚不会索引有什么用呢?还不如淡化这一切,每天继续做好自己该做的事之外,再来分析自己的站点被降权的问题出现在哪里不是更好吗?个人认为,一个网站没有经历过被降权或者被K,那么这个站点永远不会

解决客户异议:以不变应万变

今天晚上和几个朋友在吃饭,我们点了一些菜,其中有一道菜就是海带丝,可是过了一会儿,服务员过来对我们点菜的同事说,"抱歉,海带丝没有了",同事说,"没有,太过分了,那就算吧,退钱"(异议),然后饭店就把这道菜的钱退掉了.事实上,如果服务员(销售员)能够很好的解决这个客户的异议,完全可以不用退钱的,也一样可以很满意的解决客户的异议,同时还为公司增加了产品的销售额,这不是很好的事情吗? 作为服务员他思考过没有,客户为什么要点海带,其实,我们的那个同事是为了减肥,因为海带是

以不变应万变——简单工厂模式

定义   从设计模式的类型上来说,简单工厂模式是属于创建型模式,又叫做静态工厂方法(Static Factory Method)模式,但不属于23种GOF设计模式之一.简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例.简单工厂模式是工厂模式家族中最简单实用的模式,可以理解为是不同工厂模式的一个特殊实现 理解   简单工厂模式的实质是由一个工厂类根据传入的参数,动态决定应该创建哪一个产品类(这些产品类继承自一个父类或接口)的实例. 角色和职责 工厂(Creator)角色   简单工厂模式的

百度快照以不变应万变 我以万变克不变

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 为了避免广告嫌疑,我用"真空机"来代替本文案例网址,有心的朋友可以在百度中site看一下我对这个站所做的操作,以供新手学习. 8月15号,半个月了,接"真空机"这个单以来,做了许多工作,可他的快照一直停留在7月24号,真是惭愧啊,可是更让人惭愧还不止于此,前两天,我利用sitemap地图引来蜘蛛,想借此