M菌

《攻壳》的“故障艺术”海报火了,“故障效果”也跟着火了,今天想告诉你们的是,这个风格不仅仅可以用来做海报哦~

mjun

在苹果产品的Retina显示屏上浏览网页,在4k超清电视上观看电视节目,仿佛给人一种身临其境的感觉。另一方面,生动模仿显像管效果的画面也有很多。如今能看见显像管电视机的机会已经很少了,加入噪点和线条就能营造出一种复古的气氛。像这样故意使用噪点和变形的效果营造复古气氛的手法叫做“故障效果”。

本来是影视后期所使用的技法,经常用于电视节目和音乐视频中。最近,这个风格在网页设计中也经常被采用。

1. Active Theory

A6FE0DD7-D484-481E-91CD-E46B50F54ED7

http://activetheory.net

2. Cryptaris Mission

33B1362F-1F0A-4CBA-A6F8-896B5757DF6A

http://www.cryptarismission.com

3. VinylCuts

61AA6BF8-444C-4278-BA6B-45A3918EE073

https://www.vinylcuts.nyc/show/splash/

4. Future Ready

65A59117-B14D-46CD-80D9-F3E01C60FB97

http://future.moworks.com.au

5. MOZZ TOKYO

3064A721-FA15-4F1A-94D3-D5BE17C1CA1F

https://mozztokyo.jp

6. Retrominder

70FC5BF1-2405-4A95-B616-DD7E68447374

http://retrominder.tv

7. Arkade London

65BAD321-1E97-4B43-A018-4043147E4683

http://arkade.london

8. HAKUHODO Future Me

EF220562-007C-4B2C-9299-3DA8A3F29DB0

https://future.h-mp-recruit.jp

9. YOYO

34EAF216-1378-445E-9287-B3BBBE643C89

http://www.yoyodesign.com

10. UN-T NAGOYA

981E6D71-C6F2-4503-A335-AB3B2AD49806

http://www.un-t.com/nagoya/

11. OXOTA

44D88651-2A5D-4E82-8D14-181F5B02FEF6

http://tv-oxota.ru

12. BIOHAZARD 7 resident evil

4290C56A-25B3-4608-9AD9-964C65744178

http://www.capcom.co.jp/biohazard7/

13. AbemaTV RECRUIT

E38D86A8-6B6B-4FAF-80D9-D64AA457E29F

https://recruit.abematv.co.jp

总的来说使用噪点,不单单给人一种怀旧的感觉,根据情况的不同也有一种不安和恐怖的倾向。由于这些手法本来就是影视后期的技巧,在照片和视频中使用会效果更好。

 

原文地址:ferret

作者:酒井 涼

译者:学UI网翻译社-M菌

 

转载请注明:学UI网 » 营造复古氛围的13个“故障效果”网站欣赏

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

国内最棒的UI设计导航站” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
腾讯用5个套路教你设计好看又好卖的企业产品官网腾讯用5个套路教你设计好看又好卖的企业产品官网
CDX滴滴创意设计部分H5作品欣赏CDX滴滴创意设计部分H5作品欣赏
25个食谱小部件UI设计25个食谱小部件UI设计
网页首屏页面7种吸睛的设计方法网页首屏页面7种吸睛的设计方法
从这九张海报中探索纪念碑谷 2 的几何之美从这九张海报中探索纪念碑谷 2 的几何之美
一组酷炫动效设计的网站欣赏一组酷炫动效设计的网站欣赏
输入框的细节你都注意到了吗?输入框的细节你都注意到了吗?
国外优秀网页设计精选国外优秀网页设计精选
30个天气小部件UI设计作品30个天气小部件UI设计作品
30个创意团队网站设计欣赏30个创意团队网站设计欣赏