网页设计中蒸汽朋克的美丽例子

news/2024/5/3 19:57:26/文章来源:https://www.cnblogs.com/hdjc/p/16687927.html

即使你不熟悉蒸汽朋克这个词,你无疑已经通过流行文化被介绍到了这种设计现象。蒸汽朋克指的是一种异想天开的风格,这种风格基于对19世纪可能的反乌托邦世界的想象。这听起来可能有点复杂,但这个折衷的类别将H.G.威尔斯的想法与维多利亚时代的设计、工业主义主题、后世界末日的愿景以及时尚、现代的前卫融合在一起。

正如我们在下面所展示的,蒸汽朋克的造型影响了好莱坞电影,如《福尔摩斯》或《雨果》,也为专业艺术家和插画家创造了新的地下空间。我们访问了以下一些视觉效果最令人惊叹的蒸汽朋克网页设计:

基思·汤普森艺术

基思·汤普森(Keith Thompson)是一位专门从事蒸汽朋克插画的自由艺术家。他的网站不仅提供了一系列蒸汽朋克艺术;其设计是贯穿始终的蒸汽朋克。登录页面给访问者一种即将打开一本迷人而又令人不安的新书的感觉。

Keith Thompson Art web site steampunk

它展示了蒸汽朋克设计的许多标志性元素,如维多利亚时代的卷轴、中世纪风格的野兽和有机元素(以艺术家名字下方复杂的根系形式)。这些特征与军事、工业主题和未来的成本计算并置。签出当你欣赏网页设计时,Thompson的艺术和其他游戏和插图设计作品。

Keith Thompson Art web design steampunk style

福尔摩斯二世

如果你认为蒸汽朋克是边缘艺术家和设计师,而不是主流,那就再想想。蒸汽朋克运动迷人的设计品质使这种风格渗透到当今流行文化的许多元素中。你不可能得到比好莱坞大片更主流的东西。

Sherlock Holmes II web site steampunk

由小罗伯特·唐尼和裘德·洛主演的华纳兄弟电影将十九世纪的福尔摩斯重塑为科技驱动型企业。网站上的图像、视频和设计元素展示了对发明、科学、维多利亚时代时尚以及定义蒸汽朋克的世界末日场景的痴迷。

雨果

对于看过马丁·斯科塞斯(Martin Scorsese)这部电影的人来说,蒸汽朋克(steampunk)的引用将是显而易见的。蒸汽朋克设计通常表现出对齿轮、滑轮和其他简单机器的迷恋,以及对奇怪的机器人创作的倾向。

Hugo web design steampunk style

在雨果的故事中,一个小男孩住在火车站一个巨大时钟的内部。在整部电影中,他辛辛苦苦地把他父亲传给他的一台自动机变成了现实。结合了维多利亚风格的建筑和电影中的装饰,这些元素融合在一个美丽的网站上,唤起了蒸汽朋克风格。

丹尼尔·多西奥的艺术

虽然Dociu网站的设计本身并不是由蒸汽朋克元素组成的,但他令人瞠目结舌的蒸汽朋克艺术网格模式将让你叹为观止。Dociu是一位成功的艺术家和插画家,他的作品以许多不同类型的幻想世界为特色,包括蒸汽朋克现实。

The Art of Daniel Dociu web site steampunk

丰富的色彩,生动的想象力,和纯粹的亮度,他的画使他的网站成为一个真正的对待任何人谁喜欢蒸汽朋克风格。他的灵感来自蒸汽朋克的幻想画包括精致的未来派城市景观、奇幻动物、令人难以置信的飞行器,以及对古董机械元素的迷恋。我们有没有提到还有一座空中哥特式建筑?

费利德斯

西班牙艺术总监兼插画家费利德斯(Felideus)的网站会让任何蒸汽朋克的仰慕者兴奋不已。主页以一个由不匹配的木制和金属古董部件制成的精巧装置欢迎访客。一条伸缩管道展示了一种未被发现的章鱼状野兽的触角。一只穿着皮大衣、戴着飞行员护目镜的好奇生物在一艘形状像鸡的飞艇上四处游荡。

The Art of Felideus web design steampunk style

这种想像力激发了Felideus网站的各个方面。亮点包括一个幻想驱动的哥特式风格的爱丽丝梦游仙境。另一个必看元素是艺术家为意大利啤酒厂的啤酒标签设计的。它的特点是一种奇怪的水下动物,尾鳍由一盏旧灯制成。一个单独的水生生物穿着H.G.威尔斯设计的衣服四处走动,这套衣服很像一个老式的aqualung装置。

The Art of Felideus web site steampunk

结束…

这些网页设计中的每一个都利用想象力将维多利亚时代的图像编织在一起,这些图像很可能属于博物馆或古董店,带有未来主义或后现代主义元素。无论是出自《福尔摩斯》这样的热门电影,还是出自一位自由艺术家的古怪网站,这些网站都展示了蒸汽朋克风格在世界各地渗透流行设计的许多方式。

来源:https://speckyboy.com/steampunk-in-web-design/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_6825.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第3章 基础项目的搭建

3.1 后端项目搭建 3.1.1 gitee下载脚手架 下载地址:https://gitee.com/77jubao2015/springbootdemo 打开浏览器输入以上地址,点击下载即可,如图所示: 3.1.2 把脚手架导入到idea开发工具 步骤01 把下载后的脚手架放到指定位置并解…

数据库基本概念

目录 一、数据库概念 1、数据库的组成 (数据为行,字段为列) 2、数据库的管理系统(DBMS) 二、数据库系统发展史 1、第一代数据库(人工管理) 2、第二代数据库(文件管理) 3、第三…

大学SQLServer2012 安装流程+启动+登录+用户的操作

这里写目录标题第一步下载解压的文件第二步骤安装软件第三步执行安装选项执行安装选项1执行安装选项2执行安装选项3 同意条款执行安装选项4配置检测执行安装选项5 下载需求组件执行安装选项6 上面安装完成后执行安装选项需求---关闭防火墙执行安装选项7--重新检测执行安装选项8…

SpringMVC基础:AJAX发送请求

AJAX请求 前面我们讲解了如何向浏览器发送一个JSON格式的数据,那么我们现在来看看如何向服务器请求数据。 Ajax即Asynchronous Javascript And XML(异步JavaScript和XML),它的目标就是实现页面中的数据动态更新,而不是…

微服务--数据一致性

本篇文章讲解微服务数据一致性相关的知识 一、案例 在使用微服务时,存在跨多个服务更新数据库数据的情况。那么这就会出现一个问题,比如我们有三个服务(如下图),正常情况下,当一个请求进来时,…

【软件与系统安全笔记】五、内存破坏防御

【软件与系统安全】五、内存破坏防御 这是《【软件与系统安全】笔记与期末复习》系列中的一篇 虽然对缓冲区溢出的认知已超过 40 年之久, 但缓冲区溢出仍未被消除。部分原因在于存在大量的利用选项: 多样的目标: 不仅仅可以利用返回地址, 实际上可以利用任意代码地…

JDK1.8中的Stream流源码中的常用方法全面解析附代码演示及源码展示

文章目录💨更多相关知识👇🍂allMatch🌟代码演示🍂anyMatch🌟代码演示🍂noneMatch🌟代码演示🍂findFirst🌟代码演示🍂findAny🌟代码演示…

【愚公系列】2022年09月 微信小程序-WebGL纹理材质的使用

文章目录前言一、webgl的使用1.立体图形的绘制二、相关包源码三、总结前言 WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScrip…

[含毕业设计论文+PPT+源码等]ssm培训机构管理系统+Java后台管理系统|前后分离VUE

💖💖更多项目资源,最下方联系我们✨✨✨✨✨✨ 目录 微信小程序项目介绍 资料获取 微信小程序项目介绍 计算机毕业设计java毕设项目之微信小程序ssm培训机构管理系统小程序后台管理系统_哔哩哔哩_bilibili计算机毕业设计java毕设项目之微信…

基于Springboot健身会员俱乐部管理系统设计

开发技术: Idea Springboot Mysql 功能描述: 1 系统管理员模块的具体需求如下: (1)会员管理:系统管理员在本系统中拥有对会员进行管理的功能。包括会员的注册、个人信息的修改、会员的删除、变更和查询&#xff0c…

Linux——权限

目录 Linux权限的概念 Linux权限管理 文件访问者的分类 文件类型和访问权限 文件类型 基本权限 文件权限值的表示方法 文件访问权限的相关设置方法 目录的权限 粘滞位 关于权限的总结 Linux权限的概念 Linux下有两种用户:超级用户(root)、…

k8s 集群 使用yaml部署Tomcat方法

使用ymal部署Tomcat6 命令中,通过–dry-run选项,并不会真正的执⾏这条命令。 –dry-run‘none’: Must be “none”, “server”, or “client”. If client strategy, only print the object thatwould be sent, without sending it. If server strate…

计算机毕业设计之java+springboot基于vue的农机电招平台

计算机毕业设计之javaspringboot基于vue的农机电招平台 项目介绍 随着农机电招行业的不断发展,农机电招在现实生活中的使用和普及,农机电招行业成为近年内出现的一个新行业,并且能够成为大群众广为认可和接受的行为和选择。设计农机电招平台的目的就是借助计算机让复杂的销售操…

车企竞相“入股”元宇宙,美格智能着力打造制胜秘诀

2021年,元宇宙一夜爆红,引发社会各界关注。在“元宇宙”概念爆发初期,这个新概念下的产业与生态还是一片草莽。直到2021年底,在全社会的“元宇宙热”之下,各大企业才正式开启对元宇宙的竞相追逐,展开了元宇…

基于SSH的高校竞赛报名系统设计与实现

目录 1 需求分析 1 2 概要设计 1 (1)数据结构 1 (2) 模块划分 2 (3) 总体框架 2 (4)数据库设计: 2 ER图 2 数据库表结构: 3 3 详细设计 4 4 调试分析 6 5 测试…

TreeMap和LinkedHashMap

TreeMap 总体特点:(主要是跟linkedHashMap比较) 底层是基于红黑树实现,是个有序集合,按照key的compareTo方法或在构造时传入的Comparator比较器进行排序。这里需要注意如果在构造 时没有传入Comparator,那…

猿创征文|瑞吉外卖——移动端_地址管理

个人名片: 博主:酒徒ᝰ. 专栏:瑞吉外卖 个人简介:沉醉在酒中,借着一股酒劲,去拼搏一个未来。 本篇励志:人会想很多事,而且多半是痛苦的,时光如水,我们无法阻止…

02-Vue li环境搭建

一、Vue cli 介绍 什么是vue-cli vue-cli是由vue官方发布的快速构建vue单页面的脚手架 为什么要用vue-cli构建项目 用vue-cli可以实现webpack的快速打包 ,打包。 代码重用 兼容ES6 ;jQuery语言:ES5 兼容nodeJS 只有 一个单界面。index.html.在vue组…

maven常用插件详解

1. 简介 我们都知道Maven本质上是一个插件框架,它的核心并不执行任何具体的构建任务,所有这些任务都交给插件来完成,例如编译源代码是由maven- compiler-plugin完成的。进一步说,每个任务对应了一个插件目标(goal&…

自己动手写编译器:汤普森构造法

上节我们描述了正则表达式的规则,有过一些编程经验的同学或许都用过正则表达式功能,通常使用它来检验特定格式的字符串,例如检验输入的邮箱是否合法等。当然大多数时候我们只要“调用”即可,但对于要做编译器而言,我们…