技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 无处不设计,有木有…

无处不设计,有木有…

浏览:1460次  出处信息

    在如今这个泛设计的时代,设计也逐渐从一个艺术门类向生活形态过渡,因此总会遇到很多尴尬局面。比如有品牌爱好者和你谈最新的时尚资讯,比如前几天有个学公关的朋友自己画了个标志草稿让你修改并采用,某个学考古的朋友自己找了个设计网站的模板告诉你他的设计更快更好;让你觉得人家比你还懂设计;看起来我这个“科班出身”的设计师似乎要靠边站了。

     在这里我也不敢写什么太专业的文章,所以把我平时收藏的一些图片和海报拿出来和大家分享,并且从几个因素来讨论通过从版式设计、颜色运用及对比来使你的设计给人留下深刻的印象并且有效地传达信息。

     究竟什么是设计?

    百度说,设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人会说设计是人类社会发展到一定阶段时的产物,是“需求+信息+色彩”的一种视觉传达方式。

    总之,无论设计是以何种形态出现,目的都为了更好地传达信息, 给人留下深刻的视觉印象。要想给人留下深刻印象最好的办法就是视觉冲击力。一个页面版式及独创性会决定别人观看你的作品时间的长短,只有观众注意到你的作品时并且在你的作品中停留的时间较长,信息才能有效传达。有时候我们会陶醉于个人风格中。但是很多时候设计本身并不是目的,设计是为了更好地传播信息的手段。一个好的设计,首先必须明确需求的目的,并且深入去了解。版面离不开内容,更要体现内容的主题思想,用以增强读者的注意力与理解力。只有做到主题鲜明突出,一目了然,才能达到设计的最终目标。如果你的作品不能引起别人的注意,不能让人很快了解其中的信息,那么其它神马也都是浮云。

    我们确实会遇到这种情况,在做设计时,有大量的信息需要集中在一张小尺寸的图片上。是的,很多时候我们会选择性地挑选信息阅读。这时候我们就要让信息简单化,对文字进行取舍,即使是最主要的信息我们也要对其主次之分,加强视觉对比。所以这时候我们也许就需要通过色彩,构图,版式等方式强调重要信息。

     我们先看下面这种图:信息虽然也不少,但是还是能让读者很快找到重要信息。

    

    

    下面是nike以手绘为主的一系列海报。以手绘体现中心主题。从手绘的图片及文字中能够获得信息。并且通过手绘来打动读者.加上大面积单纯色彩的平涂,使得主体图式显著跃现出来,有效地增强了图像的视觉张力和感染力。

     虽然现在大量的矢量图片方便了设计师。同时也使得原创设计减少。而原创的根本就是经验和想象力,手绘能力可以增加设计表现能力。所以我一直认为好的设计师应该都具备一定的手绘能力。

    

    

    下面这张图片的装饰因素是文字、图形、色彩等通过字母组合与排列构成的,并采用比喻、象征的手法来体现视觉效果,既美化了版面,又提高了传达信息的功能。

    

    这是一种活泼性的版面视觉语言。版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人。

    

    

    

    很显然,下面的设计中构图非常简洁,而且元素非常大,虽然仅是图片加logo的低预算设计,但却非常吸引人的视线。

    

    下面这张图构图也非常简洁,虽然只有黑白两色,但是也给人较强的视觉效果

    

    “尺寸”的意思并非说一定要很大,如下面这个招贴海报,你很难忽略它。原因恰恰是它的元素尺寸非常小,这仍然是一种强对比的设计――大面积的留白空间与小元素形成强烈对比。

    

    

    将元素变大,也意味着让它更有力量,可以将一些平淡无奇的元素变得吸引人。在下面这个例子中,虽然只是以文字为主,但却一点都不枯燥,将背景中的人物放得很大,甚至超出了版面,但读者仍然知道它的意思,而且文字呈角度摆放,同样传达了一种很强的冲击力。

    

    

    一种大面积的单色以简单的形状出现时,可以很快吸引读者的眼光。对比来自于高跟鞋及标题文字,使到图片看起来更大。我们在脑海中会将图片超出边缘的部分自动补上,也进一步强化了图片的大尺寸印象。

    

    

    下面这张图是一商场的品牌海报,一个尺寸非常大的装饰元素与各品牌logo相结合形成吸引人的视觉焦点,由于文字很小,所以装饰元素与文字一起与整个页面仍然形成了对比.

    

    

    下面这个版面是上述设计的另一种变化,改变了尺寸中元素的对比比例。一般来说,装饰元素通常都较小,传达一种精致的效果,但在下面这个例子中,装饰元素放得很大,使到这个装饰元素让人无法忽略。我们不仅仅要考虑创造冲击力时的尺寸,而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片,使到它与其它广告排在一起时仍然能够突围而出。

    

    

    

    最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽,当然也能够说是有冲击力的,但却让人难以兴奋。由于科技的发展,现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用,而且各种软件的出现也使我们可以轻易做到这一点, 但是颜色不仅仅指“五彩缤纷的颜色”。黑与白同样是一种颜色。

    下面这个例子中,由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。 灰色的人物头像作为背景,标题文字背景填充一块暖色,使得页面较为低调,但是标题又很突出,同时与焦点元素的图片不产生冲突.

    

    颜色的运用可以是既保守又引人注目。在下面这个例子中,纯色的背景使你的视觉由上至下穿越,同时与白色的标题形成强烈的对比。如果你能在脑海中想象我们在这个设计中使用更多颜色设计,你或许会看到焦点元素与这个设计并不一样,眼睛的视线也会不同,而且更重要的是,在视觉上的冲击力也不会这么强烈,虽然它们运用了更多的颜色来设计。

    

    

    在很多设计中,我们所看到的第一张图片通常是我们已经预料到的,比如一个食品广告,你的脑海里立马呈现食物的照片;你在看一张有关旅游的广告,你已经知道肯定会有一些风景照在里面,这是我们通常想到的东西。但我们是否可以思考一下,如何让人感到出乎意料? 你或许会应用一些特殊的字体,或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色,反正,就是尽量避免按别人的习惯思维去设计,这种思路如果能够准确应用,理所当然能够获得很好的吸引效果。这并不意味着你要惊世骇俗。只是意味着在设计中,你偶尔有与众不同的一两步就已经足够。出来的效果仍然会显得端庄沉稳,但至少不会沉闷。

    下面这些食品创意海报鲜明的个性,是版面构成的创意灵魂。,这样的海报给读者以视觉惊喜的同时更能赢得消费者的青睐。

    

    

    

    在下面这个封面设计中,是可以预期的设计,无论是字体还是排版,都已经被过度使用了。并不是说这种字体不漂亮,这种黑体作为封面,显得清晰有力,但问题是,当这些字体被用过了无数次作为封面后,它已经越来越缺乏活力了。

    

    而下面这个图形设计则给我们另外的感觉,一个普通的条形码经过处理后呈现一种高科技的感觉,传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运用的具体含义,但都会从图片感知到与标题相符的信息:创造性。

    

    下面这个设计中使用了一些基本的元素来处理页面,出来的结果也是一种被过度使用的版式,居中设计,大标题,大图片。

    

    留意下面这个设计,虽然文字有部分被切掉,但是我们还是会潜意识里将被切掉的部分填回去..因此,页面用更少的面积,获得更大的视觉冲击力,因为被切去部分的文字本身已经能够引起足够多的注意。

    

    下面这张图通过版面的文、图间的组合与协调性的编排,使版面具有秩序美、条理美,从而给人以良好的视觉感受。

    

    当然页面是传播信息的桥梁,形式必须符合主题的思想内容,只讲表现形式而忽略内容,或只求内容而缺乏艺术表现,版面都是不成功的。只有把形式与内容合统一,才能解决设计应说什么,对谁说和怎么说的问题。

    其实无论是做推广设计或是平面设计,目的都为了更好地传达信息,引起别人的注意;使人获得更良好的视觉效果。工作这么久以来一直从事着视觉设计相关的工作.我觉得设计不在于制造新奇花俏的图像和文字,而在于如何组合那些熟悉的文字与图片,从而令人产生全新视觉趣味! 我们拥有高度工作的热情,精辟独到的见解和灵活创新的理念。当然,这一切都需要一个展现自我的舞台。设计不是我们用来标榜的工具, ,设计要为客户的切身需求服务,我坚信只有有用的设计才是有价值的。

建议继续学习:

  1. 网页表单设计摘要    (阅读:4461)
  2. 卡通风格网站设计一览    (阅读:3548)
  3. 不得不说的糟糕设计    (阅读:3514)
  4. 在信息架构层次对比开心网和Facebook的设计    (阅读:3246)
  5. 解读iPhone平台的一些优秀设计思路    (阅读:3239)
  6. 优先为移动设计带来的优势    (阅读:2951)
  7. 大胆设计    (阅读:2744)
  8. 深泽直人:无意识设计    (阅读:2606)
  9. UED团队建设:以产品设计为中心    (阅读:2569)
  10. 如何做一个有趣的设计    (阅读:2524)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1