1. 轻巧而异想天开的设计
即使对于□□□重要或沉□□□□重的内容,更轻更异□□想天开的□□设计也正□□□在流行。这是设计□□□和内容的□□一种奇怪◥的并置,而且我们□□通常不会◥经常看到□□这种情况。
具有“重量级内容”和轻美学信息的设计往往具有以下元素:
•较浅的调色板
•可能是实验性的非典型字体选择
•运动和动画
•卡通形状或字符
•整体设计近乎孩童般的感觉
•没有显示人物的照片或视频
•开始阅读后的严肃内容
OTR South是针对青□□□□少年的心◢理健康资□□□□源。请注意,设计确实□□□□有一种年□□□轻的感觉,但内容和▲主题相当□□□沉重。

2. 长滚动动画
乍一看,您可能认□□为这些网□□站设计示□□例中的任□□□何一个都◥不会发生◈很多事情。但是当你□□□□开始接触□□这些网站※时,有一个明□□显的趋势——它们都有□□□长卷轴,从首页的□□□顶部到底□□部都有动□□□画。
长滚动是□□□□人们经常□□□□强烈关注□□□的那些网□□站设计主□□□□题和趋势□□□□之一。有些人喜☆欢它。其他人讨□□□厌它。
这是长滚□□□动的挑战。如果某些□□东西在桌□□面大小上△滚动看起□□来很长,那么除非△您消除大□□量内容,否则在较·小的屏幕□□上滚动需□□□□要永远。这就引出□□了一个问□□□□题:如果主页□□□特别长,用户会在□□□主页上看▽到和阅读□□您需要他□□们阅读的□□□所有内容□□吗?
以下是每个示例如何一起使用长滚动和动画。
Match Artists在网站加□□□□载时打开●动画,然后翻转❖到静态主□□□□屏幕。当您滚动□□□时,照片会随□□着微妙的□□动画在框□□架中展开。滚动得越□□快,这个网站□□□看起来就□□□越生动。没有太多□□□□可阅读的□□□内容,这使得图□□□□像-滚动-动画组合□□□□更易于消□□□□化。
Myla Yeomans有一个几□□乎是空的□□□主滚动条,它移动到□□□□一个文本□□□繁重的滚◉动条(如下所示),每个滚动□□□屏幕都随□□□□着动画改★变颜色。效果并不□□□刺眼,但可能会□□让您有点□□□□晕车,除非您因□□□□为设计中□□文本的大□□□□小和体积▽而缓慢滚·动。
Reyes Holdings可能拥有□□□□这组示例□□中最繁忙□□的动画卷□□轴。有从左到♦右移动英★雄区域内□□容的滑块□□动画,以及页面□□□下方的视□□差和加载▽滚动动画,因为元素◢似乎从几□□□乎每个方•向进入。
3. 粉色
粉红色是◉一种色彩□□□趋势,它带有很□□多强烈的□□□□感觉。仅在用户□□开始与网□□□□站互动之•前,颜色本身❖就可以对□□□□网站设计□□或内容产□□□□生假设。
每当你用◆这样的颜□□色设计时,你必须考□□□□虑它可能□□□带来的包◤袱,无论你是□□□□否同意。
粉红色通□□□□常与女性□□□气质有关,其中一些□□□□示例中的□□□□淡粉色与□□婴儿有关,并且通常□□不被视为□□□□强烈的色▲调。与粉红色□□□的共同含□□□义和关联□□包括甜美、健康、浪漫主义□□和纯真。当这种颜□□□色是您设□□□计计划的□□□□一部分时,应考虑所•有这些概□□□□念。考虑到这□□□一点,这些网站□□□中的每一□□个都以完□□□□全不同的※方式使用•粉红色趋□□□势。
星期四是▲一个单身○网站/应用程序。它具有现▼代气息,这里的粉·红色以一□□种几乎具□□□有米色色▽调的方式□□□□变得柔和。用户的问□□□□题是,它是否有□□□□足够的氛□□□□围来吸引□□□所有类型◥的人?对于约会□□应用程序□□□来说似乎□□很重要的●东西。
Pixel Bakery的设计使□□□用了几种□□粉红色,给人一种□□□□奇怪的童□□□趣。也许是阴□□阳对比与□□□□几乎是婴◎儿蓝色的□□组合。然后就是□□□这个——从设计的□□□□角度来看,似乎没有□□什么是“匹配”的。淡粉色背□□□景,深粉色标□□□□志和文字,几乎是红□□□□色的粉色✦号召性用□□□□语。这里有很□□□□多需要视□□□□觉消化的□□东西。
结论:
它们看起◣来像是你□□可以尝试□□□的东西吗?它们似乎□□□着火了——有人尝试□□□新事物,然后其他□□人继续使●用设计理▼念和迭代。有时这些□□□想法很出○色,有时却很♦平淡。
这是一个□□□□很好的练○习来思考,而不是得□□□□出你需要□□□□使用它们□□的结论;有时这也◈可以成为□□一个教训,告诉你不□□□□要尝试自□□己的设计。