设计中的同型论

原文出处: www.bamagazine.com 编译: www.logosky.net 格式塔(Gestalt)实际是一个心思学名词,该实际旨在解释人类的某些行为是如何发生的,也解释了我们人类的视觉经历如何与大脑的反响发生联络。其中,同型论(Isomorphism)是格式塔

原文出处:www.bamagazine.com 编译:www.logosky.net

格式塔(Gestalt)实际是一个心思学名词,该实际旨在解释人类的某些行为是如何发生的,也解释了我们人类的视觉经历如何与大脑的反响发生联络。其中,同型论(Isomorphism)是格式塔其中的一个实际。格式塔实际并非使用于设计,但理解这些实际却对我们在设计有很大的协助。

同型效应:

同型效应指人类经过本身的经历及记忆来对一个视觉对象作出判别。

看到这只毛绒绒的泰迪熊,能否让你有一种温馨及舒适的觉得?看到手指离仙人掌这么近,能否让你有一种想立刻将手抽回的觉得?这就是同型效应。我们对这些图片发生反响,是依据我们本身已经有过的经历而作出的,由于我们曾亲身触摸过一个真实的泰迪熊,我们也已经有过被一根针刺过发生疼痛的阅历――我们将已有的一种觉得使用到对一张图片的了解上。

修正前:

一个板滞、机械化的设计

有个读者要我们对她的名片提些意见,她本人并不喜欢这个标志,但假如一定要使用这个标志时,如何才干让出来的效果可以吸引她的顾客?

标志其实说不上有多蹩脚:虽然这个标志也说不上有多精彩,但关于一个餐饮标志,My favorite Muffin(我最爱松饼)老实说并不太差。它有一个简约(或许说一个让人熟习的)的结构,其名字较长,但构成了居中摆放使其成为一个焦点元素,还有一缕香气飘在上方。字体充溢圆滑,与松饼的产品气味也挺配合。但它的颜色却有成绩,但颜色我们可以经过在设计中修正。

依据标志来设计:

能够觉得标志有点薄弱,所以设计师在设计时加上杯子及叉子,为了配合标志的特征,在一个圆角区域中也用上一种圆滑的字体作为文字。

类似:名片的版面中有很多类似之处,关于设计来说这其实是坏事。它起到简化版面及提示读者各个元素之间的关联性。在上图中,标志、文字及白色区域都是圆角的,与松饼给人的圆型及坚实是类似的,方向是正确的,但并缺乏够!圆角太小,与名片自身的直线边及字体来说,它起不到支配的作用。假如我们将其与其它元素比照时我们会更容易察看(如下图比照)。

名片及标志所采用的这种颜色搭配并不太罕见。浅绿并不是松饼的颜色,也丝毫没有给人一种早餐或暖和的觉得。与色轮中绝对的白色搭配(即“补色搭配”),你通常感遭到是一股活泼的能量。但这两种不饱和颜色再加一个灰色,整个配色显过于机械及缺乏生活气味。

让我们开端运用同型效应实际来重新设计:

当你仅仅看到下图这些照片时,你的味蕾曾经开端有所反响!这并不需求设计,也不需求有张卡片放在你眼前你才会觉得美味。由于我们已经吃过松饼,所以当看到这些照片时,它唤醒了我们已经有过的的视觉、味觉及嗅觉。

不需求任何解释:朱古力脆皮包住的松饼,放在一串蓝莓上的松饼,一张高质量的照片是最容易也是最直接勾起我们的感知及回想的。所以我们要应用一张好的照片来作为你设计的次要落脚点。

放置图片:

将图片在版面中居中,其它空间放置文字

图片占据版面的1/3高是恰当的,两头的地位也是版面中最无力量的区域,可以最大水平吸引他人的兴味。留意松饼的暗影及倒影使松屏象放置在名片上,有很强的真实感,一如你那些放在餐台上的松饼一样。

图片缩小当然有益处,可以让读者愈加接近你的美味,但假如太大,用剩下的空间来放置文字时就会显得拥堵及不舒适。

依据图片设计:

如今,我们要选择字体、颜色及版面的规划来照应那些松饼。

让图片本人说话:标题越短,图片的冲击力就越强,特别是在如此狭隘的版面中。我们采用了“上瘾的美味”(Addictively Delicious)作为标题,直接与你味蕾沟通!活动的不规则轮廓的Fenway Park字体显得疏松及柔软,其不规则的轮廓线与图片中的松饼外形类似,出现出一种香脆的吸引力。

从图片取色:从左到右,文字有深中浅三色选择,这些标题颜色都是用吸管工具从图片选取的颜色,这三种颜色都可以与图片构成良好的搭配,但最浅的颜色可以让那些松饼显得愈加突出及吸引。

添加辅佐字体:

添加较小尺寸的字体,与大元素构成比照,而且不搅扰次要元素的气味。

我们采用Serlio字体作为补充的文字字体,这种字体细看线条并不规则,充溢衬线,显得复杂及复古,但同时也具有一种温暧的觉得。这些字体最开端时手写构成的,所以没有直线及规则的转角。我们采用细体,与标题那种细弱小写字母构成恰当的比照。上图中,A:全部设为小写字母(这种字体小写字母也是以大写字母方式呈现,但尺寸绝对于大写字母来说较小),其全体边缘性过于平滑。B:首字母设为大写字母,使其构成一些不规则的轮廓。

洁净的页面组织:上图中,图片放置于版面中部,划一地将版面划分为两个放置不同文字内容的区域,下面是标题及次要阐明,上面是出品的各种松饼称号。而下图,是另一种的变化,一切文字都在下面,但文字块似乎构成灰色色块的觉得。留意一切文字都是居中。

加上LOGO

标志在这里并不是作为一个视觉焦点来处置,而是作为一个“标点”来处置,显得愈加强无力。

完毕:右下区域在视觉上自然构成了一个“出口”,在这里放置标志,无论你的标志是什么颜色,放在这里总可以发生效果,不必太大,但却具有一种威望的觉得。记住你的顾客只是对你的产品有兴味,而标志的作用只是起到“这些美味的东西是谁做的”这个信息。

两个变化:

不同的图片有不同的结构。下图是两个全出血位的图片放置,在版面构造上也需求作出相应的调整。

温馨:在上图中,白色的版面曾经被棕色的图片所替代,整个版面让人觉得香气四溢。在这个设计中,将图片复杂地作为背景使我们可以在设计中愈加轻松,但其局限是其他的空间比拟局促,使到松饼称号也要堆叠在产品上,普通不引荐这样做,但这次,只能说根本还可承受了。

偏离中心点:上图中,依据图片的结构特点我们将其放置于右边,由于图片给人的觉得是“从左方面向右方的”,所以要剪切图片也是切图片的左方区域,松饼部分堆叠于蓝色称号区域,活泼了版面。细白线的边框给人一种“老式”的觉得,围住了蓝色区域,这可以让蓝色区域与草霉两者在视觉上不混杂。

留意这几个设计上的浅绿色标志,虽然标志自身不太美丽,但都可以在各种版面中成功地构成了一个抽象符号。

最新案例