W3.CSS 趋势

每年您都会看到新的网络技术和趋势。

在此页面上，我们将为您带来一些最相关的网页设计趋势。

平面设计

扁平化设计趋势始于 2010 年的 Windows Phone 7 和 Windows 8：

Apple 于 2013 年推出了 iOS 7：

近乎扁平化设计（扁平化2.0）

几乎平坦是原始平坦设计的更新替代方案。

几乎平坦的获得更多的深度、更明亮的颜色、复杂的阴影和尺寸。

材料设计

由于我们可能已经达到了扁平化设计的顶峰（几乎扁平化），因此许多设计师预计会选择材料设计（Google 于 2014 年设计）。

材料设计使用的元素让我们想起纸张和墨水。此外，这些元素具有逼真的阴影和悬停效果。

谷歌材料设计

亲自试一试»

牌

最典型的卡片是带有图片和一些文本的矩形。

卡片已成为在同一平面上组织标题、图片和文本的常见结构。

卡片可以小或大，有或没有图片，有或没有阴影：

约翰

建筑师和工程师

亲自试一试»

约翰·多伊

1 个新好友请求

---

强大学校首席执行官。市场营销和广告。寻求新工作和新机会。

+

旅行

五渔村。利古里亚。意大利。

更清洁的标志

更干净的标志是扁平化设计流行的结果：

极简主义

易于阅读。容易明白。易于设计。

极简主义可以与几乎扁平化的设计齐头并进：

关于我

极简主义这个词通常指的是任何多余的或剥去其本质的东西。

设计极简主义也有助于简化和改进设计。

可读的版式

扁平化设计的自然排版简单且易于阅读。

字母间距和行间距通常较大。

还期望增加字体大小，以便更多地吸引读者的注意力。

亲自试一试»

全屏输入

越来越多的网站使用全屏进行注册和登录等输入，而不是仅使用页面的一小部分。

全屏通常使用屏幕覆盖或模式，而不是重定向到新页面。

亲自试一试»

移动优先

从历史上看，网页设计师首先为计算机开发网页应用程序，然后添加响应式网页设计，以确保网页在平板电脑或手机上查看时看起来不错。

这种趋势正在转向首先为移动设备设计，然后添加响应式设计以使网站可以在台式机和笔记本电脑上运行。

50/50 是实现响应式网页设计的简单方法。采用50/50设计，屏幕可以在大屏幕上显示两页，在窄屏幕上显示一页。

我的工作

我的一些最新项目。

就叫我厉害吧。

关于我

Lorem ipusm sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.

亲自试一试»

大英雄图片

"Hero image" 是用于特定类型网络横幅的术语。

英雄图片是放置在网页前面的大图片。它通常由图片和一些文本组成，并且可以是静态的或旋转的图片列表。

英雄图片的目的是展示网站最重要的内容。

帆船运动

由胡克船长带给您

亲自试一试»

单页

网页设计趋势从常规点击转向垂直滚动。

滚动允许用户在一页上查看所有网页内容。

这种单页面技术已经被社交网络使用了很长时间，直到有人发现它也适用于其他页面。

亲自试一试»