发布时间：2021-5-10 分类： 行业资讯
在过去的几个月里，网页设计已经发生了很大的变化，我们迫不及待地想知道2018年的情况。2017年是极简主义的一年，2018年将带来更引人注目的字体，鲜艳的色彩和新的可能性。用户与设计社区的互动。设计比以往任何时候都更能吸引我们的注意力，让我们在浏览网站时保持专注和参与。
看看自己，看看有什么变化！
以下是2018年流行网页设计的六大趋势
1.粗体字
大胆角色的流行即将到来。大写字母的标题周围有很多空白，这将给我们带来强烈的视觉冲击力。对于那些掌握字体解剖技能的人来说，2018年将是他们展示才华的一年。到2018年底，我们都知道什么字体是ascender，ear和loop。 （译者注：这些术语是字体解剖术语，请勿在此处翻译。推荐相关文章：https://en.fontke.com/article/2690）
大胆的角色不仅仅是审美考虑因素。大胆的人物对阅读速度，阅读理解和用户感知也有很大影响。
谷歌/IBM的一项研究表明，衬线字体格鲁吉亚比黑体快7.9％。
尽管一些研究表明人们如何使用衬线字体来更好地理解单词，但事实恰恰相反。使用像Helvetica这样的无衬线字体的测试者在阅读速度和阅读理解方面得分较高。
大胆的角色可以产生很棒的效果。大胆的字符易于阅读和理解。我们很高兴在2018年看到更大胆的设计。
2.鲜艳的色彩又回来了！
到处都是柔和的色彩，但两年后，鲜艳的色彩再次被杀死。不再是柔和的配色方案，新的一年将充满高对比度和鲜明的个性。
色彩对情绪的影响一直是广泛研究的主题。颜色对我们的大脑，感知和行为有重要影响。据Kissmetrics称，92％的客户表示视觉表达是最有影响力的购买决策因素。
颜色可以影响我们的感受，明亮，鲜艳的色彩可以让人感到清醒，兴奋和精力充沛。
Smashing杂志声称颜色在应用程序的所有方面排名第二（第一个是功能）。
就像嗅觉一样，颜色也是一个非常强大的因素，因为它直接影响我们的感受。
当我们离开网站时，我们可能会忘记它的内容，但我们会记住它让我们感受到的感觉。
鲜艳的色彩可以激发人们的活力，让我们保持活跃并激发我们的购买力。它们是积极的，引人注目的，总是吸引我们的注意力。
一些设计机构已经使用了鲜艳的颜色（Hello，Yellow！）一段时间，但在2018年，小型和大型公司都将迎头赶上。
3.掌握移动设计
随着移动流量每天都在不断增加，响应式网站在过去几年中已成为必需品。到2018年，是时候真正掌握移动设计了。问题不再是：我们的网站是否适合手机？相反：我们的内容如何最好地在移动设备上显示？
80％的互联网用户拥有智能手机并经常使用它们。事实上，根据TechCrunch的调查数据，在移动设备上花费的平均时间正在稳步增长，每天超过五小时。
掌握移动设计并了解如何在较小的设备上最佳显示内容将是2018年的关键挑战。
移动设计的一些主要挑战是：
您不希望屏幕看起来混乱
您不希望用户在其移动设备和桌面版本上找到相同的内容
您希望维护类似的功能和导航内容
您可能需要展示广告，这对移动设备来说是一项挑战
您希望桌面网站能够触发与移动设计相同的情感和品牌效应
用户必须喜欢您的移动设计体验，否则他们将失败。谷歌最近的一项研究表明，用户的智能手机没有太大问题。一些关于牙刷，水瓶或盐的研究（是的，盐！）
谷歌的研究表明，在过去两年中，搜索移动搜索< ;; best“已超过80％。
实现移动优先级的关键因素是您的内容必须易于单手导航。想想你如何使用智能手机。您可以在公共汽车或地铁站阅读文章，或通过超市过道发送短信。当您在途中遇到朋友时，您可能正在寻找“2017年最好的红酒”。你可能只用一只手就可以做到这一点。
谷歌将这些条件称为“微观时刻”，并且在很短的时间内，人们开始使用智能手机进行收购，理解，执行和购买。
根据Steven Hoober的说法，49％的智能手机使用是用一只手完成的，而不是用双手完成。在电话上，49％的时间我们有一台手持设备并浏览网站。
这意味着导航必须适合拇指才能触摸屏幕的每个部分或大致部分。
4.微观互动将更加微妙
“没什么大不了的”” - Victor Papanek
2017年，我们开始看到微互动，未来肯定会看到更多。微交互允许用户以小手势与软件或应用程序交互。
Dan Saffer在其着作“Micro-Interactions”中描述了微交互如下：
“微交互可以支持整个应用程序或设备，或（更常见地）支持更大的产品。它们是小小的时刻，可以变得沉闷和被遗忘，或愉快和吸引人。每次更改设置，同步数据或设备，设置闹钟，选择密码，打开设备，登录，设置状态消息或喜欢/喜欢某些内容时，您都会进行微交互。
虽然Saffer用非常实用的术语描述了微交互，但它们变得更加微妙和有趣。
例如，在iMessage中，您可以与发送给您的任何文本进行互动，例如&ndquo; &ndquo;&ndquo;&ndquo;&ndquo;！”或“？”的
Facebook Messenger允许您增加拇指的大小，具体取决于您按下“喜欢”的时间长度。按钮。
微互动的例子是无穷无尽的，但为什么公司会使用它们呢？
微互动非常容易上瘾和有趣。他们补充说 - 用户体验设计师和作家Nick Babich称之为“人性化”，使任务更有趣，更具吸引力。微交互鼓励用户与软件进行交互并获得一些乐趣！
5.视觉叙事:视频将变得更加重要
叙事将变得越来越个性化，视频在这方面起着至关重要的作用。
原因如下：
根据Eyeview的说法，您登录页面上的视频可以将转化率提高80％
如果您的电子邮件主题行包含单词“video”，根据Syndacast，您的邮件将被打开的概率将增加19％。
根据Wistia的说法，平均而言，人们在使用视频的网页上花费的时间比不花时间多2.6倍。
视频是视觉叙事的主体，吸引用户进入场景，故事和情感。它引人注目，极具吸引力，并保持我们的关注和参与。
6. SVG
简而言之，在2018年，SVG呈上升趋势，其使用量可能会增加。随着动画的日益普及以及SVG转换图形和网站的能力，SVG在过去几个月中逐渐受到欢迎。
4.9％的网站使用SVG，包括WhatsApp，GitHub，Espn，Dropbox和纽约时报等热门网站。
正如您在w3techs.com上的图表中所看到的：最近几个月SVG发展迅速。
动态SVG的常见用例是导航菜单和站点标题。 SVG意味着在保持实用的同时增强界面。导航栏或文本是SVG的用例。
这是我最喜欢的一个例子：如果你点击“ Hover 在Sean McCaffery的Codepen网站上，动画将开始：
