2018年网页设计趋势网站设计

去年是关于网页动画和微交互，会话界面和chatbots，设计冲刺和定制插图。即使是拒绝主流网页设计趋势的方法本身也成为一种趋势：野蛮。

所有这些趋势都将在2018年实现增长。事实上，开创用户体验咨询公司Clearleft的联合创始人Andy Budd认为，从用户体验设计到数字服务设计的微妙转变将持续下去，我们将看到对今年数字领域的服务设计领域更感兴趣。

其他的网页设计趋势也起源于几个月前，但现在正在成熟并进入主流。我们在2017年网页设计趋势文章中预测到的凝聚力体验正在成为一种必然。阅读，了解如何。

像往常一样，我们向领先的设计师和战略家们提出他们对未来的看法，网页设计如何发展以及需要注意什么样的发展来保持领先。

据他们说，这是2018年网页设计的状态。

1.可变的字体

设计师，策略师兼教师Jason Pamental认为，可变字体将在2018年首次亮相。

他解释说：“在操作系统和浏览器方面，对它们的支持正在迅速增长。“大的提供商正在迅速扩大可用的字体。这为我们如何设计网络设置了一个巨大的变化：我们可以在我们的设计中使用任何宽度或重量 – 大大扩展我们的“声音范围”，为我们的语言发声 – 同时仍然提高整体性能减少文件大小“。

Jason还预测说，我们将看到如何为用户的上下文设计。

“可变字体可以为不同的屏幕尺寸和语言量身定制字符宽度，从而提供更好的线条长度，调整低视力或低光照情景的人们的文本等级（考虑总体前景/背景对比度），以及调整字符的“光学尺寸”，因为它们以物理尺寸较小的尺寸表示以提高可读性。而这正是我们现在所能看到的。一旦我们有了更多的时间和实际的使用案例，我们就无法告诉我们可以做多少事情了。“

2.更多创意布局

自学成才的设计师和开发人员陈辉婧从新加坡认为CSS电网的正式发布，2017年在网页设计中的一个里程碑。

她解释说：“ 这是我们第一次对如何在网页上呈现元素进行控制，这是我们以前从未有过的。”

“网络是一个独特的媒介，现在是我们为它建立一个新的常态的时候了，它摆脱了静态印刷设计的束缚。这个新的常态涉及把我们设计的控制权交给给他们的浏览器，而不是不断地参与这场争夺决定每个像素应该落在哪里。

网络是一个独特的媒体，现在是我们为它建立一个新的常态的时候了，它摆脱了静态印刷设计的束缚。

“CSS在过去20年的发展和成熟，使我们现在可以做到这一点，使用特性查询等特性，让我们根据用户浏览器支持哪些功能提供不同的设计。”

由于超过75％的访问Web的人使用支持CSS Grid的浏览器，而其他布局特定的属性（如Flexbox writing-mode和CSS Shapes）则更受欢迎。慧菁希望看到更多利用平面设计概念的创意布局，如重叠和垂直空白，但仍然动态地回退到旧版浏览器的可行布局。

网页设计

3. WebVR的兴起

设计工作室The Banner Years的合伙人Brad Weaver 认为，2018年仍然会在AR和VR方面看到婴儿的步伐。

他认为：“距离我们的第一次分水岭VR体验还有几年的时间。“在此之前，希望网站能够找到新方法来融入至少新奇的体验。我会看看超级碗，格莱美奖和其他分享数字和现实世界或电视体验的活动，在这里领先一阵子。预计一些来自机构的创意网站正在缩小移动游戏，网络，应用和体验之间的差距，为创新提供新的思路。我想我们和野外的网站寻宝相当接近。“

三星开发者倡导者Ada Rose Cannon在过去的一年里越来越多的内容制作者转向WebVR。这个转变似乎利用了WebVR的两个特点：

• 它减少了用户使用你构建的障碍的数量。用户只需要担心戴上耳机，而不是安装软件。
• 一旦制作完成了一个平台，它就可以在新的平台上工作，这对于VR硬件的快速发展是非常方便的。

“这是一个权衡，”Ada承认。“对于较小的体验来说最好。如果您需要下载数百兆字节的资源，然后才能渲染您的第一帧，那么构建起来将会很困难，而使用WebVR则没有多大的优势。有时候，这可以通过重新思考架构或缩减体验来解决，以便接触更多的人。“

4.人工智能

聊天机器人和语音用户界面也被称为会话界面，去年是一个大趋势。虽然现在很多人都不是AI，但Clearleft联合创始人兼首席执行官安迪·巴德（Andy Budd）认为，AI的承诺绝对是空想。

他预测说：“我认为我们将会看到关于用户体验设计和人工智能之间交集的更多讲座，文章和案例研究。“这个交叉点将是机器人领域最显着的，最终的”无头UI“。为了领先于这一趋势，去年九月，我有幸在一次人工智能（AI）撤退时，带走了20名设计师，技术人员，作者，学者和未来学家。您可以通过一系列问题和设计指南的形式看到这个撤退的结果，我们称之为Juvet议程来帮助设计机器人和AI系统。

另请参阅R＆GA创意总监（UX）Fabricio Teixeira撰写的“AI如何开始影响我们作为设计师的工作”。

5.可持续设计

互联网占世界能源的10％左右。它的环境影响已经比航空业高出50％ – 并以惊人的速度增长。是时候我们做点什么了。

芝加哥数字机构Mightybytes首席执行官兼“ 可持续发展设计”的作者Tim Frick解释说。

“环境界已经成功率先推动谷歌，苹果和Facebook等大型科技公司为其数据中心提供可再生能源。然而，在接近3.4 MB的情况下，平均网页几乎比七年前大400％。随着在线数十亿页，我们创建了一个网络缓慢，臃肿，无法访问的经验，使用户感到沮丧，并对年度全球碳排放作出重大贡献。

蒂姆说，设计界在这个问题上取得重大进展是独一无二的。

“我们需要帮助客户做出更负责任的选择。通过让用户快速获得他们所需的内容，在他们到达时提供高效，包容的体验，并尽可能地使用可再生能源托管我们的数字产品和服务，我们可以显着降低我们工作对环境的影响，同时创造更多人性化的解决方案这个过程。可持续的设计原则可以而且应该在微交互层面上，而且在全球层面上有很大的不同。“

另请参阅SustainableUX，这是一个免费的在线会议，将于2018年2月15日返回。其网站包含以前会谈的档案，其中包括Tim在可持续设计机构的这一个会议。

6.包容性设计

与可持续设计相关的是包容性的设计，LéonieWatson认为可达性先驱将在2018年变得更加普及。

“关于人们如何，在哪里以及为什么以他们的方式消费内容的假设的时代已经结束。她说：“包容的需求现在无处不在。

对于海顿皮克林，一个自由网页无障碍顾问，界面设计师，并着有包容性的设计模式，谁一直在努力帮助包括网页设计更加主流的实践和讨论的话题，它是一个欢乐看到它成为一个趋势。

他指出：“对于一些人来说，无障碍是很难卖的，原因仍然是虚假的。” “但直言不讳的鼓吹者已经规范化了。从项目一开始，我对将其纳入设计过程的一部分感到非常满意。这是制造无障碍产品的最有效和最有效的方法。“

关于这个话题的更多内容，请看Henny Swan，Ian Pouncey，Heydon Pickering和LéonieWatson创作的“ 包容性设计原则”。

7.道德设计

可持续和包容的设计标志着设计更广泛的运动：伦理变得越来越重要。

IBM设计公司的设计师Lara Hanlon指出，应用程序经常被设计为分散，中断和鼓励数字上瘾，这可能产生严重的后果，包括当今青少年焦虑和抑郁的持续增加。

她表示：“考虑到一个人工作的道德影响的小步骤可能会导致更人道的结果。“调查潜在的心理或环境后果可能会激发更好的决策。”

Hactar联合创始人Andy Beaumont是一个致力于社会福利的数字工作室，他对此表示赞同。

他说：“快速行动和突破事情似乎有点儿乐趣，但是很多从事数字工作的人开始注意到，他们打破的事实上是人。“现在我们生活在最委婉的时代，他们正在寻找一种利用他们的技能来获得有意义的东西的方法。”

“数字设计师使用的所有邪恶力量也可以被利用。您用来保持用户沉迷于您的应用程序的互惠奖励周期？你可以用同样的技术来保持人们的饥饿。在您的EvilSaaS的定价页面上突出显示的“最受欢迎”技巧？这可能是一个慈善机构试图找到治愈癌症的捐赠页面。如果你用数字工作，明年将是一个好年份，以决定你是否想成为芬兰人，或者是那个无名的冲锋队员，他的头撞在门框上。

8.设计系统

有一个整体会议专门从事设计系统，还有几本书，其中包括设计系统小号由阿拉Kholmatova，的InVision的免费设计系统手册，和布拉德·弗罗斯特的原子设计。

布拉德认为设计系统将继续成为创造出色数字作品的重要手段。

他解释说：“数字化团队的任务是创造更多的产品，服务和功能，这些产品，服务和功能需要比以往更多的设备和环境。” “要解决这个艰巨的任务，他们需要坚实的基础，站在。设计系统有助于收集机构的知识，以便不同的产品团队和不同的学科都可以讲同一种语言，以便比以前更快地制作出更高质量的作品。“

9.语音用户界面

全球设计公司Edenspiekermann首席创意官保罗·伍兹（Paul Woods）认为，设计不再是屏幕的全部。

他表示：“随着我们与之交互的屏幕变得越来越小，或者在Alexa和Siri的情况下，完全消失 – 设计师需要扩展他们的工具箱，以包含非视觉技能。“了解如何建立强大的语音接口将成为未来用户体验设计师不断增长的需求。”

Rarely Impossible董事总经理Lee Mallon对此表示赞同。

“语音体验将耗费你大量的时间，在未来几年完成日常工作，因为它们可以节省时间。这些经验必须通过尽快解决问题并用最少的话来尊重用户的注意力。在我们的一个声音体验中，我们发现20％到30％的参与度下降，在三个字的句子响应中增加了两个额外的单词。

如果你正在设计一个基于语音的体验，李建议你首先要写下如何完成目前的任务，然后找到100个人来解释他们如何口头要求某人为他们完成任务。这将构成您的语音对话模式的基础，该模式可识别人们希望您的语音体验运行的各种方式。

10.主页的死亡

产品设计师布拉德·韦弗（Brad Weaver）预测，这个主页最终将在2018年消亡。

他预计，今年你将看到大多数具有前瞻性思维品牌的新网站将进一步远离传统的主页，并转向更有活力的切入点。“当您根据您的历史，位置和更大的数据档案访问网站时，预计会有更加个性化的体验。从图片和尺寸，到您看到并与之互动的实际内容，希望它们能够随时随地变化。“

布拉德认为，最大的变化之一就是网站本身的定义。

“随着会话界面，移动应用程序和社交简介不断发展，网站作为小册子或购物体验正在发生变化。越来越多的网站正在成为不同的信息中心，我相信今年我们将开始看到如何在中心空间组织和消费信息的真正创新。“

微软高级设计师Cheryl Platz对此表示赞同。

她认为：“越来越多的网站将只是公司信息的多模式表示的一部分，它们将以语音或主要用于触摸的界面为补充。作为一个行业，我们需要停止查看网站作为孤立的知识塔，并开始将它们视为跨设备旅程的一部分，您的网站如何帮助您协调与其他应用程序，设备或服务的交接？多个输入渠道如何同时存在并相互补充？

11.品牌体验

Edenspiekermann首席创意官保罗·伍兹（Paul Woods）警告说，传统的品牌代理机构需要面对这样一个事实：一个主要品牌标志不再是标志，而是经验。

他解释说：“ 品牌将通过微观互动来区分，例如手势，声音，甚至写实用程序。” “例如，Slack是一个关于如何通过细节来定义产品品牌声音的大师课程，如错误消息复制，甚至是在App Store中更新日志的更新。”（关于Slack品牌体验的更多信息，请阅读本次采访编辑总监Anna皮卡德。）

布拉德韦弗同意并认为，内容战略将终于在座位上坐下来。

他预测说：“内容营销和性能营销终于被解决问题的人看到，他们在社交媒体和用户体验中，今年将回流网络设计。“在主页消失的时候，导航正在慢慢融化，所以基于上下文和用例消耗了网站，并且需要熟练的手来确保在每一步都显示正确的内容。内容策略的价值在这一点上是不容否认的，它将成为你今年看到的有意义的网站的重要组成部分。“

观看安娜·皮卡德（Anna Pickard）关于斯莱克斯（Webstock）2016年的演讲，讲述斯莱克如何为企业带来人性化的方法

12.讲故事的力量

创建一致的品牌和用户体验以推动互动的一种方式是通过有影响力的故事。

“精明的设计，产品和工程团队已经开始接触营销和销售团队已经探索了一段时间：讲故事的事情，”“ 用户的旅程：人们喜爱的产品故事产品”的作者Donna Lichaw指出。

他们意识到，他们构建的产品不仅仅是像素和代码，而且他们有一个独特的机会来“构建”一个故事供人们去体验。

Donna认为：“产品是更大，更强大的业务和客户故事的一部分，故事可以像用户界面或设计系统或实际产品本身一样谨慎和意图地进行开发。“在这个故事中，你的客户就是你的英雄，你的产品就是他们的剑。剑越好，故事就越好。故事越好，产品，业务和团队构建产品的成功越多。“

这是2018年

还有更多的趋势可以添加到这个列表（例如，浮动导航菜单，大胆的版式，创造性地使用颜色，生物认证），但许多人每年都会列出这些列表。

要记住的主要是现代网页设计不再集中在网站上，无论是在移动设备上还是在台式机上访问。设计师现在必须看到更大的图景，并根据它们如何影响整体的体验（和品牌）来决定应遵循哪些趋势或从中获得灵感，以及应用什么样的技术。

我们迫不及待想看看上述趋势如何推动今年的数字设计。