网站的平均寿命为三年。而设计元素 – 例如颜色和排版 – 通常会更频繁地更新。这就是跟上网页设计趋势如此重要的原因。
这样做可以让你今天对你的设计做一些小调整,以便明天不会过时。那么今年你需要关注哪些网页设计趋势呢?
本指南将帮助您创建2019年的入点设计计划!
Serif排版 – 曾经被认为在网络上“不可读” – 随处可见。从简短的衬线到精致的刻字和较长的笔画和尾巴,这种类型的设计都是为了阅读。
这一趋势的最大贡献者可能是高分辨率屏幕(以及它们在市场中的主导地位)。这些字体没有模糊或扭曲。
几乎任何风格的衬线都可以很漂亮地工作,包括现代和过渡风格的平板。衬线适用于显示文本和正文。
试试这个:Aaron Serif字体系列
2.夸张的白色空间
在设计中夸张的白色空间,最小的风格变得更小。
白色空间如此受欢迎的一个原因是它可以帮助将焦点集中到设计的某个部分 – 由某些东西占据的空间,而不是任何东西。
白色空间也有一种美丽,经典的感觉,很容易适应任何数量的项目。
3.微动画
感谢Instagram故事中所有那些酷炫的小GIF,网站以贴纸式GIF的形式展示了更多的微动画。
即使是您不期望的网站,例如上面的电子商务设计,也会使用这种风格来吸引用户的注意力。它可以是从屏幕上弹出的微小图像到移动文本元素的任何东西。
试一试:Simple Text Rotator WordPress插件
4.视频背景
如果您尚未在网站设计项目中使用视频,则可能会发生这一年。视频内容非常庞大。而且它越来越容易被访问。
从上面的移动背景,作为驱动设计的内容的视频故事,这种类型的讲故事是未来的浪潮。用户喜欢它。无可否认。因此,它将继续受欢迎。
试一试:照片/视频幻灯片模板
5.气泡和Blob形状
泡沫,斑点和其他“有机”形状取代了过去几年主导设计的更多几何风格。这种形状转换是部分酷动画和部分感觉。(项目对他们来说有一些松散的元素。)
这些形状在有或没有动画的情况下都可以很好地工作,并且具有各种尺寸,配置和几乎所有颜色方案。
上面的Mawla可以举例说明2019年初使用这种趋势,因为blob形状的所有特征梯度着色与不同大小的元素层。
试试这个:波浪背景
6.三维插图
所有平面设计都开始消失。深度和真实感是插图图形的一部分(其中一些甚至是动画的)。
这种风格最常见于试图代表数字和现实世界之间联系的网站,但风格是如此吸引人和轻松,以至于更多公司正在调试这种风格的艺术品。
这种趋势设计元素的另一个促成因素是虚拟现实。由于许多这些界面都使用3D插图,因此在其他项目中部署它们是开发这些项目的一个小步骤。
7.较少的对称性
网站设计不必在完美的网格上或使用完美的对称性。他们中的更多人正在破坏镜像设计方案。
不对称实际上可以驱使用户跨设计来查看和参与不同的元素。使用此定向流程将焦点添加到特定内容。
使用文本和颜色(例如上面的示例)或使用偏离中心的图像和空间(如下图)。
8.人工智能的提示
人工智能辅助和聊天机器人变得如此普遍,你可能会忽略它们。但它们变得越来越聪明,今年比以往任何时候都更加普遍。
其中一些机器人很明显,例如上面的机器人。其他人是“真人”的形象,而其他人则更喜欢卡通风格。共同的主题是,有人(或其他)在任何时候都可以帮助用户。
使用此AI技术的网站越多,用户在浏览时就会立即回答问题。
试试这个:WP AI助手
9.简化的徽标
简单,流线型的徽标设计正在取代过去作为全屏品牌元素的一些更复杂的选项。也许是因为其他屏幕元素变得越来越复杂,或者它可能只是一种时尚。
无论哪种方式,简单的徽标无处不在。
这些徽标的好处是简单的类型和图标元素一目了然。一个警告是,它们似乎都有类似的外观和感觉。
试一试:徽标模板
10.大按钮
为了方便移动用户,拇指友好样式的大按钮也是所有版本网站的默认按钮。这包括从通话到行动到导航的所有内容。
一切都必须用拇指或手指轻松敲击,而不与错误的元素交互。
这些按钮通常有不同的颜色或卡片样式,以便于查看应该发生什么动作以及哪些元素可以通过触摸进行操作。
请注意,在上面的例子中,每个盒子或卡片都是一个巨大的按钮。在移动版中,每张卡都落入垂直堆栈。
试一试:Google AMP移动模板
结论
您多久对网站设计进行一些小改动以保持新鲜感?虽然它可能是一个令人生畏的想法,但是一直进行小的改动实际上已成为您日常工作的一部分,并有助于保持设计的新鲜感。(它也可以让你不那么厌烦它。)
使用设计工具(例如本文中介绍的工具)加快整个过程,以便您可以毫不担心地保持趋势!
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/262797.html