40个独树一帜的创新式布局网页设计.pdfVIP

40 个独树一帜的创新式布局网页设计 网站的根底在于布局。它能够很好起到引导用户的作用，为用户提供可选择的选项，且能够告 诉用户网站的重点所在。同时布局影响到了网站的美感。因此，我们在布局设计上要非常谨慎。 独家的、创新的布局能够大幅提高用户的浏览体验。通常，我们都会揣摩用户的心理，我们会 把自己当作用户，然后审视一番自己的网站，问自己〞如果我是用户，我进入网站最想看到什么？〞 如何与用户更好的交流？〞在设计尚未开始前，我们便要做足这方面的功课，充分了解用户的动机、 需求以及心理，因为布局能够决定设计的〞形状〞。 好吧，下面我们来一起看一下一些不同寻常的网站布局。它们不一定完美无缺，但是各自有各 自的风格。或许，它们的布局能够激发你灵感的火花。 Beurre Sel 美丽无比。顶端的红白导航条配以照片选用考究的滚动栏。当你向下滑动页面时，导航栏略微 缩小，但是依然固定在顶部。而图片滚动栏下方多彩的列表，其实代表该公司烘制的不同风味的曲 奇饼干，可以将它们看成子菜单中的按钮。点击不同的口味，信息便会在子菜单面板中覆盖式滑出， 三栏式布局也方便吸引用户注意力。 Hackery, Maths Design 优雅的线条动效随着页面的读取进度而渐渐在屏幕上展开。箭头象征着运动与流体之美，鼓励 着用户滑动页面，浏览内容。下方的内容采用三栏式布局，两栏用以显示内容，一栏侧边栏。然而 却没有一种呆板的感觉，反倒让用户感到非常开放、大气——这是因为图像大量使用了圆角，且空 间宽敞。该网站的布局让用户感到非常舒服。 The Drawing Room 个人非常喜欢这款布局，简单，但视觉效果不简单。该工作室的作品以钻石的形状排列，且有 大有小。中间的那块〞钻石〞显示了该工作室的标识，黑白的配色，使之从众多作品中脱颖而出。 当指针在每块〞钻石〞上悬停时，会显示出该作品的简洁。单页页面有着独创且清爽的布局，非常 易于用户操作。 We Love Noise Luke Finch 的作品集网站布局非常有趣且非常的有好。看起来虽然很杂乱无章，但是完全另辟 蹊径。能够通过图像告诉你作品的一些信息，通过箭头来进行导航。而左上角的小心脏，是整个网 站的导航。当光标在作品上悬停时，其他作品〞黯然失色〞，非常好的突出效果。 Ende 动态式布局。在载入页面，提供了一个非常怪异的欢送页面，用以提示你向下滚动，导航条固 定在顶部。我特别喜欢这种透明式的导航条，能够迅速的跳转至相关的内容。尽管整个网站确实存 在布局设计，但内容在页面中显得有些散乱。每个环节的背景颜色都不尽相同。三栏式布局非常容 易识别，但是设计团队将布局的成规打破，采用了更自由的方式，显示效果也更加有趣。 Edward Carvalho Monaghan 生活很枯燥？给你点颜色吧！这个作品集网站极具个性，作品生动、大气。页面中左右的图像 均为动态。主题非常一致的网站，既能够代表设计师，又能独立作为作品集存在——这就是作品集 网站的要点所在。标识非常的多彩，而且动效给整个网站带来一种活力。 Huys 独树一帜的布局，右面的页码固定的风格略像信头。而左边提供了方便使用的导航。页面最上 方展示出他们建造公寓的简图。 KathArt 〔强烈推荐！〕 KathArt 采用了优秀的视频式布局。网站非常具有个性，而且非常高效，让你感觉好似在和设 计团队面对面的聊天。设计团队在视频中介绍他们的工作，让你感觉你好似在和他们一道探讨产品！ 导航采用了时间线的风格，非常聪明，可以改变视频的进度。 Wacom Wacom 适用于专业用户，也适用于非专业用户。布局是设计整体的一局部，且营造了一种对 用户友好的感觉。当悬停在导航栏处，导航栏就会缩小，然后显示出每个选项中的子菜单，用户可 以自由选择。非常非常的整洁，能够让用户迅速的找到所需。我喜欢他们的那条手绘线。 Amsterdam Dance Event 布局表达了工程的精神与态度。导航栏在页面的左边且固定。有着强烈视觉冲击风格的滑动栏 图像。令人对这场舞蹈节印象深刻。 Cropp 宽大、粗放的布局。当悬停在图标上时，图像的像素便无法识别，这样就能引起你的注意。顶 部的导航栏固定。整个布局非常的冲击传统，照片也非常漂亮。 Neue Yorke 布局非常简约——因此对于用户来说非常直接，非常易于操作，每个页面仅仅只有两种颜色， 且与其他页