• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 想营造出80年代的复古风格?下面的建议不要错过

想营造出80年代的复古风格?下面的建议不要错过

作者:CARRIE COUSINS 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含2018设计趋势,80年代风,复古风格,字体设计,经验分享等相关知识,CARRIE COUSINS 希望在学习及工作中可以帮助到您

我们总在说,复古一直流行,确实如此。回想一下我们小时候,许多设计似乎比现在的还要酷。最近两年,Nexflix 的美剧《怪奇物语》(Stranger Things)将80年代的流行元素融于一炉,狠狠地火了一把。而今年大热的电影《头号玩家》当中,80年代的流行元素一点都不输于前者,而以此为代表的设计元素,也在今年近乎爆炸式地在互联网上扩散开来。

为什么80年代的设计元素如此的火爆?因为这10年间所流行的排版、配色都非常地具有代表性,前面几十年的积累在这个阶段融会贯通,塑造出一系列风格统一而充满个性的设计风尚。在今天看来,80年代风很复古,当年的许多排版和字体设计却依然足以指引着今天的设计。

一、80年代标志性的字体和排版

有些字体本身就充满了80年代最典型的特征。《怪奇物语》的标题设计就是这样的字体风格,当你看到它的那一刻,仿佛能够感受到史蒂芬·金的味道(其实并不是他写的)。

不过,80年代最令人着迷的一点在于,它的复古元素非常的多样。并非只有这么一种字体足够「80年代」,那些带着精致细节的块状字体也是当年非常流行的风格。

这些标志性字体的运用,能够在视觉上让用户快速感知到这种时代的气息。

Stranger Things

Ruben

二、抓住当年的流行文化

20世纪80年代,许多流行的设计风格都是植根于当时的流行文化和电视节目的。这些风格的再次回归,和当年所流行的影视作品、文化现象的再次回归,有着非常直接的联系。许多当年的电视节目甚至都换了个方式重新回归荧幕。

80年代在设计上,几乎所有的东西都呈现出一种近乎用力过猛的感觉,比如装饰性元素的使用、设计层次的控制上,都显得极为用力,即使排版也是如此。

所以,如今如果想要在设计风格上找到当年的感觉,可以从这方面去把握设计的神韵。

Guanine

Orlando

三、像素完美

80时代是数字时代的起点,当年许多流行的字体和元素都基于当时的条件来进行设计,在优先的屏幕分辨率上来创造多样的内容,当时的设计师是需要针对屏幕上有限的像素点来进行精准的设计,之后的「像素风」所呈现出来的视觉对象,虽然是用不同的像素点构建出来的,但是本身是像素精准的。

80年代出生的那代人,正是如今社会的中坚力量,当年他们在电子游戏上没少花费时间,这种源自低分辨率显示器的怀旧情愫一直伴随着他们到了今天,已经成为了一种文化现象。这也是为什么,如今像素风的字体会再次受到追捧。从海报、电影到电子游戏,像素字体几乎都占据着一席之地。

Arcade Classic

Sabo

四、狂热的电子游戏元素

80年代电子显示器的像素点并没有完全限制住设计师们的想象力,当时的电子游戏当中,我们可以看到许多经由设计师重新设计的、充满了游戏风格的新颖字体,它们通常由粗细不同的线条构成,在当年那个硬件条件下,生生地为游戏平添了一股创新而独特的气息。

现如今,许多字体设计师已经将一部分这些字体重新制作出来,你所需要做的是在类似 Google Font 和 Typekit 这样的平台上找到游戏化的字体,添加到你的购物车当中。

PacFont

Stiff Staff

五、80年代的笔刷手写字体

即使是80年代最为柔和的字体排版,在今天看来也是非常的有范儿的。笔刷字体就是这个阶段最为典型的字体设计风格之一,其中常常包含有大胆而富有个性的笔画设计。

虽然字体的边缘并没有那么丰富的细节,但是笔画舒展,不像今天的字体那么流畅,相对而言更加富有冲击力。如果想找到80年代笔刷字体的感觉,字体的这个特征一定要把握好。

Imogen Agnes

Streamster

六、霓虹色的运用

霓虹色是80年代的设计当中,最为典型的一种视觉元素。霓虹色如同夜晚的霓虹灯一样代表着城市的喧嚣和时尚的一面,藏着躁动的气息。闪耀的霓虹色和不同的文字排版结合到一起,可以营造出各式各样不同的视觉奇观。

在文本和字体上增加贴合使用场景的霓虹色,总归是一种营造时代感的选择。

Bayshore

Retro Wave

七、棱角分明的金属字体

在80年代,重金属音乐所带有的独特风格投射到视觉设计当中,就是棱角分明的金属风字体。这类字体风格在惊悚电影、摇滚和重金属音乐领域,颇受追捧。

在当时,这是流行文化中很重要的组成部分。而如今在营造80年代风格的时候,金属风字体也是非常典型的视觉元素。

Copper

Divine Razier

八、酷炫的几何字体

通过几何元素构建而成的字体,并非每种都有着良好的可读性。无论是棱角分明的边缘,还是圆润的曲线,几何图形增加了字体的视觉吸引力,不过也存在着难以理解这样的问题。

和之前的几种复古字体风格不同,几何字体本身的复古属性就很浓厚,并没有那么浓郁的80年代特有的特征。不过,它依然是设计师可供使用的、借鉴的字体排版风格之一。

Ottanta

Wonderbar Regular

九、80年代风内联字体

内联风格的字体在80年代的时候是相对小众一点的风格。不过,它依然是广大设计师在设计复古风项目时候的重要选择之一。

Intro

Mecha

十、喜剧海报字体的运用

卡通风格的字体在80年代的时候,除了运用于动画,多使用于喜剧电影。这些拙稚有趣的字体本身并不粗糙,结合精心设计的排版,特别能够营造出有趣而讨喜的视觉体验。

这种卡通风的字体通过合理的设计同样能够创造怀旧的80年代风格,让用户会心一笑。

Porky’s

Laika

结语

经典的80年代设计风格回归了。无论是平面设计,还是 UI设计,80年代的设计风尚正在渗透进如今的视觉设计当中,而影视作品早就从中获益良多了。如果你愿意仔细搜集和归纳80年代的设计作品,能够从中获益良多。

One more thing

说到这里,推荐9款经典的复古字体,如果喜欢的话,网上搜索一下并不难找到~

您可能想查找下面的文章:

  • 在这个火热的8月,正在流行这3种网页设计趋势
  • 想紧跟流行风尚?这5种平面设计趋势了解一下
  • 2018年过半,为你总结了这13个主要的设计趋势
  • 想营造出80年代的复古风格?下面的建议不要错过
  • 想让文字更出彩?试试通过切割文本来创造视觉吸引力
  • 2018年,网页和APP中背景的8个主要设计趋势
  • 接下来的5月,流行这3种网页设计趋势
  • 这8个字体设计和排版技巧,是2018年的设计趋势
  • 这10个理由告诉你,为什么要在设计中使用渐变
  • 这3个适用性极强的网页设计趋势,在4月非常流行

相关文章

  • 2018-08-23想让作品从80分到100分?你需要这3个包装作品的小技巧!
  • 2017-08-06自适应网页设计的方法(手机端良好的访问体验)
  • 2018-08-23超实用!12 条提高产品可用性的动效设计原理(附案例)
  • 2018-08-23优设首发!iPhone X 官方人机交互指南中文版
  • 2018-08-23网易云音乐产品负责人:如何做好用户研究的?(下)
  • 2018-08-23视觉设计师如何做竞品分析?来看这份超全面的指南!
  • 2017-08-06关于网页配色中的叠柔配色法的详解
  • 2018-08-23设计的中宫指什么?不懂这个谈字体结构和造型都白搭!
  • 2017-08-06web前端常用操作整理(含JS/HTML/CSS等方面知识)
  • 2017-08-06航海世纪官网设计思路分享

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AI教程!教你打造沙丘日月星辰的背景插画
    • 分享8款非常有用的 CSS 开发工具
    • 有哪些值得思考的用户体验现象?
    • 用一个AI教程,帮你学会运用黄金分割绘制图形
    • 如何打造优秀的语音交互体验?这儿总结了四个方法
    • 新人想要入场视频类H5 设计?你需要了解这些
    • 当总监说你的作品太肤浅时,该如何改进?
    • 超实用!设计师也可以做到的开发成本预估
    • 超全面!从0到1正确开启UX项目的方式
    • Django静态文件部署

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有