这些网站设计趋势将在 2024 年占领屏幕
在线趋势加速，经济开始反弹，人工智能接管，Twitter 变得 X（而且更加混乱），而品牌仍然需要突破所有这些噪音。
网站设计趋势响应了文化潮流：极简主义设计方法巩固了其在屏幕上的地位，用户继续倾向于 Y2K 和早期网络怀旧，以寻求更多联系；网站设计师们采用了人工智能工具，并质疑它多久才能改变一切。
考虑到这一点，我们做出了一些预测：关于 2024 年您可以期待更多的大风格趋势以及单个网站设计元素。
1. 极繁主义
迪特·拉姆斯 (Dieter Rams) 有句名言：“好的设计就是尽可能少的设计。” 嗯，极繁主义几乎与这种方法直接相反。如果说 2023 年互联网上有一个最重要的网页设计趋势——并将在 2024 年继续如此——那就是极繁主义。想想：响亮的图形、多巴胺的 颜色、富有表现力的排版， 以及整体上强烈的视觉观点。
我们一直在等待极繁主义达到市场饱和的顶峰，但到目前为止，客户及其消费者似乎还无法接受“多即是多”的方法。它对各个类别都具有吸引力，尤其是对于消费品、餐饮和迎合年轻受众的新兴品牌的网络展示。考虑一下JKR 对大众市场苏打水芬达 (Fanta) 进行的广受好评的品牌重塑、名厨莫莉·巴兹 (Molly Baz) 网站的俏皮原色和胖乎乎的全大写无品牌标识 （以及 Playlab Inc. 设计的新书，恰如其分地称为“更多就是更多”）；或者柯林斯对迪士尼旗下流媒体服务 Freeform 的新尝试。
极简主义还催生了各种较小的可识别的子趋势，包括传统复兴主义和 80 年代启发的复古魅力（更多内容见下文），这些趋势出现在单个网站元素以及整个品牌世界中。到 2024 年，极简主义将随着市场的饱和而继续发展，设计师将找到这种“多即是多”方法的新风格表达，以突破噪音并满足客户的需求。
极繁主义设计的核心是响亮的图形和色彩、富有表现力的版式以及整体上强烈的视觉观点。阿什格·扎马纳 (Ashger Zamana) 绘制的插图。
2. 遗产复兴主义
这种极繁主义的网页设计趋势借鉴了 17 世纪和 18 世纪巴洛克和洛可可艺术运动的过度、装饰和微小细节，但更广泛地说，借鉴了不那么平淡的、数字优化的视觉遗产。这种复兴之所以成为可能，部分原因在于技术的改进，由于更高的分辨率和更大的屏幕尺寸，现在可以支持更多的视觉细节。
Burberry 2 月份的品牌重塑，恢复了钴蓝色衬线字标和拥有 122 年历史的马术骑士图案，并突破了奢华时尚无衬线的潮流， 这可能是今年设计 Twitter（现在的 X）上谈论最多的事情之一。
在电视上，《远方平原》的《白莲花》片头恰如其分地让人想起了 16 世纪阳光普照的意大利别墅的壁画。这种奢华、逃避现实和永恒的定制工艺出现在香水、罐头鱼、甚至狗洗发水的网站上，是多年来主导屏幕设计的无衬线千篇一律的一个令人欢迎的喘息机会。这也是一个早期迹象，表明随着极简主义美学在 2024 年在各种设备上的流行度不断提高，我们正在看到对极繁主义的新看法。
遗产复兴主义借鉴了巴洛克艺术运动的装饰和微小细节，但更广泛地说，借鉴了不那么平淡的、数字化优化的视觉遗产。伊多·以色列的插图。
3. 80 年代的过剩
另一款极简主义衍生品传达了与 80 年代和 90 年代初的过度和排他性相关的视觉效果，例如防晒品牌Vacation、“会员制”酒庄Rochambeau Club 和设计友好的 1,500 美元酒柜品牌Rocco等成功的初创公司（为 Ghia 饮料设计） 、 三宅一生 (Issey Miyake) 职业套装。
这种方法使用了一些常见的回调，例如颗粒状背景纹理、柔和的单色渐变以及大量使用复古摄影和造型。它还使用了老式杂志的布局技术，例如细线图案和边框图像。当然，字体选择也是复古的：寻找中性的半衬线或与辅助脚本搭配的细衬线。
但 Retroglam 不仅仅体现了 80 年代的印刷媒体。百事可乐采用了这种设计方法，重新启动了 80 年代中期的视觉形象，以麦当娜的复古片段为特色，以纪念其成立125 周年，而身体护理品牌 Billie 在其最近的数字广告中则倾向于过去俗气、夸张的电视广告。活动。
4. 品牌世界建设
今年，品牌采用了整体设计方法，超越了情绪板，在其网站、社交渠道和包装上创建了整个沉浸式、虚构的品牌宇宙。该策略 不仅仅涉及销售产品；还涉及销售产品。这是关于邀请个人成为一个丰富故事的一部分，并创建一个充满乐趣、富有想象力和真实感的社区——无论潜在客户在哪里遇到该品牌。
Futurewise、Starface 和Dieux Skin 等护肤初创公司 都擅长创造视觉上有凝聚力的品牌世界，Flamingo Estate也是如此，而Vacation 则第二次上榜，因为他们扩展了复古休闲领域，其中包括与网球品牌Prince 和标志性品牌的巧妙合作。亚利桑那饮料公司。到 2024 年，我们将看到世界构建成为品牌客户更常见的全渠道设计和营销解决方案，因为消费者进入品牌渠道的方式在 2024 年及以后将继续拓宽。
5.人工智能工具
ChatGPT 推出仅一年多一点，它显然改变了我们的工作和创作方式。人工智能工具 已快速集成到我们的许多设计工作流程中 ，以帮助构思、内容、lorem ipsum 填充文本、线框图、图像和视频创建。
像Synesthesia这样的网站可以让你创建自定义的 AI 视频头像和配音，而像Midjourney 和Dall-E 这样的文本到图像生成器 已经催生了整个 AI 创意工作室，比如 Maison Meta，它制作了像这样的 AI 生成的广告活动Revolve 的 IRL 广告牌。该技术也首次在网站构建器中可用：Wix Studio在其编辑器中提供 了AI 网页设计功能 。Getty Images 和 Adobe Firefly 发布了他们自己的文本到图像生成器，并在库存照片数据集上进行了训练；他们声称这可以防止可能的版权侵权（一些创意人士则不然）。
尽管这些工具爆炸性地流行，许多设计师仍然 对下载每一个新的免费人工智能应用程序持谨慎态度。尽管有一点是肯定的，但这项技术在 2024 年将如何发展仍存在很多未知数——它将继续主导设计和技术讨论。
人工智能工具（例如这个虚构的图像生成器）已迅速成为我们设计工作流程的一部分，以帮助构思、内容、图像和视频创作。哈雷尔·埃德里插图。
6. 拨号设计
人们对早期的网络怀念，当时有更多的小众在线社区、技术限制和更少的品牌指南。如今，网页设计师正在利用互联网早期 Geocities 时代的实验精神，在他们的作品中利用模因和 Y2K 回调等低保真社交资产，例如 MS Paint 和艺术字。
看看Droga5 和Wieden + Kennedy等主要机构的社交抵押品、最近推出的互联网文化网站Byline、新的 Z 世代 myspace 应用程序、NoSpace、女性运营的“长期在线”媒体初创公司、BoysClub和BusinessWeek ，举几个例子。这都是 Y2K 热潮的一部分，并表明这种设计方法将在明年继续占据主导地位。
如今，可靠的模因也算得上是一种可接受的（如果不是首选）设计资产，特别是对于那些针对年轻千禧一代、Z 世代和 Alpha 世代的客户来说。看看热门社区Seamoss Girlies （Z 世代的反 Goop？）、前面提到的Boys Club、新上市的、品牌独特的事后避孕药Julie以及通讯应用 Ghost 的社交媒体账户，首先，但你都可以我们要做的就是滚动 Instagram 看看这种流行趋势。
品牌还利用低保真的资产来应对瞬息万变、当下互联网趋势的快节奏，例如#tomatogirl（Hunts 与酷女孩精品店 Lisa Says Gah 的令人印象深刻的合作）和#hotgirlsummer，并倾向于长期在线的观众。Celestial Seasonings 是一个出人意料的品牌，它是 90 年代的经典茶公司，其吉祥物Sleepytime Bear 自然而然地成为了一种流行文化，该品牌现在正在利用这一点，在自己的官方账户上铺满了这个互联网知名的图标。 。
7. 复古女性
这是给Doll z的。得益于卡哇伊（一种可爱的日本美学）的网页设计，互联网变得越来越可爱。将此视为拨号设计的小妹妹。这种网页设计趋势是超级女性化和闪闪发光的（参见时尚机构的it-girl品牌Air Milkshake），并覆盖着心形（Studio Nari for Coach）、蝴蝶结和蝴蝶。这与芭蕾舞 和风骚等时尚趋势重叠，同时，它也受到了诸如销售一空的流行设计师Sandy Liang等设计师的少女、女性化时尚的关注。
少女感、女性化设计在 2023 年强势崛起，成为与传统企业网页设计风格的又一对立，这也表明消费者（尤其是年轻消费者）厌倦了千篇一律的旧式设计。正如创意咨询公司Digital Fairy 所解释的那样，早期互联网的创意表达（如 Myspace、Tumblr 和 Blingee 等网站上所体现的那样）至今仍能引起设计师的共鸣，进入 2024 年，他们将继续重新利用可爱的美学，以满足希望满足客户需求的客户的需求。面向更年轻、更流畅地上网的受众。
得益于卡哇伊（一种可爱的日本美学）的设计灵感，互联网变得越来越可爱。这一趋势非常女性化、闪闪发光，并充满了心形、蝴蝶结和蝴蝶。伊多·以色列的插图。
8. Z世代品牌代言
Z 世代多年来一直拥有强大的购买力，就像他们之前的千禧一代一样，一种独特的审美观已经出现，并将在 2024 年成为这一代设计的代名词。
Z 世代的外观体现了活力、折衷主义和数字流畅性，将复古影响与现代风格融为一体，并以大胆的色彩、 向 90 年代和 2000 年代初的怀旧致敬以及精通技术的极繁主义为特色。Y2K 杂志效果、贴纸、闪光图标、鱼眼镜头以及黄色、淡紫色 和鲜绿色等中性颜色，都是 Z 世代的视觉标志，这些标志都是由吸引 Z 世代消费者的品牌合成的，这些消费者现在拥有相当大的影响力。钱包。
耐克、Billie 和Good Weird等化妆品和护肤品牌以及社交搜索引擎Diem都在这样做；甚至像Superette （与面向千禧一代的Snaxshot相对应的可靠设计）这样的杂货服务也顺着 Z 世代的审美浪潮一直延伸到（虚拟）银行。
Z 世代品牌正在使用 Y2K 杂志效果、贴纸、闪光图标、鱼眼镜头和中性颜色等视觉标志。约翰尼·奥雷尔绘制的插图。
9.便当盒布局
便当盒是为组织膳食而设计的，在网上，设计师和他们的客户正在把它吃光。这是有道理的：用户界面是一种多功能的分隔设计布局，将数字元素组织成离散的功能部分。这种用户友好的结构通过以易于理解、视觉上吸引人的格式呈现信息来增强用户体验，这种格式感觉像是超越了标准网格。
像Workshop Survival Guide 和Prowl Studio这样的网站 组织得很整齐，之间的间距很小，但网页设计趋势也可以融入有趣的元素。考虑创意工作室 Schoooool和《Vogue》认可的新父母品牌 Swehl的略圆角，或 Mode Analytics 的清爽色彩组合。这种趋势可能很快就会达到顶峰，但预计 2024 年会达到更多。
分区设计布局目前正处于顶峰，但预计这一策略将持续到 2024 年。插图由 Ido Israel 提供。
10.拨动开关
虽然切换开关传统上出现在移动网站上，但设计人员也将它们集成到桌面体验中。这个功能很有趣，就像在芭比电影的原声带网站上一样，只需点击一下 CTA，就可以从芭比的视图切换到肯的特别版黑胶专辑礼品套装的视图。
切换开关还具有功能性目的——Lusion Lab 的列表或网格模式、魂斗罗的深色或浅色——这种灵活性允许网站适应不同的受众，增加其整体可访问性和交互性。到 2024 年，我们将看到更多这样的情况，作为更广泛的网页设计趋势的一部分，其中桌面界面采用用户通常在移动设备上看到的设计元素。
切换开关允许网站适应不同的受众，增加其整体可访问性和交互性。到 2024 年，我们将看到更多这样的情况，因为桌面界面采用了移动设备上常见的设计元素。约翰尼·奥雷尔绘制的插图。
11.巨大的按钮
今年占据中心舞台的最小的极繁主义元素之一是巨大按钮的使用。以《Lovers》 杂志巨大的“加入候补名单”按钮为例，或者《Rekki》 几乎占据整个屏幕的 下载按钮。
这种网页设计趋势可能是对用户注意力不断减少的反应，需要更大的视觉号召性用语，或者与桌面界面如何开始使用越来越多的移动功能有关。无论出于何种原因，这些面对面的按钮 肯定不容忽视。如果用户行为 有任何迹象的话，那么到 2024 年，这将继续成为鼓励点击的设计解决方案。
巨大的按钮占用的空间比它们需要的多得多。用户注意力持续时间正在缩短，这似乎是另一种设计解决方案。约翰尼·奥雷尔绘制的插图。
12.循环滚动
那种生活在无限循环中的精神倦怠感已经搬上了银幕。网站被设计成循环滚动，似乎没有开始也没有结束。虽然循环滚动允许在内容中进行无缝和连续的导航，但这种永久循环（如Lusion Lab 和Nobel Foods等网站上所见）让人感到非常不安，您开始渴望页脚。
Lacoste 的 品牌历史网站在设计上取得了良好的平衡，有大量的叙事内容可供滚动浏览，最后由一个超大的页脚打断，在漫长的叙事旅程结束时，这是一个令人满意的视觉目的地。对于循环滚动是否会在 2024 年受到蓝筹品牌的欢迎，还是继续被归入更具创意的行业（例如时尚和小型 DTC 网站），目前尚无定论，但我们有点希望这种趋势在 2023 年能够保持循环。
网站设计时采用循环滚动，允许无缝、连续地浏览内容。它还可能让用户希望有一个终点。哈雷尔·埃德里插图。
13. XXL页脚和标题
多年来，页脚和标题一直是设计后的想法，被置于网站的遥远角落。但设计师们正在颠覆他们曾经认为默认的视觉层次结构，以便为不太知名的品牌提供不容错过的知名度。请参阅创意工作室Sturdy RCA 的 动态视频标题、Powell-Studio 和设计工作室Atio，它们的标题都占据了首屏的整个屏幕。
这种网页设计趋势也渗透到大众市场品牌中：Hailey Bieber 的护肤品牌Rhode、Z 世代痘痘贴片品牌Starface 和大型消费品品牌Twice。这可能是我们所看到的所有富有表现力的定制字体的副作用——如果你有装饰性的定制字体，你会需要房地产来展示它。随着大字体以及更大的页脚和页眉的出现，我们看到网页设计中被遗忘的元素成为了主角，到 2024 年，它们将拥有更多的屏幕时间。
设计师正在颠覆他们曾经认为默认的视觉层次结构，以便为不太知名的品牌提供不容错过的知名度。约翰尼·奥雷尔绘制的插图。
