排版,颜色和不同的布局都是有助于任何设计项目的元素。它们也是随着时间推移趋势的设计元素。
这正是我们本月所看到的,因为大胆的设计元素正是使某些网站设计成为最重要的事情。这是本月设计的趋势。
大胆的细体
大而厚的字母可以引起注意并讲故事。而这正是设计师在项目中使用更加大胆,厚实的衬线所做的事情。
较厚的字体形式是反向排版的好选择,或者在有很多事情要与词语竞争的情况下。挑战在于,当有很多内容可供阅读时,大胆的排版可能会有点压倒性。
因此,您必须平衡可见性和可读性。
选择大胆的衬线时,寻找中等重量而不是过厚的东西。寻找更圆的字母; 不要太高或浓缩,鼓励阅读。
虽然下面的许多例子都只关注大胆的衬线,但最好的建议是将它们与不太重的选项配对。(也许混合和匹配字体的粗体和常规重量。)
一些用户将以与所有大写字母相同的方式将粗体类型等同,假设它正在尖叫它们。您可以通过使用带有目的的粗体衬线来避免这种情况,只需几个关键词或短语,并平衡其他屏幕元素,这样它就不是一种重量美。
虽然这可能是一个有点棘手的趋势,但您可以从下面的示例中看到它可以很好地工作。如果粗体对其他设计的整体意义和内容有所贡献,那就没有错。
红色文本和口音
就像我眨了眨眼,突然到处都是红色的文字和口音。
这是一种强调色的选择,一度广受欢迎,很快就逐渐淡出时尚平面和材料色彩。(更明亮的红色与所有其他明亮的颜色选项发生冲突。)
但红色回来了。
这种颜色选择很有趣,因为它引人注目。它还可以与用户建立一种情感纽带。请注意,人们真的喜欢红色或者真的很讨厌它; 当涉及到与激情,爱情,愤怒和恐惧相关的颜色时,没有太多的中间立场。
在下面的每个例子中,红色是吸引你进入设计的东西。
通过针对Footlocker的交互式Adidas网站,红色元素可以告诉您在哪里点击并参与游戏。颜色似乎从背景中播放的电影风格视频中“提升”。
Branu使用红色字体吸引你。在一个带有简单视频元素的鲜明的白色背景上,它足够锋利,让你停下来看。
最后,会议网站使用红色为您提供背景中的b-roll循环所需的信息。颜色可帮助您快速找到事件日期,并在主导航中精确定位关键元素。
虽然所有三种红色都有点不同,但它们在色谱上并没有那么远。使用红色是明亮和饱和的。这是你首先想到的色调,幼儿首先要学会着色。(现在没有软化这种颜色的趋势。)
更多分屏
分屏一瞥并不新鲜。我们一直在谈论 – 并且热爱 – 这个网站设计趋势已经有一段时间了。这是一个随时间变得越来越好的概念。
分屏设计的最新版本比响应功能的堆叠更美观(尽管这是一个明显的奖励)。
分屏也不会卡在完美对称的图案中。下面的例子都没有完美的分割 – 除非它是另一个元素的一部分。ATB和Yusuf Ozturk的网站都在分屏中显示动画,以便屏幕元素实际转移到突出显示内容或交互性。
当用户选择设计采用哪条路径时, ATB使用悬停操作来左右移动屏幕。这是连接人类或机器学习体验的巧妙方式。
Ozturk的网站打开了一个中间分屏,中间有一个大脑; 悬停行动将大脑一侧的设计和另一侧的发展放在一边,以展示您在投资组合网站中可以找到的内容。动画干净利落,实际上你可以玩一段时间玩它。
VM Consulting具有更传统设计的分屏,但右侧是巨型导航菜单。沉重的蓝色搭配较轻的导航,非常平衡,易于理解。(调色板有助于使这种设计更加闪亮。)
结论
这些设计趋势对您的项目来说是正确还是过于大胆?虽然我喜欢分屏设计的一切,但我不是百分之百地说服厚衬线和红色口音。(这些似乎只是需要我更多的使用。)你怎么看?我们开始谈话吧。
你现在喜欢(或讨厌)什么趋势?我很想看到你着迷的一些网站。在Twitter上给我一个链接; 我很乐意听到你的消息。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/261482.html