他们设计的网页，为什么那么有趣？

确保页面逻辑直观

让观众尽可能摄入更多内容

众所周知，观众的第一印象很重要。因此具有吸引力的视觉效果、“足够简单”的导航对于网页设计而言十分关键，它们可以合力引导观众尽量多地浏览页面内容。

http://y-u-k-i-k-o.com/

Studio Yukiko是一家设计工作室，专门为印刷、数字媒体和动画提供创意指导、艺术指导和设计。

Studio Yukiko的网页制作逻辑简单，只有基本的左右按键，如果你长时间不点击的话页面会自动播放。他们不会在一张网页中放入过多内容，但你浏览一小会就能够大致了解到这家工作室的业务方向和设计风格等。

此外，如果你将鼠标移动到页面中央，画面中会弹出Yukiko标识，点击一下就会出现工作室的介绍与联系方式等。每一页的导航设置都是相同的，就算你是网页小白，10秒内都能参透。

案例二：

Marta Company

总分结构用在网页设计上也说得通

还能给予受众更多选择权

案例三：

活用剧透式引导

能让页面更加主次分明

增加交互元素的运用

拉近与受众之间的距离

你可能会发现，许多网页中都存在动态效果、滚动鼠标甚至游戏般的机制。它们看似“花里胡哨”，其实都是设计者为了交互下的苦心。

Vincent Tavano将屏幕视为一系列小而有趣的互动，因为在网页导航中加入合适的交互性元素能够增添内容的可读性。

当你点击进入“A MAGAZINE"之后，你会惊奇地发现自己鼠标每移动一下，就会出现一张图片，如果一直移动的话就会串出一幅幅有趣的画面。

而在“LOEWE”页面中，LOEWE的各种产品像是一个橡皮擦，你可以用它们来绘制出图像，甚至用来发泄压力。

对于制作网页，经验老道的Vincent Tavano给大家的建议是：保持好奇，无休止地寻找、测试、改变，从头再来。

案例二：

Laucke Siebein

https://studio-laucke-siebein.com/

打开 Laucke Siebein 的网站后，三个写着“向下滚动”的三角形不断闪烁着，而这几乎就是该网站的所有指令。一旦你遵循这个指令，眼前就会出现一个如“隧洞”般的世界。

图片不断被拉伸、放大、切开过渡......重复的方式不仅让人看不腻，反而会抑制不住地一直向下滚动。

这样的互动简单又特别，Laucke Siebein也传达了他们制作网页的建议：沟通和互动可以是一个感性的过程，要让观众感到惊喜、玩得开心。

设计工作室 Don Carlo 希望他们可以建立一个轻松愉快、带点俏皮感的网站。

因此在网页浏览的开始和结束时，Don Carlo都设置了一个弹出的“驴”形象。而在每个项目页面中，还有浮动的图像和放大鼠标来指引你点击查看具体内容。

如果你将页面两侧的黑色动态条当作装饰的话，那可就错了。上面藏着具体导航，想要回到首页、获取联系方式等都可以从中找到关键词入口。

这个网页的设计师Jonathan Morin还说到，在网页设计时，明确了解意图和不同的业务目标应该是起点。

最大化网页的不同

发展个性元素

如果说前面我们都在从受众角度出发，那么最后且最重要的是，在网页制作时结合内容特性发展个性元素，从而与别人的网页有所不同，或者进一步做到“独一无二”。

作为一家字体设计公司，Pangram Pangram在网页设计时采取的方法是呈现字体本身的设计语言和概念。

可以看到，Pangram Pangram的网页设计中还有许多可供用户体验的“字体设计”环节，此类互动可以帮助用户对不同字体或字体间距等细节有更清晰的认知。

案例二：

Makemepulse

https://www.makemepulse.com/

如果说简洁的网页设计会让人觉得“模板化”，那么Yehwan Song所设计的网页一定无法被复制，因为，它太难啦！

打开网页首页，很难不被那些密密麻麻的线条圆圈惊讶到，整个页面像迷宫一样神秘，满屏都是设计师本人的语言。

这样的设计源于Yehwan Song 强烈认为网络应该更有趣的初衷，她希望更多人能够意识到这点，也因此她将计算机作为一种工具不断创造迷人且能够互动的内容。

拥有编码技能和设计基础的Yehwan Song本身就很特别，她的作品与本人有着牢固的联系。这样的视觉语言也许我们暂时无法形成，但可以一直学习，直至“脱颖而出”。