什么是旧的又是新的:2018年的现代复古网页设计

发布时间:2019-08-29 17:52:02 阅读:39

什么是旧的又是新的。至少在网站设计方面,无论如何。

几十年前借来的设计理念今天在数字化方面产生了影响。许多想法和设计最初是为在数字空间中卷土重来的印刷活动而创建的。

复古设计风格的作用是他们用视觉用户调用的怀旧感。将这种情感与现代界面和用户模式结合起来,你就有了一个难以与之交互的组合。

现代复古设计如此受欢迎。

“对于年龄较大的人来说,这些网站回忆起他们年轻时的临时互联网,在移动优化和经过beta测试的用户界面为现代网页设计带来光滑均匀性的前几天。

“怀旧的网站意味着模仿拨号调制解调器的日子正在网络的艺术和技术极客角落中出现。”

那么现代复古设计趋势是什么样的呢?让我们来看看。

回归数十年

复古设计Throwback十年

http://lucasbigot.com

复古设计lucasbigot

http://www.sweetmagnoliagelato.com/

复古设计sweetmagonliagelato

http://www.solangemusic.com

复古设计solangemusic

https://www.shiner.com/

复古实际上可以指很多东西。现在最受欢迎的复古设计包括最让人联想到20世纪80年代和90年代的风格。(对于我们中的一些人来说,很久以前可能看起来不像那样。)

设计师们也借用了20世纪70年代的一些影响,特别是在颜色方面。

复古设计的吸引力在于它从早期的计算机影响以及当时的印刷,时尚和事件中汲取灵感:

  • 20世纪90年代:这个时代既大胆又有动画色彩和移动部件,或者提供纯粹信息的精简版设计。设计师们正试图在新的视觉和图形设计数字时代找到自己的方式。
  • 20世纪80年代:像素是好的,MTV和电子游戏的明亮霓虹文化对当时的设计元素产生了明显的影响。
  • 20世纪70年代:柔和的颜色和粗体字体有助于吸引用户进入仍主要印刷的设计(除了电视屏幕)。

要使这些复古风格中的任何一种起作用,界面必须符合现代可用性标准。在许多示例中,您实际上可以看到旧的和新的并置 - 一个柔和的调色板,一个熟悉的汉堡包式导航菜单或一个带有简单滑动动作的像素化游戏。

老派排版

老学校排版

http://www.sbs.com.au/imyourman/

复古设计sbs

http://leathermilk.com/

大而块状的刻字,精心设计的笔触和着色将使用户在瞬间回到过去。对于更粗略的线条和粗糙的边缘更具草书风格也可以这样说。

由于复古排版风格的复苏,这两种风格都取得了新的成功。这些网站设计中的许多都以印刷方式致敬,几乎是电影海报风格,需要引起注意。

为了充分利用这些复古风格的字体,请简化其余的排版调色板。选择一种用于显示目的的复古字体,并使用简单的衬线或无衬线衬线作为主体副本以确保可读性。

考虑将这种排版风格与旧式视觉效果相结合。(其中一些字体在超现代图像中看起来有些奇怪。记住复古风格的关键之一就是唤起时代的情感。)上面的两个例子都使用点阵滤镜来连接排版和图像。 20世纪70年代和80年代的设计风格,摄影和摄像具有相同的点缀外观。

不太明亮或更明亮的颜色选择

明亮的颜色选择

https://caavadesign.com/

颜色选择

http://vintagehope.co.uk/

平面设计材料设计使明亮,大胆的色彩选择重新焕发活力。现代复古风格以更柔和的色调和色彩叠加方式拉动色彩趋势。

红色,黄色和橙色特别受欢迎。当你想要一个20世纪70年代或80年代的氛围时,可以是微妙的蓝调和绿色。许多这些颜色选择与插图图像配对,而不是实际照片。

颜色有时不足以让你移动到另一个时间; 它可以采取其他视觉线索。

考虑到20世纪90年代早期的霓虹色感觉:用正确的动画 - 苛刻的闪光而不是微妙的动作 - 用户确切地知道他们所处的十年。虽然相同的颜色在今天很流行而没有怀旧,因此使用颜色很重要一些其他视觉线索,通常是排版或纹理和渐变。

纹理和渐变ts

纹理和渐变

http://thislandishovland.com/

复古设计thislandishovland

https://www.balenciaga.com/us/women/new-arrivals

在创建时间段连接时,背景模式可以是巨大的视觉提示。还记得几年前摆脱假象吗?

纹理和渐变有两种不同的风格:

  1. 设计中充足的纹理使网站具有逼真(有点)的外观
  2. 缺乏所有造型,简单,简约,简约风格

这两个选项都是可用的,任何一种风格都可以以多种方式工作。但它们呈现出截然不同的感觉 - 温暖舒适,具有大量高设计质感或更加鲜明和冷酷的最小选择。

视频游戏风格

电子游戏风格复古设计

http://mostdecisivegame.com/

复古设计mostdecisivegame

http://www.rleonardi.com/interactive-resume/

当你想到电子游戏时,有多少人认为“超级马里奥兄弟”?这是一种常见的连接,因此视频游戏风格的复古设计模式很受欢迎。

在一个高清的世界里,一个有意的,更像素化的风格实际上开始脱颖而出。

上面的例子展示了两种截然不同的视频游戏怀旧方式。最决定性的游戏是一种看起来很旧的完全块式设计(但没有老派的互动)。Leonardi的作品集使用了经典Mario Bros.的颜色和气息,但为艺术作品带来了更平滑,更清晰的线条(这就是现代风格)。

新旧组合适用于两个网站,真正体现了现代复古的全部意义。

“令人讨厌的”图形

令人讨厌的图形

http://www.everythingnow.com/

令人讨厌的图形现在一切

http://retrominder.tv/

在我们获得用户现在习惯的一些更精美的样式之前,我们经历了很多糟糕的网站设计。但是那些令人讨厌的图形真的有吸引力吗?

它们可以用于某些用户。

旧的闪烁电视真的可以让你瞬间回到过去。这就是为什么设计师能够像这样的作品制作风格的核心。有很多用户连接到图像。

保持设计新鲜的是与昔日的联系以及希望通过点击和触摸操作以及现在非常用户的元素回溯。Everything Now充斥着观看视频,iTunes和Spotify下载和音乐会日期以及门票销售,只需点击一下即可。

Retro Minder TV是一个快节奏的速度琐事网站,它使用过去的图像与现代游戏化,并呼吁即时满足的愿望(一种常见的用户行为)。

把它全部拉到一起

现代复古是一种古怪的设计趋势。

复古设计的诀窍是增加足够的现代风格,因此它不仅仅看起来很旧。(你不想要下一个百万美元主页。)

确保使用图像和设计样式来调用适合您的消息传递的品牌怀旧类型。然后在现代框架上构建设计,以便用户感受到情感吸引并理解如何与设计进行交互和使用。

如果你计划走复古路线,那就选择一个特定的外观和十年。您可能希望避免混合和匹配上面示例中提到的所有样式。一个独特的复古设计绰绰有余。

同样重要的是要考虑并非所有现代复古风格都适用于长时间或每个品牌,这使得这一趋势成为小品牌页面或微型网站的理想选择。今天的一些趋势可能只是下一个复古风格,重要的是要掌握这些变化,以便您的复古风格合适。


我们在微信上24小时期待你的声音
解答:网站优化,网站建设,搜索引擎优化,APP 开发,小程序开发

非常感谢您有耐心的读完这篇文章:"什么是旧的又是新的:2018年的现代复古网页设计",此文章仅为提供更多信息供用户参考使用或为学习交流的方便。如果对您有帮助,请收藏我们的网址:https://www.91webs.cn


18617670560