排版与动效的灵感

Teamgeek

网站的开发者充分展现了如何将新技术运用到网页设计中的技巧。充满复古风格的LOGO设计让网站打开的时候有了独特的气场，而当可交互的粒子特效出现的时候，用户除了”Wow”大概也做不出别的表情吧。

Moisture

充满气场的背景选择使得自然的美感和气势展现得淋漓尽致，处于中心的文本因此而显得相当吸引人。简单的文本借助背景的气势，从而显得不那么简单，色彩上鲜明的对比也强化的信息的传递效率。在中心处文字展示的部分有点像是电影切屏的感觉，很棒的设计。

C2

这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特，它不仅展现内容还作为标识而存在，此外它还具有导航的功能。

RC

配色值得参考，是采用了基色360°搭配。在产品特性的栏目横线的动效小设计很吸引人。

FiberSensing

动静结合是这个网页的特色，动态可交互的背景和前景静态的文字等视觉元素达成了平衡，设计师成功地将柔和动态元素、渐变背景和风格稳健扎实的字体搭配到了一起，让整个设计相得益彰，动静相宜，强弱对照。

Viens-la

九宫格的排图非常有特色，点击其中一幅图，周围相应的变成大图。另外，人物介绍部分的视觉追随效果也相当的棒，赞！

Year in Music by Spotify

著名音乐平台 Spotify ，设计师使用着两年流行的双色调设计来调整精选的艺人照片，营造出独特的氛围。动态设计和层次丰富的美感让页面的风格更加先锋，也更有特色。

Year in Review by Fiverr

Fiverr 的年度总结看起来似乎并没有什么太过特殊的地方，但是横向的布局别具一格，看起来有趣又引人入胜。这个团队的设计师善于使用大量互补的图形素材来呈现数据、讲述故事。他们的设计会让你会心一笑。里面的小动效令人难忘。

Year in Review by Pingdom

Pingdom 的年度总结和它的在线服务的配色是一致的，视觉设计看起来高端而又富于创新，充满了科技感。浏览网页的时候，用户会随着整个页面的视觉线索来看，不会错过任何一点内容，会从每个数据逐步熟悉这个网站。特别喜欢他们的视觉引导，给人毫不突兀反而充满新奇的感觉。配色也是非常喜欢。

Fjord Trend

Fjord Trend 的首页中，不同图片的背景图被设计成了双色配色。设计师所选取的色彩秉承了传统意义上双色调图片的配色风格，色彩沉稳现代，柔和而不具侵略性，但是作为主要的色调，两者又有着明显的对比。大色块配色，收拢的内容处理值得学习。

Triple 9

经典的红黑色被Triple 9的首页用作双色配色的主色调，两种情绪浓烈的色彩让这里的视频和图片都带有微妙的情绪。与此同时，色调的选取还让网站隐隐散发出暴力和野蛮的感觉，个性十足。特别喜欢这个网站的动效细节处理，跟网站传达的气质非常的吻合。

Campaign by Lois Jeans

Lois Jeans 的这个页面设计，能量和情绪几乎都要浓烈得溢出来一样。虽然只是简单的文字+图片的排版，但是粉色+蓝色的搭配让页面呈现出一种层次感，协调而惊艳。特别有欧美随意的Style，可以学习它的排版方式。