优质和免费的 Material Design WordPress 主题

已发表: 2015-05-01

材料设计

这是最好的优质和免费 Material Design WordPress 主题的集合。

那么材料设计究竟是什么? Material Design 是谷歌开发的一种视觉界面设计,“将优秀设计的经典原则与技术和科学的创新和可能性相结合”。 虽然谷歌关于 Material Design 的定义和不断发展的规范文档使用了相当令人生畏和自命不凡的语言,但基本面是相当清楚的。

材料设计满足平面设计和拟物化之间的点。 可以说它是扁平化设计的延伸,它试图让网页设计在如何以一种有意义的方式描绘元素方面更加真实,改善用户流程和理解,并使体验更流畅。 这是通过使用响应式动画和过渡、分层、填充和深度效果(如照明和阴影)等元素来实现的。

材料设计有三个核心原则:材料作为隐喻、运动和大胆的有意图形。

材料

材料设计隐喻 材料设计的核心隐喻是数字材料。 受纸和墨水的启发,这种虚构的数字“智能纸”能够智能地移动和改变形状。 它的表面和边缘提供基于现实的视觉线索,接缝、阴影和照明有助于定义对象、划分空间并提供意义和上下文。

运动

materialdesign_principles_motion 与 Material 类似,Motion 的概念尊重用户行为是主要关注点,因此与设计交互的人控制体验,而不是设计控制用户。 正如谷歌解释的那样:“运动是有意义和适当的,有助于集中注意力并保持连续性。 反馈微妙而清晰。 过渡既有效又连贯”。

粗体、图形、故意

materialdesign_principles_bold 基于印刷设计的原则和基础元素——排版、网格、空间、比例、颜色和图像的使用——不仅能取悦眼睛,还能指导你使用层次结构、意义和焦点的体验。 使用大胆而深思熟虑的颜色、轮廓分明的边到边图像、大尺寸排版和有意的留白空间创造了身临其境的用户体验。

材料设计 WordPress 主题

以下是尝试使用 Material Design 理念的 WordPress 主题集合。 开发人员在这些主题中实施了 Material Design 原则,并取得了不同程度的成功。

物化

Materialize 是一个深受谷歌 Material Design 启发的博客 WordPress 主题。 RichWP 的高级主题具有现代、大胆且具有视觉吸引力的设计,遵循材料设计指南。 它适用于个人或专业博客、在线杂志甚至商店网站。

一些关键功能包括:WooCommerce 就绪、完全响应的移动优先布局、支持大多数 Jetpack 插件功能(如平铺画廊、联系表格等)、简单的颜色自定义选项、多个小部件区域、下拉菜单、简单的徽标集成、翻译准备好、图标菜单、符合 WordPress 标准的质量代码等等。

实现
演示和发布页面| 下载

唯物主义

Materialism 是一个多用途的单页 WordPress 主题,使用 Google 开发的 Material Design 指南构建。 Tesla Themes 的高级主题拥有美丽而现代的材料设计,具有许多强大的功能和选项。 该主题可用于博客、公司或代理网站、投资组合、登陆页面,以展示您的产品、应用程序或服务或其他任何内容。 一些主要功能包括:40 多种不同的内容元素和高级样式选项、2 种独特的主页布局、视差滚动和 HTML5 视频、定价表、Google 网络字体、号召性用语块、拖放视觉页面构建器等。

更多详情/演示下载

天狼星专业版

Sirius Pro 是一个多用途的 WordPress 主题,灵感来自 Google 的 Material Design。 Lyra Themes 的高级主题具有一组强大的功能和选项,并且易于设置和用于各种目的。 您可以使用它来创建一个优雅、专业且功能齐全的商业、个人或公司网站。 它具有内置项目/投资组合、颜色自定义选项、视差背景、多个主页显示、信息卡简码、团队成员和推荐等。

更多详情/演示下载

材料设计WP

Material Design WordPress 主题是基于 MaterializeCSS.com 框架的高级主题。 它带有一个 Material Design 短代码插件,可让您在页面中添加许多不错的 Material Design 组件。 它具有响应式设计、博客布局、投资组合模板、视差选项、全宽模板、小部件区域、联系表单模板等。

材料设计wp
演示和发布页面| 下载

丰富的盒子

Rich Box 是来自 RichWP 的完全响应式多功能 WordPress 主题。 高级主题将最新的 Material Design 趋势与 WordPress 主题开发的最新标准和最佳实践相结合。 多功能主题可用于所有不同类型的网站和利基市场,例如美食博客、时尚和化妆品、设计相关网站、旅游、附属或个人博客。

Rich Box 主题具有漂亮的网格帖子布局,并包括一些方便的功能和选项,包括:简单的徽标集成和颜色更改选项、全屏菜单、无边栏设计、顶部和页脚小部件区域、WordPress 帖子格式支持、HTML5 代码架构、图标菜单、JetPack 插件支持、翻译就绪等。

丰富的盒子
演示和发布页面| 下载

和风

Zephyr 是一个可定制的多用途高级 WordPress 主题,可用于商业和公司网站、代理机构、投资组合、博客、产品网站或任何其他类型的项目。 该主题基于最新的 Material Design 趋势,并注重细节。 它具有真实的动作、响应式交互、分层时序、视差效果、8 个列和图像的外观动画、完全响应并专注于排版、可用性和用户体验。

主题绝对包含(太多?)功能,但一些值得注意的关键功能包括:可视化拖放页面构建器,可轻松构建无限布局,WooCommerce 就绪,高级排版选项,特殊主题选项面板,易于定制和控制,高级标题选项、超过 6000 种组合的组合、无限颜色选项、视差背景、翻译就绪、3 种不同的博客布局以及许多其他元素(手风琴和切换、操作框、按钮、联系表、计数器、图标框、图片库、图像滑块、谷歌地图、消息框、投资组合网格、响应列、分隔符、社交链接、选项卡和时间线、团队成员、推荐、视频播放器)、1000+ 字体真棒和材料设计图标等等。

和风
演示和发布页面| 下载

红宝石

Ruby 是受 Material Design 启发的投资组合和博客 WordPress 主题,适用于希望通过博客展示个人项目、照片或故事的人们。 高级主题具有超简单、现代和直观的设计,针对移动设备进行了优化。 一些主要功能包括:无限的颜色选项、用于自定义的管理面板、Royal Slider(插件)、用于投资组合的 Essential Grid(插件)、各种投资组合布局、谷歌字体、投资组合过滤器图标、多种帖子格式等等。

红宝石
演示和发布页面| 下载

材料

Material 是一个功能齐全、多用途的 WordPress 主题,可用于各种项目。 受 Google Material Design 的启发,在 ThemeForest 上出售的高级主题提供了大量不同的主页样式和无限的变化。 一些主要功能包括:带有前端和后端编辑器的可视化拖放页面构建器、40 多个内容块、响应式和视网膜就绪、可过滤的产品组合、19 个独特的标题块、视差效果、全屏部分和滑块、3 种独特的页脚类型和更多。

材料
演示和发布页面| 下载

快乐时髦

RichWP 的 Happy Hipster WordPress 主题是一个博客主题,设计非常简单、时尚和极简。 高级主题非常适合希望在博客文章中分享他们深刻而有见地的想法的时髦博主,发布自拍或他们的食物照片、精品啤酒或胡须、他们自己做很酷的事情的视频等等。 当然,您无需成为时髦人士即可使用该主题。 它适合任何人写关于任何事情的博客。 Happy Hipster 主题的其他一些主要功能包括:移动优先响应式设计、WooCommerce 电子商务功能、对大多数 JetPack 功能(平铺画廊、联系表格等)的支持、对原生 WordPress 帖子格式的支持、漂亮的画廊和帖子列表布局、下拉菜单、图标菜单、简单的徽标集成、简单的颜色定制、多个小部件区域等等。

快乐时髦
演示和发布页面| 下载

黑斑羚

Impala 是一个功能丰富、多用途、全能的 WordPress 主题,它尝试应用 Google Material Design 原则。 它具有完全响应的现代平面渐变设计。 您可以使用该主题来构建几乎任何类型的网站——在线杂志、投资组合、代理和业务、博客、即将推出的页面或其他任何类型的网站。

一些主要功能和选项包括:用于无限布局的拖放页面构建器、多个标题、多功能布局(1170 像素、1024 像素、900 像素、全宽、全屏)、特色帖子网格、背景视频选项、透明图案、数百种排版选项、无限的颜色选项、无限的侧边栏、来自 fontAwesome 和 Google Material Design Icons 的 1200 多个图标、内置评论、帖子格式支持等等。 该主题使您可以完全控制布局、样式、渐变、颜色、透明图案、字体、图标、图像位置等。

黑斑羚
演示和发布页面| 下载

品脱

Pinty 是一个类似于 WordPress 的高级 Pinterest 主题,可让您创建像 Pinterest 这样的网站。 它允许您创建板和类别,从网站固定项目(图像、视频和带有 Google 地图的地点)或上传您自己的内容,创建用户个人资料,关注用户,喜欢,重新固定等等。

高级主题是使用 Material Design 风格指南设计的,并且是视网膜就绪和移动友好的响应式设计。 其他一些值得注意的关键特性和功能包括:前端用户注册和使用 Google+ 和 Facebook 登录、Redux 框架、使用 Google 地图定位引脚、Font Awesome 图标、Google 字体、无限配色方案、可翻译和 HTML5、CSS3 和 jQuery编码。

品脱
演示和发布页面| 下载

Tactile 是一个多概念的 WordPress 主题,具有现代和锐利的外观,也声称是 Material Design。 它包含 14 种预定义布局以及许多功能和选项,因此您可以将它用于各种不同的项目和网站。

触觉主题的一些主要功能包括:强大的管理界面、可视化编辑器、多个标题布局、视差图像、AJAX 转换、视频背景、图层滑块、多个投资组合布局、砖石博客布局、自定义端口格式、可自定义的页脚列、视网膜就绪、WooCommerce 集成、Google 字体、Contact Form 7 集成、WPML 多语言集成等。

触
演示和发布页面| 下载

卡吕普索

Calypso 是一个带有 Material Design 的杂志 WordPress 主题。 由于其材料设计,高级主题允许您以一种很好的方式展示文章和故事。 开发人员声称,所有最小元素都经过精心设计,以使其与自身和 Material Design 原则保持一致。

该主题的一些显着特点包括:类似 Reddit 的帖子排序算法(按受欢迎程度排序)、页面构建器、可自定义的类别页面(类别颜色、帖子样式、侧边栏位置)、用于轻松导航的智能 AJAX、移动响应设计、一键式演示数据安装、HTML5 和 CSS3、粘性菜单、自定义小部件以及主题选项面板中的广泛自定义选项。

卡里普索
演示和发布页面| 下载

丰富的博客

Rich Blog 是来自 RichWP 的大胆而现代的博客 WordPress 主题。 高级主题具有简洁的设计,适用于任何类型的博客。 该主题具有移动优先响应式设计、WooCommerce 集成、简单的徽标集成、多个小部件区域、Jetpack 支持(用于画廊、联系表格等)、颜色自定义选项以及遵循 WordPress 标准的编码。

丰富博客
演示和发布页面| 下载

痴迷

Obsession 是一个灵活的 WordPress 主题,可用于单页网站或传统的多页网站。 该主题包括一些不错的 Material Design 元素,例如动画变形按钮、信息覆盖、订阅表格和最小的联系表格。

该主题基于 Bootstrap 框架,并具有完全响应式设计。 包含的视觉拖放页面构建器、旋转滑块和基本网格插件允许您使用拖放界面使用预构建元素创建几乎任何您想要的布局。 该主题的其他一些显着功能包括:可定制的投资组合部分、智能管理面板、Google 字体、Font Awesome 集成、视差滚动、翻译就绪、无限颜色、自定义页面布局编辑、视频背景、粘性标题选项、WPML 就绪和更多的。

痴迷
演示和发布页面| 下载

颜色

Color 是一个博客和投资组合 WordPress 主题,具有独特而多彩的设计。 每个帖子、页面或帖子类型都可以使用单独的强调色进行更新,以获得独特的外观和感觉。 为什么这个主题可能比材料设计更扁平,对于色彩丰富的博客的粉丝来说是理想的选择。

该主题的其他一些主要功能包括:高级字体选项、左侧或右侧边栏、移动优先响应式设计、Google 地图集成、显示/隐藏作者信息、Easy Digital Downloads 兼容性、社交共享选项、自定义菜单、简码、投资组合具有特色图片、滑块库或视频支持、团队帖子类型等的帖子类型。

颜色
演示和发布页面| 下载

房地产MLS

Estate MLS 是一个移动响应、Material Design 房地产 WordPress 主题。 开发人员声称在构建主题时使用了有关 Material Design 风格的最新指南。 功能丰富的主题允许您使用 MLS 列表或显示您自己的房地产列表。

一些关键功能包括:带有属性图钉的谷歌地图、搜索(来自您的网站或 MLS 列表)、前端“添加属性”表单、dsIDXpress IDX 插件支持 MLS 列表、自定义小部件和短代码、主题选项具有基于强大的 Redux 框架的后端无品牌管理面板、无限颜色、Google 字体、房地产经纪人个人资料页面、可视化作曲家页面构建器、特色属性小部件、博客部分等。

房地产MLS
演示和发布页面| 下载

行动主义

Activism 是一个干净且简约的 WordPress 主题,具有专为非营利组织、慈善机构、活动网站或任何其他商业或个人网站构建的 Material Design。 这是优秀的免费 Layers WordPress 网站构建器平台的子主题。

该主题具有响应式和视网膜就绪设计、捐赠页面、自定义帖子类型(用于团队、画廊、框列、推荐、活动)、活动列表和日历、博客新闻帖子的轮播、单页或多页网站选项、翻译就绪、Google 字体等。

行动主义
演示和发布页面| 下载

简单材质

Simple Material WordPress 主题的灵感来自 Google Material Design,并使用 MaterializeCSS 框架。 它的布局简洁明了,响应式设计对移动设备友好。 它具有一些出色的内置功能,可帮助您轻松自定义每个页面和发布,并包含一个 Material Design 短代码插件,可帮助您将 Material Design 组件添加到您的页面和帖子中。

简单材料
演示和发布页面| 下载

材料WP

Material WP 是一个免费的博客风格 WordPress,灵感来自 Material Design,由 Bootstrap 提供支持。 MaterialWP 的基础是流行的 Underscores.me WordPress 入门主题。 它具有响应式设计、博客布局、投资组合模板、小部件区域和各种材料设计元素。

材料wp
演示和发布页面| 下载

材料凝视

Material Gaze 是一个干净简约的 WordPress 主题,灵感来自 Google 的 Material Design。 这是免费的 Stargazer 父主题的子主题。 这个主题是免费的

物质凝视
演示和发布页面| 下载

唯物主义者

Materialist 是一个受 Material Design 启发的免费极简主义 WordPress 主题。 它采用响应式设计,使用移动优先方法、强调色、快速设置、小部件支持并与 JetPacks 无限滚动兼容。

唯物主义者
演示和发布页面| 下载

材料出版社

MaterialPress 是一个免费的简单 WordPress,深受 Google 的 Material Design 理念的影响。 它基于 Materialise Sass / Javascript 前端框架。

材料出版社
演示和发布页面| 下载

流箱

Flow Box 是一个多用途的 WordPress 主题,具有盒子设计布局和干净简单的简约设计。 它具有视觉丰富的设计,使用突出的特色图像,使其成为旅游博客、美食博客、投资组合网站、视频网站或其他任何东西的理想选择。 它具有响应式设计的移动友好性,具有简单的颜色自定义选项和 WooCommerce 电子商务集成。

流箱
演示和发布页面| 下载

让我们知道您对 Material Design 的看法,以及这些主题是否符合 Material Design 的准则和细节。

  • 读者评分
  • 评分 4.5 星
    4.5 / 5 ( 13 位)
  • 你的评分