网站设计分析：UI应遵循的三大网站设计原则

小心有“狼” 在巴赫之前的调音系统中，被同时演奏出的不和谐间隔的音符会产生侧耳、咆哮般的声音。音乐家把这种声音称为“狼嚎”。 在界面设计中，当针对某一种体验设计的视觉或交互元素转移到另一种体验环境中就会失效，那么我们称这种元素为“狼”。回想一下，你曾经费力地用手指点击一个很小的针对鼠标设计的链接，还有痛苦地在移动设备、触摸设备上阅读着字体很小的文本，而这些设备上的界面元素只依靠鼠标点击。这些都是UI上的“狼”。

　　这些文章的链接只依靠鼠标完成交互。当在触摸式的移动设备中浏览时，它们的可能性就会减低。

　　New York Magazine提供了一个好用、美观的下拉式导航菜单，但你只能使用鼠标来点击它。

　　注意事项 响应式设计，提供针对设备的特定体验，确实可以解决很多此类问题。如果我们能调整一个按钮的大小以适应某一特定的环境，那么我们就不必接受这种笨重、顾及全局的方法。但是我们需要支持的设备数量只会增加，定制所有可能的方案即将变得不合理。 即便我们可以在执行层面定制完美的设计，但仍有必要在概念层面考虑一下可调节的、可统一访问的设计。

　　下面列出了几个注意事项

　　● 响应式地思考 即便你并不正在实现一个完全响应式设计，简单地用响应式的方式去思考将会对实现可用的、统一的设计大有帮助。

　　● 触摸优先式思考 针对手指点触设计的按钮，同样可以用鼠标来点击。但针对鼠标设计的按钮，用手指触控时就会显得太小了。触控优先式设计，可以确保你的网站和应用很好的迁移到其他环境中。

　　● 统一式思考 正如“早测试，经常测试”一样。在设计过程中，应该尽早并经常思考你的设计如何成功运行在不同的设备之上。

　　● 移动优先式思考 移动优先设计，可以让你专注于那些关乎你成功的事情上。保持对最重要特性的关注，在不同设备上实现统一的体验就变得更加容易了。

　　● 小心 交互行为不会在各种界面中得到统一支持。通过鼠标来完成的功能在触摸设备上可能会有问题。通过触摸来完成的操作可能用鼠标就无法执行。但这并不意味者我们不能使用它们，只是我们应该清楚它们的使用限制。

　　希望用户可以在不同的设备上使用我们的网站和应用时获得完美的体验。也希望我们的劳动成果可以在尽可能多的环境中可用。