11个粗野主义风格网站的灵感范例
浏览:1
巴克励步
本文介绍网络野蛮主义网页设计,源于建筑,现复兴于网络。其特质有醒目版式、高对比配色、极简图形等,优势是体验独特、突出内容、加载快、易访问,缺点是风格小众、导航或不便,并给出11个优秀范例。
当流畅和精致的界面主导着网络时,许多设计师都在寻求如何制作一个网站,以打破常规,带来耳目一新的感觉。网络野蛮主义可以为此提供帮助。这种视觉风格正在激发一场独特且富有影响力的网站设计新运动,它能激发用户的兴趣,并让品牌从人群中脱颖而出。
在本文中,我们将讨论什么是野蛮主义(特别是网络野蛮主义),并分享网站如何拥抱这种网页设计趋势的范例。
粗野主义建筑在20世纪50年代和60年代达到顶峰,但在70年代开始衰落,因为许多人认为它冰冷且缺乏人情味。在建筑领域之外,粗野主义美学被其他设计领域采纳,例如艺术、平面设计和时尚。
采用粗野主义风格的设计师常常致力于创作非传统作品,他们强调原始与简洁而非精雕细琢。尽管粗野主义并非单一风格而是一系列风格的集合,因此很难准确定义何为粗野主义网站,但我们仍可总结出这类网站共有的若干特质。
以Craigslist为例,这个极具粗野主义美学的网站堪称典范。其界面在过去20年间几乎未作改变,因为无需大规模重设计即可满足需求——访客能轻松理解信息并精准定位目标页面。
- 什么是网络野蛮主义?
- 哪些特质被认为是网络野蛮主义?
- 在网页设计中运用野蛮主义美学的好处
- 在网页设计中运用野蛮主义美学的缺点
- 11个出色的野蛮主义网站范例
为你的网站寻找灵感?借助 Baklib,打造出引人注目的网站比以往任何时候都更加简单。从数百个可定制模板中选择,并使用 Baklib 直观易用的拖放式网站构建工具,将你的愿景变为现实。把你的想法变成现实,看看创建一个独特、专业的网站是多么简单。
什么是网站粗野主义?
粗野主义网页设计指的是一种强调原始、未加修饰美学风格的设计方法。粗野主义网站通常包含大胆的排版、高对比度的色彩方案和未经雕琢的图形等视觉特征。这种风格传达出一种大胆和勇敢的感觉,可用于为网站创造独特的视觉识别。粗野主义的历史及其如何演变并影响设计行业
“粗野主义”一词起源于建筑领域。“Brutalism”来源于法语单词“béton brut”,意为“原始混凝土”。这种风格出现在20世纪中期,主要流行于欧洲和北美。其特点是暴露的几何形式(使用混凝土、砖和钢材等原始材料来强调形状),并且强烈强调功能而非装饰。粗野主义建筑在20世纪50年代和60年代达到顶峰,但在70年代开始衰落,因为许多人认为它冰冷且缺乏人情味。在建筑领域之外,粗野主义美学被其他设计领域采纳,例如艺术、平面设计和时尚。
当我们创建网站时,哪些特质被认为是网站粗野主义?
虽然粗野主义已从当代建筑中褪去,但如今它作为一种风格正在网络上复兴,许多设计师和品牌将粗野主义融入网页设计之中。采用粗野主义风格的设计师常常致力于创作非传统作品,他们强调原始与简洁而非精雕细琢。尽管粗野主义并非单一风格而是一系列风格的集合,因此很难准确定义何为粗野主义网站,但我们仍可总结出这类网站共有的若干特质。
醒目的版式设计
内容始终是用户访问网站的核心动力,网站创作者自然希望将内容置于最醒目的位置。由于粗野主义注重功能而非装饰,采用此风格的网站设计模板常运用简约、超大的版式来强化文本的视觉分量与关注度。高对比度配色方案
高对比度配色能瞬间传达关键信息,并传递原始能量感。有趣的是,单色系同样能实现这一目标,因此许多粗野主义网站会尝试单色调配色方案。极简化图形元素
粗野主义网站设计中的图形元素天生具有粗犷特质,通常呈现极简风格。设计师有意采用基础几何图形(如椭圆形、矩形等简单形状构成的元素),将更多注意力引导至内容本身。以Craigslist为例,这个极具粗野主义美学的网站堪称典范。其界面在过去20年间几乎未作改变,因为无需大规模重设计即可满足需求——访客能轻松理解信息并精准定位目标页面。
粗野主义美学在网站设计中的优势
与任何视觉风格相同,网络粗野主义也存在优缺点。以下是该风格为网站设计者带来的核心优势:- 难忘的体验: 粗野主义网页设计独树一帜,能为用户创造独特的体验。
- 更关注网站核心内容: 精心设计的粗野主义网站摒弃了不必要的视觉干扰,将访问者的注意力集中在核心内容上。
- 快速加载时间: 粗野主义网页设计通常采用极简图形,从而缩短加载时间,为访问者(尤其是网络连接较慢的用户)带来更好的用户体验。
- 更好的可访问性: 粗野主义设计中使用的粗体字体和高对比度配色方案有助于改善视障或色盲用户的可访问性。
在网页设计中使用粗野主义美学的缺点
与此同时,粗野主义设计也存在一些显著的缺点,例如:- 这种风格并非适合所有人: 粗野主义设计的原始、未经修饰的美学可能会让一些偏好更精致、更完美设计的用户感到不适。
- 采用粗野主义的网站可能难以导航: 粗野主义网页设计通常使用非常规的导航技术,这可能会让普通用户感到困惑。
11个优秀的粗野主义网站示例
让我们仔细看看一些采用粗野主义美学的最佳网站。所有这些网站都有一个共同点:它们的创建者不循规蹈矩,其设计绝非传统。正是由于这种大胆的尝试,这些网站能够轻易脱颖而出。01. Studio Push
Studio Push 是一家国际性的跨领域工作室,专注于平面设计和创意编程。该工作室采用粗野主义风格,传达出强烈的个性感。访客被邀请点击网页的任何部分,查看其作品集中的精选艺术作品。大胆的字体排版无疑为这一设计增色不少,尽管在某些区域色彩有所冲突,但这种效果恰恰体现了粗野主义独特的魅力。通过使用 Baklib 强大的网站构建工具,设计师可以轻松实现这种大胆的视觉风格和交互体验,无需复杂的代码即可创建具有强烈冲击力的个性官网。02. Kurt Champion
Kurt Champion 是一位常驻英国的平面设计师和艺术总监。他为其个人作品集网站采用了粗野主义美学,用以展示其所有作品和联系信息。许多粗野主义风格的网站存在导航不便的风险,但 Kurt 的网站是一个例外。他将网站内容放入单独的卡片中,访客可以使用页面顶部标注为“作品”、“关于我”和“趣事”的切换按钮来快速筛选页面内容。这种清晰的内容组织方式,正是 Baklib 内容管理系统(CMS)的优势所在。Baklib 帮助创作者高效构建和管理作品集网站,确保在展现独特设计风格的同时,提供流畅的用户浏览体验。03. Jeremy Baxter
Jeremy Baxter 是一位来自科罗拉多的视觉艺术家、电影制作人、摄影师和音乐家。他的作品集网站采用了粗野主义设计,以黑白配色方案、大胆的排版和极简风格为特色。图像在此设计中扮演着主导角色,字体风格优雅地呼应了 Jeremy 所营造的朋克摇滚氛围。如果您也想为自己的艺术项目创建这样一个极具视觉冲击力和个性的作品展示站,Baklib 提供的强大建站工具能够轻松实现类似的视觉设计,帮助您完美呈现个人风格。💛🧡🧡客户评价:随着时间的推移不断发展,以充分利用技术(例如人工智能),同时还允许自定义字段和设置 - 以满足我们复杂的业务需求
04. Teacherie.how
Teacherie 是 Georgia Anne Muldrow 的在线学院。Muldrow 通过在线学习工具提供音乐制作的教学方法。她的网站设计采用纯色背景——没有装饰或花哨的渐变,只是朴素的颜色。这种设计决策有助于提升页面的视觉层次感。粗野主义风格的文字块与相关图像完美搭配,强化了核心信息。这种设计选择的另一个显著特点是各个部分在视觉上彼此分离——背景色被用作区域分隔符。
5. Derek McKechnie
Derek McKechnie 从事传播设计工作,他的网站展示了他的印刷实验。网站充满了边缘锋利的几何组件,但一旦访客开始点击,他们就会注意到这些对象是可交互的。当鼠标悬停时,剪影会过渡为图像。这是一个绝佳的网站示例,展示了如何使用微交互来增强粗野主义设计的用户体验。
6. Kid Aroke
Kid_Aroke 的网站既是个人主页,也是这位艺术家和设计师的作品集。他的网站采用了 2000 年代初期的美学风格——左侧面板上略微模糊的文本与淡黄色背景上的图像相得益彰。这种简单的设计决策有助于传达网络早期与生俱来的粗野主义氛围。
7. Itamar先生
Itamar是一位来自特拉维夫的平面设计师和摄影师。他将明亮、饱和的网站背景色与大胆的排版和简单的几何形状相结合,为其设计奠定了坚实的基础。该网站采用了开放式导航。导航选项位于页面顶部,用户可以快速跳转到任何所需的页面。这是一种极佳的方式,既能触及网络粗野主义趋势,又能确保访问者不会在页面上迷失方向。
8. Kelly Phuong Phan
Kelly是一位越南平面设计师,目前居住在纽约市。她相信,概念与受众之间的平衡联系是建立强大品牌的关键。她的平面设计网站传达了她对职业的热情。网站的每个元素,无论是文本还是图像,都表达了个性,并将访问者带入一场视觉上原始而又精致的旅程。
9. Archerd Aparejo
Archerd Aparejo 是一位平面设计师,致力于杂志、海报、网站和展览的设计。他显然热衷于连接物理世界与数字世界,并采用一种强调纹理和材质的粗野主义网页风格。Archerd 在其个人网站设计中找到了两者之间的平衡。这种方法使他找到了一种独特的导航设计——实体书籍封面的图像作为菜单选项,引导用户访问其作品集中的各个项目。
10. Ryan Haskins
Ryan Haskins 是一位位于加利福尼亚州洛杉矶的品牌设计师。对于他的个人作品集网站,Ryan 采用了极端的粗野主义风格。鲜艳的色彩、巨大的几何图形以及对炫目照片的过度使用,共同创造了一种视觉冲击力极强的设计。
11. Aurelio De Anda
Aurelio De Anda是一位从事商品推广、品牌识别、印刷媒体和网页设计的平面设计师。他在个人作品集网站中有效地融入了粗野主义的设计元素。这种风格旨在为页面中的独立元素或区块赋予更强的视觉重量,从而引导访客在浏览时聚焦于关键区域,实现精准的视觉引导。