优秀网页欣赏 从电影海报看网页设计趋势

  

  本人爱看电影,周边人皆知。在刚刚过去的2011年里,欣赏了无数部精彩电影(具体多少部,至少有200+吧)。时光网Mtime是每天必到之地,看看新闻、预告、评论、海报、八卦等等~怎么选片子呢?一是众所皆盼的大片儿,二是时光网友的推荐+评分机制,三就是看电影的预告和海报是否能吸引到我。最近时光有个专题(http://news.mtime.com/pix/2012/01/30/173714.html),小编从数千记的海报中淘出了几个设计手法和趋势,细看究竟如何设计才是最潮的选择。话说设计是相通的,设计的“潮”与“不潮”关键还是在于设计的理念。从这篇专题以及最近优秀网页的欣赏当中,发现近期以致未来一段时间内,网页设计还是有以下几个趋势手法可循可用的。

一 复古潮流

近几年来,服饰设计以及工业设计几乎都在走复古风潮,典型如legging的崛起,垫肩西装的返潮,哈雷眼镜的热销,以及家电产品简洁风格回暖等等,也带动了其他设计门类的复古倾向。以下两张为电影“父亲”以及“昂山素季”的海报。“父亲”的海报采用八十年代的手绘效果,透露着儿时的连环画效果;“昂山素季”的海报则让我们联想到了五六十年代的招贴画。下面的几个网页也是近期的欣赏中选出的,老式的颜色搭配,年代图案的使用,蒸汽朋克感的造型等等,都透显着浓浓的复古风潮。

  

  二 超出边缘制造立体感

简单的平面如何凸显立体感和速度感?将需要做成效果的部分图案超出边框即可实现!忙命驾驶和星球大战前传一的两幅海报四周留白营造出相框感,略微溢出边缘的粉色的片名和新型的飞行器是点睛之笔,立体感立刻呈现。下面的几个网页也是采用了这种设计手法,图片超出了边缘之后,立刻有了从边框中跳脱出来的感觉,增加了生动性和立体感。

  

  三 密集感

密集营造的是一种氛围,会带来一种超酷的或者是压抑的感觉。密集的设计很容易有填充效果以及凸显主题的作用,所以电影海报中经常使用这种手法。网页中使用密集的设计方法是通过简单的图形或者文字的推积营造出恢弘大气充满力量感,不至于一些网页由于简洁留白太多而显得薄弱。欣赏下图:

  

  四 卖卖萌

地球人已经抵挡不住卖萌了,从japan到china再到崇尚力量感的USA,卖萌降住所有人。卖萌的一般理解是:装可爱,刻意出现一些可爱的动作、言语等,类似于俗语“装可爱”。日本人发现增加卡通效果中人或者动物的头部比例,脸部以及身材圆润,眼睛大且圆的形象有治愈的效果,会让人很容易心生喜爱。所以现在卖萌到处可见,卡通形象的卖萌不在话下,妹子卖萌也是老生常谈,熟女熟男卖萌也见怪不怪啦!

  

  五 色块拼贴

大面积的纯色块拼贴是设计中基本手法,电影海报中常见。由于前一段时间人们追求的是华丽的繁复的夸张的效果,所以这一基本手法使用的很少。随着复古潮的来临,色块拼贴又重出江湖,以少见的颜色对比效果来增加设计的张力以及饱和感。在电影海报设计中运用这一手法,不仅色彩鲜明,使人眼前一亮,同时还能表现出电影的戏剧冲突,使在观影前就能明白角色的性质以及之间的一种或紧张或缓和等等的关系。网页中使用不规则的色块拼贴,建立立体感以及增强区域间的差别,重点非重点一目了然。

  

  六 小清新

“小清新”最初指的是一种以清新唯美、随意创作风格见长的音乐类型,也就是人们常说的Indie Pop,即独立流行,之后逐渐扩散到文学、电影、摄影等各种文化艺术领域。如今,这种起初颇为小众的风格,现在已逐步形成一种亚文化现象,受到众多年轻人的追捧。无论是作为一种理想的生活方式,还是个人憧憬的美好意境,小清新都是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着。“小清新”的颜色主要是淡色系为主,多运用一些天然的纹理和简单的图案,营造是一种清新、自然、简单却唯美的氛围。

  

  还是那句老话,设计都是相通的,如何通过其他设计门类来挖掘网页设计的手法和趋势,眼睛的锐利我还需要慢慢修炼。以上,给爱设计爱电影的人们~

时间: 2024-11-03 13:31:03

优秀网页欣赏 从电影海报看网页设计趋势的相关文章

网页中Read More(查看全文)的设计趋势

网站设计师和运营者都知道,一个网站能吸引住访客是多么的困难.实际上,一个网站能否吸引潜在顾客驻足,可能就决定在转瞬的时间里.有几个因素可以促成网站吸引住访客,包括精彩的头条.有趣的内容和优质的设计等等.这些因素都很重要,我们今天重点讲一个非常具体的,有时却很容易忽视的因素:指向全文内容的"阅读更多"或"查看全文"链接. 每个网站都有各自的方式来引导用户点击文章链接.有的网站使用非常突出的方式,有的则略显低调,无论采用什么形式,设计师们都创造了许多富有创意和乐趣的方式

2009年电视剧网站和电影网站设计趋势

近些年来,越来越多的厂商和媒体为电视剧.电影制作专门的网站,这些网站主要呈现相关的介绍.节目单.观众互动等内容.旨在扩大宣传面,提高收视率,让更多的观众对节目产生兴趣.本文就介绍了制作漂亮.实用.有吸引力电视剧.电影网站的一些设计趋势和案例欣赏. 电视剧.电影网站设计趋势 以下是我们总结出的一些最近流行的设计趋势: 1. 关于域名 大部分的电视剧网站都挂靠在发行商的域名下,这有助于电视节目的统一,并可以帮助用户记住播出频道.而大部分电影网站则有独立的域名,如果域名能和电影名字统一,就再好不过了.

搜狗高速浏览器如何看网页视频的同时看新闻

在看网页视频的同时看新闻的方法:鼠标划过视频时,视频的右上角会弹出一个"打开视频播放器"的按钮,点击即可以独立播放器的模式观看视频,同时也不会影响正常浏览新闻;另外,通过点击标签和地址栏旁边的"摄像头"按钮,也可以进行视频提取,如图所示. 提取之后:

看网页视频卡是什么原因?

  造成看网页视频卡的原因以及解决方法如下: 1.网速过低,不宜看高清视频.如果你的宽带是4M以内的,建议看低清或者标清视频,不要去看高清视频. 2.电脑配置过低.现在的视频网站对电脑配置要求越来越高,小编建议电脑的配置方面,内存最少要达到2G,CPU最少双核. 3.系统垃圾过多.建议定期清理系统垃圾. 4.电脑的启动项过多,造成电脑卡机.建议把不需要的启动项关掉. 5.开启了过多的软件,特别是P2P软件.我们都知道P2P软件非常占带宽,看网页视频的时候,建议先把各类P2P软件退出. 常见的P2

造成看网页视频卡顿的原因及解决方法

  造成看网页视频卡的原因以及解决方法如下: 1.网速过低,不宜看高清视频.如果你的宽带是4M以内的,建议看低清或者标清视频,不要去看高清视频. 2.电脑配置过低.现在的视频网站对电脑配置要求越来越高,小编建议电脑的配置方面,内存最少要达到2G,CPU最少双核. 3.系统垃圾过多.建议定期清理系统垃圾. 4.电脑的启动项过多,造成电脑卡机.建议把不需要的启动项关掉. 5.开启了过多的软件,特别是P2P软件.我们都知道P2P软件非常占带宽,看网页视频的时候,建议先把各类P2P软件退出. 常见的P2

优秀网页的6个好习惯,网页制作学习

网页 1.不要将链接全部放在图像中 以往的网页中的链接都是文字,而且用下划线以资识别.但不久人们就讨厌了这些文字链接,于是都采用了图像链接.后来,更加嫌一个图像一个链接太麻烦了,于是将所有的链接都放进了一个图像中去.但并不是所有的用户都打开图像载入,如果你把所有的链接都放入图像中去,而没有任何同样功能的文字链接的话,用户也许会不知所措. 2.慎用自动滚动 曾经到过一个内容"丰富"的网页,它使用了很多常见的网页制作技巧:现在的时间.访问时的时间等等.不过有一个用得不是很好,就是窗口的自动

2016年网页设计趋势之高清设计

  网页设计中最热门的技巧之一,就是高清背景图,这得益于高清显示屏的普及.但面对复杂的商标时,就不好处理了. 本文中,我们来展望一下网页设计的未来.高清网页设计是否能主导网络,这已经不是问题了,关键是高分辨率显示屏何时能够普及,这是提升视觉设计的必备条件. 下面开始,我们将要探索如何运用图片.视频.或是动画来创建高清背景,并且把所有内容有层次地组合. 图片 超大图.焦点图.全屏图. 以上几个词,最适合用来描述现代网页设计的背景图片.设计师们对高清设计 不仅停留在思考层面,他们将其发挥到极致,用背

聊聊2015年流行的网页设计趋势

  给明年的自己增加筹码!这一年快结束了,年底特别忙,但也别只顾工作,忘了给自己充电呦,今天特意分享一篇好文,聊聊明年将流行的设计趋势,希望能给那些奋战之余不忘充实自己的设计师们一点有价值的参考,每点趋势后都有相关文章帮你理解,不担心跟不上咯. 1. 响应式在继续 OK,也许你不打算打道回府.也许你有一个很好的理由不用响应式网页设计?在过去的几年里,响应设计快速巩固了自己作为网页设计的新标准.当然,也有争论,但是没人说,"让我们摆脱响应式设计吧".实际上,越来越多的网站选择响应式的方向

网页设计师指引:当前的网页设计趋势

文章描述:设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的.我们的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习. 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这