收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 7683|回复: 43

[欣赏] 从电影海报看网页设计趋势

  [复制链接]
发表于 2012-2-10 16:33:38 | 显示全部楼层 |阅读模式



本人爱看电影,周边人皆知。在刚刚过去的2011年里,欣赏了无数部精彩电影(具体多少部,至少有200+吧)。时光网Mtime是每天必到之地,看看新闻、预告、评论、海报、八卦等等~怎么选片子呢?一是众所皆盼的大片儿,二是时光网友的推荐+评分机制,三就是看电影的预告和海报是否能吸引到我。最近时光有个专题(http://news.mtime.com/pix/2012/01/30/173714.html),小编从数千记的海报中淘出了几个设计手法和趋势,细看究竟如何设计才是最潮的选择。话说设计是相通的,设计的“潮”与“不潮”关键还是在于设计的理念。从这篇专题以及最近优秀网页的欣赏当中,发现近期以致未来一段时间内,网页设计还是有以下几个趋势手法可循可用的。
一 复古潮流
近几年来,服饰设计以及工业设计几乎都在走复古风潮,典型如legging的崛起,垫肩西装的返潮,哈雷眼镜的热销,以及家电产品简洁风格回暖等等,也带动了其他设计门类的复古倾向。以下两张为电影“父亲”以及“昂山素季”的海报。“父亲”的海报采用八十年代的手绘效果,透露着儿时的连环画效果;“昂山素季”的海报则让我们联想到了五六十年代的招贴画。
下面的几个网页也是近期的欣赏中选出的,老式的颜色搭配,年代图案的使用,蒸汽朋克感的造型等等,都透显着浓浓的复古风潮。





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





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





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







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







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







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

来源地址:从电影海报看网页设计趋势   http://www.365ucd.com/archives/4790.html
欢迎大家关注我们的微博:@365UCD官网

发表于 2012-2-10 17:06:46 | 显示全部楼层
学习了,顶个
回复 支持 反对

使用道具 举报

发表于 2012-2-11 00:36:48 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-2-11 13:45:48 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-2-11 17:04:17 | 显示全部楼层
有觉悟!值得我学习!
回复 支持 反对

使用道具 举报

发表于 2012-2-12 00:10:28 | 显示全部楼层
好帖,设计都是共通的,多看,多想,多练!感谢楼主分享!
回复 支持 反对

使用道具 举报

发表于 2012-2-24 14:16:48 | 显示全部楼层
经典之最。。。
回复 支持 反对

使用道具 举报

发表于 2012-2-24 14:38:07 | 显示全部楼层
学习到了!
回复 支持 反对

使用道具 举报

发表于 2012-2-26 23:59:07 | 显示全部楼层
不错啊 ,好好学习下,谢谢分享啊。。。
回复 支持 反对

使用道具 举报

发表于 2012-2-27 08:59:57 | 显示全部楼层
学习了,谢谢分享!
回复 支持 反对

使用道具 举报

发表于 2012-2-27 11:54:05 | 显示全部楼层
一直在变化啊  
回复 支持 反对

使用道具 举报

发表于 2012-2-29 15:22:27 | 显示全部楼层
很有用的整理,顶一下
回复 支持 反对

使用道具 举报

发表于 2012-2-29 22:42:40 | 显示全部楼层
学习了 不错
回复 支持 反对

使用道具 举报

发表于 2012-3-1 00:27:07 | 显示全部楼层

做个记号,明天再来。
回复 支持 反对

使用道具 举报

发表于 2012-3-1 11:47:17 | 显示全部楼层
学习一下,很不错
回复 支持 反对

使用道具 举报

发表于 2012-3-1 15:28:39 | 显示全部楼层
很不错啊  归纳的真好
回复 支持 反对

使用道具 举报

发表于 2012-3-2 15:37:43 | 显示全部楼层
Good~
回复 支持 反对

使用道具 举报

发表于 2012-3-2 16:06:05 | 显示全部楼层
在悠闲中体会设计的趋势,很能提醒人的学习思考兴趣,而且归纳的很深刻...
回复 支持 反对

使用道具 举报

发表于 2012-3-3 22:43:21 | 显示全部楼层
现在美工牛啊
回复 支持 反对

使用道具 举报

发表于 2012-3-5 09:49:39 | 显示全部楼层
楼主辛苦了.
回复 支持 反对

使用道具 举报

发表于 2012-3-5 10:03:21 | 显示全部楼层
支持一下~           
回复 支持 反对

使用道具 举报

发表于 2012-3-5 12:15:41 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2012-3-27 10:38:09 | 显示全部楼层
从电影海报看网页设计趋势 挺有意思!
回复 支持 反对

使用道具 举报

发表于 2012-3-27 14:55:37 | 显示全部楼层
楼主的见解很独特,第一次听到“从电影海报看网页设计”的趋势,顶!
回复 支持 反对

使用道具 举报

发表于 2012-3-28 11:00:15 | 显示全部楼层
非常不错,有种醍醐灌顶的赶脚!谢楼主分享,以后楼主还有什么好的创意和想法望您大度分享给我们.谢谢.o( ̄ヘ ̄o#)[抱拳!]
回复 支持 反对

使用道具 举报

发表于 2012-4-3 13:38:43 | 显示全部楼层
很不错的文章,收藏了
回复 支持 反对

使用道具 举报

发表于 2012-4-4 00:13:24 | 显示全部楼层
其实我也想说:很不错的。 但感觉:说很不错的都是大师级。  发自内心的 很赞。
回复 支持 反对

使用道具 举报

发表于 2012-4-5 17:02:28 | 显示全部楼层
说的挺不错的啊  哈哈 支持下
回复 支持 反对

使用道具 举报

发表于 2012-4-6 11:51:07 | 显示全部楼层
喜欢小清新的感觉
回复 支持 反对

使用道具 举报

发表于 2012-4-6 16:56:33 | 显示全部楼层
卖卖萌~~~好主意
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-27 00:37 , Processed in 0.233785 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表