什么是当前的网站趋势?
- 大胆的字体
- 阴剧
- 兽性
- 饱和梯度
- 生动的颜色层
- 文本
- 插图
- Ultra-Minimalism
- 双旋塞
- 混合水平和垂直文本
- 几何形状和图案
- 衬线字体
- 重叠的文本和图像
- 有机的形状
- 手绘字体
网页设计的格局是不断演变的。
一些昨天看起来很时髦、很新鲜的东西可能会在一夜之间就过时了,而一度被认为不可逆转的潮流passé可能会出人意料地重新流行起来。
为了帮助你为2018年的网页设计潮流做好准备,我们列出了15个值得密切关注的趋势。看看下面的例子,并从中获得灵感,用有风格的方式处理你今年的网页设计项目。
首页、博客和登陆页的绝妙例子
15 Web设计趋势于2018年观看
1.大胆的字体
越来越多的公司正在转向大,大胆的排版来锚定他们的主页。当页面的其余部分保持最小且清洁时,此样式最佳,例如来自布鲁克林的代理商巨大的.
2.阴剧
Cinemagraphs - 在平滑,连续循环上运行的高质量视频或GIF - 已成为为其他静态页面添加移动和视觉兴趣的流行方式。全屏循环,比如丹麦代理商的这个例子CP + B哥本哈根,在一个简单的页面上创建即时的兴趣。
3.兽性
为了在整洁有序的网站海洋中脱颖而出,一些设计师选择了更折衷、无视传统的结构。虽然乍一看似乎有些刺耳,但许多流行品牌现在正在将这些积极的另类设计元素融入到他们的网站中,比如彭博.
兽性这是对网页设计日益标准化的一种反应,并且通常具有鲜明,不对称,不合格的视觉效果,以及不同缺乏的层次和顺序。换句话说,很难描述,但是当你看到它时,你知道它——就像下面来自服装设计师的例子b.
4.饱和梯度
千变万化的梯度在2017年随处可见,而在2018年它们不会消失。总部位于苏黎世的机构Y7K说明了一个完美的例子,如何使这个双色效果看起来新鲜和现代,与他们的全屏,梯度洗涤的主页。
5.生动的颜色层
交错、堆叠的颜色层为一个简单的网站布局增加了深度和纹理,正如在这个时尚的例子中所看到的,来自São paul的团队背后Melissa Meio-Fio.
6.文本
有些网站干脆把图片和显眼的导航部分一起删掉,只使用几行简单的文字来告诉访问者他们的公司。raybet电子竞技
丹麦机构B14.使用他们的主页房地产简单地描述他们的使命声明,并提供链接到他们的工作样本。这是一种现代的、整洁的信息呈现方式。
7.插图
更多公司正在转向插画家和图形艺术家,为其网站创建定制插图。经过扁平的设计和直接的极简主义主导,向您的网站添加说明的触摸是一种很好的方式来注入一个人格,如此迷人的示例中所见NewActon(由澳大利亚数字代理机构设计艾德)。
8.Ultra-minimalism
把经典的极简主义发挥到极致,一些设计师正在挑战传统的网站应该是什么样子,只显示绝对的必需品。来自设计师的网站马修Boulet主要是一些链接到他的社交资料和信息。
9.双旋塞
这些剖析,双色颜色方案看起来很酷,当代,就像这个例子澳大利亚设计广播.
10.混合水平和垂直文本
将文本从通常的水平对齐中解放出来,并将其垂直放置在页面上,可以增加一些刷新维度。以导演为例Matt Porterfield.,它在否则非常简单的页面上混合水平和垂直文本对齐。
11.几何形状和图案
异想天开的模式和形状在网站上更频繁地突出,在横向统治的景观中添加一些风景材料设计。加拿大设计工作室化学物质使用大胆,图案的字母在他们的主页。
12.衬线字体
由于屏幕分辨率限制和整体缺乏在线字体支持,设计人员多年来避免Serif字体以保持网站清晰清洁。随着最近的改进,Serif字体在2018年有一个很大的时刻 - 他们从未看过更现代化的。正如所示窗台,Serif标题增加了一剂复杂性和风格。
13.重叠文本和图像
在博客和作品集中,与图片稍微重叠的文本已经成为一种流行的效果raybet电子竞技。自由艺术总监和前端开发人员蒂博Pailloux让他的重叠文本脱颖而出,在每个标题下方的彩色下划线。
14.有机形状
严格的网格布局和棱角分明的日子一去不复返了——2018年将是曲线和柔软、有机的形状。在下面的例子中新波,边缘卡通化的背景为简单的设计增添了鲜明的个性和鲜明的色彩。
15.手绘字体
近几个月来,定制手绘字体开始越来越多地出现,而且理由很充分。这些独特的字体增添了个性和魅力,并帮助设计师创建一个独特的外观和感觉,而不是彻底修改。在Kikk Festival的网站,一种手绘字体为主页提供了一个异想天开的锚。
您认为什么网页设计趋势将在2018年真正起飞?
最初发布2018年1月14日8:14:00,2019年12月16日更新
主题:
设计的趋势别忘了分享这篇文章!
相关文章
![根据创意专家的说法,2021年的顶级展示设计趋势](http://www.emcdepot.com/hubfs/A%20woman%20using%20presentation%20design%20trends%20to%20create%20a%20compelling%20presentation.jpg)
![26个动画徽标激励自己的徽标](http://www.emcdepot.com/hubfs/logo-animation-examples-1.jpg)
![你见过的14个最酷的啤酒标签设计](http://www.emcdepot.com/hubfs/beer-labels-compressor.jpg)
扩大提供
社交媒体内容日历模板
现在得到它