网页设计创新式布局与交互

设想并构建出区别于常见网站布局的创新式设计是一件很难的事情，但是一旦把这件事做好，就可以设计出那些最富有趣味又令人着迷的网站。

你几乎每天都可以见到这些网站，每次看到他们，你都会感慨到：“多希望我当初能够想到这个点子。”设计师们正在完成一项了不起的工作，设计出一系列精美的网页元素并将其组合在一起，这些网页不但具备可用性，同时又富有新鲜感和原创味道。

奇特的造型、颜色的组合搭配和新颖的导航工具可以设计出那些最富有趣味又令人着迷的网站。

这些网站也同样难以设想和构建。

但是你永远不知道什么可能会引领一场新的趋势，带来大量的点击或者以一种你无法想象的方式“工作“。对于设计师和开发人员而言，在网页设计中最需要 记住的是无论外观多么富有吸引力，一定要保证可用性及效率。在设计过程中结合创造性的思考，仔细分析关键因素，这样每天都会产生新奇而吸引人的好点子。

跳出框架思考

第一个问题：为什么？

勾画网站草图时，我们为什么总是用矩形？为什么总是用某类特定的颜色或字体？为什么照片都是同样完美的4*6的长宽比？

第二个问题：怎样与众不同？

越来越多的网站通过选择富有趣味的创新的布局来回答第二个问题，使用带有圆角的形状、富有戏剧效果的图像、可能并不显眼的颜色，以这种新的方式来进行页面的导航和滚动设计。

基本概念

当我们发展一些新的概念时，打破既有模式的关键点在于牢记基本概念。无论网站看起来有多么酷炫，一定要满足可读性和可用性，否则用户无法浏览访问网站并与内容产生互动。

设计过程中要时刻思考用户的行为，想想他们是如何理解和使用网站的。如果你的用户是超级技术达人，那么导航或者滚动设计只要有一点点的小问题就会被凸显出来。但是如果你的用户是电脑小白，那么你可能只需要关注最基本的导航工具。

用户访问你的网站是有目的性的。当他们进入网站时，他们想要的一定要表现的足够突出。确保你的设计可以表达出网站的真正用途-提供信息咨询、娱乐、商业等等。

不要尝试做很多。挑选一个有趣的想法然后做下去，但是不要尝试同时做很多事情。记住，如果你的网站上有太多的东西的话，用户不会在上面逗留的。找到一条有趣而独特的方式与他们沟通互动。

网站实例

那么怎样可以把创造性、可读性和可用性这些特性完美的组合在一起？我们可以看看下面的网站、他们在做一些新颖的、意想不到又相当精彩的事情。

网站上采用了流行的 “隐藏式导航“ 进行设计。网站在屏幕的顶部简单的展示了项目、作品、联系方式几个模块的导航，但是页面中的图片也同样具有导航功能。每张不同的图片都会跳转到不同的项目。更为重要的是，当你的鼠标悬停在图片上方时，每张图片都会提示点击后打开的内容。整个网站的设计十分简洁，这些意想不到的动画效果同样如此。

在图片的选择和图形的趣味化上都有出众的表现，但更富具创意之处在于滚动的设计。整个网站的设计基于时间轴这一表现形式。点击每张图片都会展 示另一维度的信息内容。其特别之处在于你甚至不需要通过时间轴来进行导航和了解网站。网站结构清晰，设计精良。

总结

多年以来，我一直听到设计师在说：不会再有什么原创理念了。这种想法很糟糕。每一天，新的技术和设备都在改变着我们对于网页设计和设计流程的思考。离开舒适的位置，走出去来一场头脑风暴，然后把想法带回到工作中，要确保包含可用性所必不可少的全部元素。

另外要记住，一些“疯狂”的想法可能会失败。那没什么大不了。归纳总结、不断学习，然后开始下一个伟大的想法。