当前位置:主页 > 设计理论 >

设计小型展示卡片

  • 2013-09-05 22:22
  • 来源/作者:网络收集/秩名
  • 己被围观

www.logosky.net 原文来自: www.bamagazine.com 通过格线的分布,我们可以将一张作品展示卡片同时也变成一张名片。 Debra是新墨西哥州的一名摄影师,目前正计划扩大她的业务,她的业务主要是

www.logosky.net 原文来自: www.bamagazine.com

通过格线的分布,我们可以将一张作品展示卡片同时也变成一张名片。
 
Debra是新墨西哥州的一名摄影师,目前正计划扩大她的业务,她的业务主要是通过口碑相传来建立。由于她的摄影风格日渐成熟,最近她打算更新正在使用的那张明信片大小的宣传卡片。她的主要拍摄对象是各种宠物狗,同时她还身兼数职,包括担任纳瓦霍人代码健谈小组(一种美国军队的代码语言系统)的官方摄影师,同时也进行插画创作。她在当地的一家兽医诊所设有一间作品展示室,在那里她会派发一些卡片。目前的卡片是2008年时设计的,但现在她开始对原来的设计不满意,认为是时候要改变了。在本文,我们要谈谈如何改变及解决原来卡片设计的问题。

以下是她目前正在使用的卡片:

设计小型展示卡片

修改前:正面

在正面,有四分之一英寸的内页露出来,这样可以将她印在内页的名字展示出来。

设计小型展示卡片

照片原图(上图)拍得非常不错,无论是光线的处理,还是出人意表地戴着帽子的狗的形象,都为照片增色不少,变成了充满怀旧气息的黑白图片(下图)同样很有味道,但设计中平淡的字体及棕色却破坏了整个版面的气氛。

黑白与其它颜色并不相匹:黑白照片与颜色区域很难和谐搭配,无论它是什么颜色,因为它们两者毫无共同之处。黑白传达的是光与暗,而颜色除了表达明暗外,还往往与其它气息联系起来(如红色传达热及力量,绿色传达清凉清新等)。

设计小型展示卡片

只有一类颜色是可以与黑白搭配的,即一些较强的不饱和颜色(即颜色中加入了较多的灰色),因为对于这种颜色,其主要色相是以灰色为主(如上小图所示),但这仍不值得你去尝试,对于黑白颜色,一般只有黑白灰三者可以合适地共存。

设计小型展示卡片

高度不一样的折页设计虽然很巧妙地创造出一个显露出来的区域,但也意味着这张卡片无法合适地放置在桌子上(上图),就算分开地竖立起来,里面的名字也无法看到。

 

设计小型展示卡片

而下图,我们通过分门别类重新组织这些图片,同时也对每张照片进行不同程度的剪切,使到内里的元素基本接近,就已经可以轻易地改善整个版面的杂乱感了。

设计小型展示卡片

想象一下我们是在看摄影展:对于一些摄影作品的展示,理想的展示方式就是我们在一个时间只看一幅作品,周围并没有其它东西来干扰我们,这样可以让你心无旁骛,视线只关注作品本身。如果在相册或者网页,每一页只展示一张照片,同样可以获得理想的展示效果。虽然对于具体象Debra这个设计来说,在如此狭小的卡片中按照这张方式来展示并不现实(但如果你真的就只是展示一张照片,其实效果同样不错),那我们就要尽力使放置多张图片出来的效果尽量接近与只放一张这样的理想状态。我们会在下面继续说述要如何处理:

设计小型展示卡片

修改前:内页
多张小的图片及随意地剪切及堆放,出来的整体效果的力量感要少于各自原来的部分。

设计小型展示卡片

1、过于边缘的剪切:过于强烈的剪切往往是为了使图片营造一种力量感,但对于这张图片来说,实际上这样的剪切力量感反而削弱了。为什么?虽然剪切可以使一张平淡的图片增加紧张感,但也影响了我们一个完整故事的讲述。这个男孩上方的帽子被切掉后,给人的感觉好象他是藏在床底下偷窥一样!

设计小型展示卡片

2、版面:狗的嘴巴部分与下方人物的头部,有着基本相同的尺寸及颜色,很容易造成混淆。
3、她形象太小了:本来是一张具有冲击力的照片,但我们现在却几乎不能看清。她的头部,甚至比上方狗的鼻子还小!
4、图片边框加上线条只会增加复杂感,而阴影也显得不自然,过于厚重,给人感觉好象是一道强烈的光线直射过来的感觉,所以照片给人一种飘浮在半空的感觉。照片的背景颜色也有点不自然。
另外,整个图片的放置也呈现一种锯齿形的排列,而且也毫无规则,有些空间还重叠,这样的排列毫无必要,只会破坏版面,干净整齐的排列效果要好得多。

设计小型展示卡片

 

修改前:背面

背面看起来好象完全是另一张卡片!主要的名称又采用了另一种字体(但同样乏味),没有图片,白底黑字,整个版面给人一种好象还没有完成的感觉。
 
不同的字体:Debra希望她的字体显得朴素及优雅,但她的这种保守性格在设计中占了上风,使到出来的效果过于平淡。在一个作品中采用两种字体,一般来说,只能是用在两种不同的信息中,但这里不存在这种情况。如果你的信息基本一样,那只选用一种,然后固定使用它!

设计小型展示卡片


不同的对齐,无规则的角度:同一大小的文字既有居中对齐,也有居右对齐,显得毫无章法。同时中间区域也形成了一个显而易见的角度(下图)。如果我们只是打量一下,你都不希望自己的版面出现这样的情况。

设计小型展示卡片
 

摄影工作室名称采用了Century Gothic字体,一种类似于常见的ITC Avant Garde字体,它构成简单,显得直线感较强,同时由规则的圆弧构成。这种结构与其版面的留白空间有着显著的差异,同时文字字距被拉大,显得空间更加稀薄,使到力量感进一步削弱。这种字体并不是一种容易阅读的字体,因为它的每个字母看起来都比较相似,就象刚才所说的Avant Garde字体,这种字体最理想的展示方式是只有一两个词,不要过多使用,不要拉宽字距,这样,弧线能够紧密靠近,形成一种视觉上的节奏。

设计小型展示卡片
 

修改后:正面
我们可以做一些工作来改善这个设计。我们没有采用黑白的照片,这张照片原稿颜色其实很漂亮,同样的,我们也将那个露出来的内页区域去掉。

设计小型展示卡片
 

去掉下方的区域:两边高度一致的折页卡片解决了两个问题,一是内页的颜色没有与正面的照片冲突,二是这张卡片可以稳当地立在桌面上。第一步,我们将照片居中摆放在版面中间……

设计小型展示卡片
 

然后将照片稍往上移,使到它去到一个视平线的位置,这个位置可以让图片看起来显得自然,避免图片下沉的感觉。

设计小型展示卡片
 

第二步,我们要将照片水平翻转,因为原来的图片给人的视觉是由左上至右下的,而进行镜向翻转后,在右下营造了一个“签字”的空间(注意:对于一些人物照片,不能轻易作这样的调整)。

签名!我们采用手写字体使作品传达一种轻松及个性化的气息(毕竟主题是动物,而不是严肃的新闻题材),你可以将名字“签”在右下方,就象我们在签署一份文件,或者就象一幅油画一样的署名!

设计小型展示卡片
 

既然是“签字”,当然我们采用了一种钢笔字风格的字体,传达出一种愉快、女性化及艺术感。金黄色颜色从照片毛发中取色。下方小字采用了“正规”的字体,形成了一个直观的视觉呼应。留意两行字的白色与金黄色的对比。右下的这个角位从视觉上说刚好是一个版面的结束位置,在这里签名,恰到好处。如果不能这样镜向反转?如上图小图所示,我们将狗的位置偏离中心,使到左边腾出地方来签字,效果应该说也同样不错。
 
名字签在哪里?

这个“签名”根据不同的照片特点可以出现在不同的地方,一个基本原则是尽量在干净单纯的区域签字,同时,文字与图片不要叠在一起。

设计小型展示卡片

 

空白区域:可以说有时候是一张照片决定了你如何设计,正如在这里所示的,我们将名字放在左上的空白区域即可(一般来说文字不要将这个区域塞满,要留点空间来透气!),得益于字体本身的特点,这个位置同样是一个常见的签名位置。

设计小型展示卡片
 

视线区域:对于人物图片来说,视线区域可以说是最强有力的位置,因为这个位置本身就是我们第一眼看东西时首先习惯性注视的区域,这个位置使到观看的人能够不受干扰地安心观看。
 
内页:少即是多
更少的图片往往能够产生更强有力的展示效果。就算你手头上有上百张照片,你其实只需要选择四到五张来用即可,至于选择哪些,我们可以根据主题、风格等来决定。
 

通过种类来选择:原来的十张图片其实有一些是种类相似的,我们减少照片的使用――只去到五张。可以根据Debra的业务及工作性质逐一选择。有一些摄影师无所不拍,而有一些则主要拍摄某些特定的场合及物品(如婚庆摄影或食物摄影),无论是那种情况,我们都要考虑一点:既希望每张照片看起来都不错,同时也要保证他们放在一起时也不错。

设计小型展示卡片

足够的距离:

在本文前面我们说过,最理想的状态是一个单独页面只展示一张图片,如果实际情况不允许,多张图片需要放在一个版面,那我们要保证它们看起来是分开的。我们可以通过调整排列空间及不同的尺寸两种方式轻易实现。

设计小型展示卡片

设计小型展示卡片

 

排版:将排面划分成上下两大区域,每个区域设置九个网格,然后再定下中心线。

设计小型展示卡片

 

大――小――中:在开始,我们先处理那个男孩与狗合影的照片。这张是我们版面中最大的照片,放置在最上面位置,无可置疑的成为一个视觉焦点。然后再加上三张小照片,这三张小照片整齐排列在最大图片的下方,最后放置一个中尺寸的图片。我们没有采用框线、阴影,只有干净的白色背景。

设计小型展示卡片
 

加上信息文字区域:将名字及联系信息加上里面,使到这些信息自然地与这些作品联系起来。

设计小型展示卡片

设计小型展示卡片
 

修改后:背面

前面已经将联系信息放在内页了,背面放置什么?放置每个人都感兴趣的东西!在设计背面时,我们问过Debra,希望她能够讲述自己的故事。

Debra的自述:作为一名将摄影作为我终生事业的摄影师,我先是在新墨西哥州大学获得了摄影专业学位,然后我希望能够在健康领域取得博士学位,所以我继续攻读有关癌症治疗的行为学研究。但后来的一场交通事故几乎让我丧命,一个喝醉酒的司机不但毁了我的双腿,也结束了我希望成为一名研究人员梦想。经历多年痛苦的治疗,我重拾摄影事业――它已经从我当年的胶卷拍摄转到数码技术了,这让我的伤痛减轻了不少。我对动物的热爱及事故后多年来我对动物训练的经验,使到我将自己几只狗训练成义犬,它们常常成为我生活当中的朋友、我的快乐及我摄影的模特。

一个很感人的故事,经过文字人员Sean的编辑及精简,我们在背面加上了这句话:一个醉酒的司机,导致我一场几乎致命的交通事故,它毁掉了我的双腿――但毁不掉我的信念。我对摄影充满着激情,也热爱动物。这种对生活及动物的热爱赋予了我摄影的主题及目标。

修改后:背面

其实背面也往往是留给人们第一印象的地方,我们采用与内页一样的格线、颜色及签名方式,将其延续到背面上来:

设计小型展示卡片
 

上图中,与内页一样,设置九个区域,加上一个中心线。

设计小型展示卡片
 

加上作者的故事:故事的文字采用常见的书本印刷字体(一般为衬线体),在这里我们也同样加上一个签名,这个签名的尺寸及颜色与其余两个一样。加上一两张照片。这样,你已经大功告成了!
 

如果是水平摆放,你可以采用一个视野较宽的照片,如果你不介意将自己本人的照片也放上,这里就是一个理想的位置。

设计小型展示卡片
 

总结:

将照片数量减半,没有阴影及轮廓线,在白色背景上我们通过格线来组织,将内与外联系起来。修改后的设计漂亮干净清晰,现在,你真的可以开始细细打量她的作品了,这个设计其实比原来的设计还更简单!

设计小型展示卡片

Debra个人网站:http://www.threeperrosdesign.com/blog


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG)

更多精彩内容

  • 文字的韵味 文字的韵味
  • 如何更好地使用栅格系统 如何更好地使用栅格系统
  • 人机交互主流设计原则【 人机交互主流设计原则【
  • 社交互动创新:从点赞到 社交互动创新:从点赞到