【转译】4种有助于改善网站的Web设计趋势
看起来整个网站事物不是一时的流行。实际上，我认为它可能会留下来！因此，考虑到这一点，我想探讨一下您如何在2020年从您的网站中获得一些额外的价值。
创建某种“ OMG，您将不会相信2020年的网络趋势是什么！”我总是有点痛苦。文章，所以我认为我对这个主题的处理会有所不同。我想用一种趋势来介绍您应该为您的网站考虑的事物，以及它们如何帮助您的品牌或产品增加价值。让我们深入研究，对吧？
趋势一：黑暗模式
我们已经看到它稳定地在应用程序，UI和现在的网络中弹出了一会儿。臭名昭著的“黑暗模式”。这个概念很简单：只需切换一下按钮或类似的按钮，即可在标准网站和网站的“深色”（即黑色版本）之间进行切换。
对此的常见回应是“但是为什么？” 好吧，实际上有一些很大的好处。
首先，它非常适合节省OLED屏幕的电池寿命。在OLED设备（包括大多数最新的智能手机）上，黑色像素不消耗电能，因此使用深色主题可能节省大量电池。
除此之外，现场的黑暗会导致屏幕根据用户当前的照明条件调整其亮度，并确实有助于减少眼睛疲劳。确实，让某人摆脱视网膜灼热的白皙可能是非常受欢迎的景点。
它还提供了改进的对比度，这对于实现通用性而言是个了不起的消息。任何视力受损或色盲的用户都将立即获得站点可用性的巨大提升。这将增加通过《Web内容可访问性指南》（WCAG）获得AA评级的机会，这对公共部门和教育服务而言并不是开玩笑。
纯粹从品牌角度出发，这种额外的对比也可以通过增强您的品牌而受益。您的强调色可能会弹出更多，并可能对您的网页产生更大的影响。
黑暗主题网站：Dev Art（左）和Canvas United（右）
摘要：
在黑暗和喜怒无常的网站的当前趋势中，它已经整齐地投放了
延长了电池寿命，使用户可以在您的网站上浏览更长的时间
减轻眼睛疲劳
更好的品牌和可及性对比
趋势二：空白与框架。
好的，我知道我只是对“黑暗模式”的优点进行了抒情处理，但这并不意味着它的白色模式仍然没有价值。对您来说，这似乎不是什么新鲜事物，因为使用空白远远早于Taylor Swift。但是，在网站内使用白色边框可提供极大的灵活性和自由度。
“而且我将使用它来创建不使用全出血图像的结构。” 可悲的是，这首歌词被删掉了。
随着屏幕的改进和屏幕分辨率有可能变得越来越大，我们开始遇到标准的流血网站引起的难题。我们的内容以我们未曾想到的方式被拉伸和间隔开，并且控制大量的负空间和可能出现的巨大图像可能会令人沮丧。
利用白色边框可以使我们在设计中重新获得某些结构和顺序。它使我们能够考虑元素在足够大的空间内的容纳方式。它可以帮助我们构建稳定，干净的画布，以便我们的内容以有时可能会流血的方式跳出。
显然，我并不是在简化，以为您建议您只能使用白色-老实说，它可以与任何背景色一起使用。该消息的重点是使用负空格作为框架内容的方法。
“空白”边界点：DDD酒店（左）和所有新闻文化（右）
摘要：
这种方法很好地作为当前极简主义和单色趋势的一部分
在“全血”盒子之外思考为我们的设计提供了新的可能性
允许我们可以更轻松地控制结构
趋势三：简化的导航
我们设备的领域正在不断转变为新的和意外的尺寸（我在看着您的Apple Watch）。这对我们的航行造成了巨大损失。将此与UI不断变化的面相结合，尤其是与语音识别的流行相结合，我们开始看到用户越来越倾向于使用描述性较低的导航形式。
输入左级：流线型导航。越来越多的品牌正朝着一种大大简化的导航形式迈进，这种导航方式使meganavs可以放牧了-这个想法是，少数几个通俗易懂的链接足以完成任务。此外，许多品牌通常会通过汉堡菜单或类似工具切换到所有设备上的统一导航。但为什么？
行动中的巨人例子：雅诗兰黛（左）和塞尔弗里奇（右）
面对现实吧，注意力的跨度肯定会越来越短。您坐在公共汽车上的唯一娱乐活动无法照到窗外的日子已经一去不复返了-我们一直都随身携带一台设备，大约每8秒就会分心（根据Microsoft的研究）。因此，这意味着我们需要我们的网站现在变得比以往任何时候都更加易于使用。简化的导航有助于用户快速熟悉我们的网站，清晰的路标有助于他们专注于自己的旅程。
纯粹从设计空间来看，它还可以帮助我们更清晰地显示我们的内容，从而使我们的英雄信息得以呼吸，并且我们的内容不太可能被进一步推到厄运的折线之下！
诚然，此方法可能需要重新调整站点地图或重组层次结构，但是谁不喜欢挑战呢？
简化导航的网站：Bike Bea r（左）和Endeavor（右）
值摘要：
更方便，更直接的客户路径
对抗注意力下降的武器……跨越
分析网站结构以使其更整洁的机会
在所有设备上进行一次导航的能力
趋势四：互动越来越多
精细。你抓到我了 交互几乎不是趋势，因为它们基本上是此时的预期规范。微交互无处不在。但是，在这个领域中有很多趋势值得评估。所以，如果你沉迷于我……
随着2020年在网络上占很大比例的插图越来越趋向于趋势化，手绘图片和字体有望帮助添加一种在网格布局的临床世界中常常会迷失的人为元素。因此，以一些动画来弥补这一点可能只是提高网站唯一性和个性的窍门。如果您不熟悉，请查看Airbnb的开源动画工具Lottie。对于您来说，这可能是一个真正的游戏规则改变者。
在类似的轨道上，随着浏览器功能的不断提高，您可以期望看到更多3D交互进入我们的生活。没错，它们不再仅仅是用于移动应用程序和为Dribbble产品组合保留的眼神。3D界面的出现频率越来越高，如果您介意双关语，它们会提供全新的设计维度。
3D网站界面：Autoneum
最后，我要特别提及神经同质。到2020年，这可能会在UI空间中令人振奋。由于VR和AR的持续流行，我们看到设计师在尝试创建看起来像真实对象的界面，这是设计师的回归。您将需要一张照片，对不对？
Neumorphism UI：Samson Vowles（左）和TolgaGündoğdu（右）
如您所见，这都是通过模仿高光，阴影，辉光等来模拟现实世界。这在视觉上非常引人注目，并鼓励我们作为用户的用户以一种令人难以置信的本能和自然方式进行交互。
摘要：
交互在Web设计中得到了巩固，因此这是一个进一步推进的机会。
新的样式和方法为我们的用户带来了新的独特体验。
我们拥有的互动工具越多，讲故事者的能力就越强。
继续为用户体验增加质量和乐趣（只是不要落伍，使人晕船）。
我们不要忘记，趋势是趋势，这是有原因的，我们不一定要根据可能流行的事物来改变一切。但是，我希望即使我们没有完全采用这些趋势，也可以设法从这些趋势中汲取一些切实的价值。
（原文作者：Tom Alexander Freelance Designer, UX and Web Builder. Full-time dog dad and coffee drinker. www.tomealexanderdesign.com
评论
评论
推荐评论
全部评论（1条）