虽然夏季似乎是趋势放缓的时候,但网站设计仍然在发生新的变化。通常这是设计演变的季节,而不是对标准设计实践的完全彻底改变。新的设计元素和交互方式不断涌现,使网站体验更加丰富和吸引人。

暗色调搭配鲜艳文字

深色背景是一种永远不会过时的设计趋势。随着潜移默化的改变,文本颜色也从浅色或白色变得更加明亮。这样可以在设计中建立更愉快的情感连接,减少了过于冷酷的感觉。

在完全黑暗的背景下,明亮的颜色几乎可以是任何颜色,高对比度的深浅搭配确保了可读性。挑战在于次要元素较浅,可能导致阅读时的困扰。

"9×8 项目" 使用了一些最明亮的颜色-霓虹黄,在黑暗的区域,即使尺寸较小,文本仍然易读。

丹·伊克巴尔在他的作品集设计中使用了深色背景搭配明亮的橙色文本。所有内容都很容易阅读,并且颜色很吸引人。背景中旋转的文本是一个不错的额外装饰。

最后,Keelvar展示了明亮的色彩选择也可以出人意料。明亮的紫色可能不是你的首选,但它在这个设计中很好地将元素融合在一起。

圆角卡片元素

卡片元素不断演变,并且这种网站设计趋势也不例外,它采用了所有带有弧形边缘的卡片样式。

这些卡片的好处是它们可以与任何其他设计风格结合使用。以下示例展示了它们如何与白色背景和图像内容相融合。

弧形边缘的卡片可以是平面的,也可以由于阴影而具有维度或深度,还可以包含动画或悬停效果。内容几乎可以是任何东西,从图像到文本到视频,甚至是它们的组合。

以下是三个不同网站的示例:

GET的卡片样式最简单,采用了带有弧形边缘的超大竖直容器。每个卡片中都有文本和CTA元素。这些卡片在首页上发挥了作用,为用户提供了视觉上令人惊叹的焦点,并带来互动体验。

Same Same Studio堆叠了两行带有丰富颜色的小卡片。每个卡片都是一个带有悬停状态的CTA按钮。这些卡片的独特之处在于其中的内容是多样的,包括照片、动画、视频和静态画面。

Zach Hayes在他的作品集网站上将卡片嵌套在卡片中。每个元素都使用相同的曲线边缘,明亮的白色美学令人愉悦。卡片上的深度元素和排版元素为该项目增添了极简主义的感觉。

锯齿形对齐

这些设计可能会让你问,栅格在哪里?图像甚至文本的锯齿形状可以创建出平衡或失衡的感觉,这取决于使用方式。不管哪种版本,都能构建一个适用于主页或整体设计的视觉主题。

斜线对齐可以是垂直的、水平的,或包含阶梯式元素。所有这些样式都有一种离开常规栅格的感觉,但大部分情况下,它们仍然是在栅格上,只是不是你预期的那种栅格。

为了有效地建立这种模式,你需要一些元素。另一方面,你不希望在斜线对齐中有太多元素,否则会让人感到不知所措。理想情况下,需要3到7个元素。

Mocha Café and Bar使用构成其商业名称的字母进行了锯齿形状的排列。文本有两个水平基线,以保持排版的有序。

瑞士豪华酒店正在垂直和水平方向上采用这种技巧,这表明在响应式设计方面可能会带来挑战。这种设计在较大的屏幕上效果最佳,阅读体验也最好。

Oaks Lane采用了一种图片的阶梯式排列方式,从主页一直延伸到整个设计的滚动部分。阶梯有时出现在图片的顶部行,也可用于图片框的下方。这种使用蜿蜒样式的方法非常优雅,但需要高度意识到图片选择的有效性。

在考虑如何使用或融入设计趋势时,有时候细微的变化反而是最好且最实用的选择。将这些变化看作是你已有设计方案的演进过程。

经过几次设计改进后,就能拥有一个全新的设计方案,而无需进行重大的改动。

精选文章:

肖战怎么变这样了!🦔“哈基米”抢走大波粉丝!

响应式设计:跨设备打造无缝和个性化的用户体验

百事可乐登上各大音乐节,包装一个比一个酷炫~

借助创意和数字媒体创造令人惊叹的户外广告

米兰后遗症:举办世界上最大的设计周需要什么?