虽然夏季似乎是趋势放缓的时候,但网站设计仍然在发生新的变化。通常这是设计演变的季节,而不是对标准设计实践的完全彻底改变。新的设计元素和交互方式不断涌现,使网站体验更加丰富和吸引人。
暗色调搭配鲜艳文字
深色背景是一种永远不会过时的设计趋势。随着潜移默化的改变,文本颜色也从浅色或白色变得更加明亮。这样可以在设计中建立更愉快的情感连接,减少了过于冷酷的感觉。
在完全黑暗的背景下,明亮的颜色几乎可以是任何颜色,高对比度的深浅搭配确保了可读性。挑战在于次要元素较浅,可能导致阅读时的困扰。
"9×8 项目" 使用了一些最明亮的颜色-霓虹黄,在黑暗的区域,即使尺寸较小,文本仍然易读。
丹·伊克巴尔在他的作品集设计中使用了深色背景搭配明亮的橙色文本。所有内容都很容易阅读,并且颜色很吸引人。背景中旋转的文本是一个不错的额外装饰。
最后,Keelvar展示了明亮的色彩选择也可以出人意料。明亮的紫色可能不是你的首选,但它在这个设计中很好地将元素融合在一起。
圆角卡片元素
卡片元素不断演变,并且这种网站设计趋势也不例外,它采用了所有带有弧形边缘的卡片样式。
这些卡片的好处是它们可以与任何其他设计风格结合使用。以下示例展示了它们如何与白色背景和图像内容相融合。
弧形边缘的卡片可以是平面的,也可以由于阴影而具有维度或深度,还可以包含动画或悬停效果。内容几乎可以是任何东西,从图像到文本到视频,甚至是它们的组合。
以下是三个不同网站的示例:
GET的卡片样式最简单,采用了带有弧形边缘的超大竖直容器。每个卡片中都有文本和CTA元素。这些卡片在首页上发挥了作用,为用户提供了视觉上令人惊叹的焦点,并带来互动体验。
Same Same Studio堆叠了两行带有丰富颜色的小卡片。每个卡片都是一个带有悬停状态的CTA按钮。这些卡片的独特之处在于其中的内容是多样的,包括照片、动画、视频和静态画面。
Zach Hayes在他的作品集网站上将卡片嵌套在卡片中。每个元素都使用相同的曲线边缘,明亮的白色美学令人愉悦。卡片上的深度元素和排版元素为该项目增添了极简主义的感觉。
锯齿形对齐
这些设计可能会让你问,栅格在哪里?图像甚至文本的锯齿形状可以创建出平衡或失衡的感觉,这取决于使用方式。不管哪种版本,都能构建一个适用于主页或整体设计的视觉主题。
斜线对齐可以是垂直的、水平的,或包含阶梯式元素。所有这些样式都有一种离开常规栅格的感觉,但大部分情况下,它们仍然是在栅格上,只是不是你预期的那种栅格。
为了有效地建立这种模式,你需要一些元素。另一方面,你不希望在斜线对齐中有太多元素,否则会让人感到不知所措。理想情况下,需要3到7个元素。
Mocha Café and Bar使用构成其商业名称的字母进行了锯齿形状的排列。文本有两个水平基线,以保持排版的有序。
瑞士豪华酒店正在垂直和水平方向上采用这种技巧,这表明在响应式设计方面可能会带来挑战。这种设计在较大的屏幕上效果最佳,阅读体验也最好。
Oaks Lane采用了一种图片的阶梯式排列方式,从主页一直延伸到整个设计的滚动部分。阶梯有时出现在图片的顶部行,也可用于图片框的下方。这种使用蜿蜒样式的方法非常优雅,但需要高度意识到图片选择的有效性。
在考虑如何使用或融入设计趋势时,有时候细微的变化反而是最好且最实用的选择。将这些变化看作是你已有设计方案的演进过程。
经过几次设计改进后,就能拥有一个全新的设计方案,而无需进行重大的改动。
精选文章: