独特网站设计如何做好设计理念和寻找灵感

设计师有句俗话说：越不起眼的东西，越能够影响网站的表现，其中一个就是接口设计了。对于使用者来说，也许只有好用的接口与不好用的接口两种差异，但对设计师来说可就不同了。

以我们今天要分享的UI接口设计的元素之一：按钮来说，他是用户与系统互动的触发桥梁，并通过按钮，用户可以做出他们的选择，系统则根据这个选择来采取移动。从主页菜单、留言窗体、在线客户服务、会员工具栏...每个页面都可以看到按钮的存在。

按钮和链接常常被混为一谈，因为文章的文字超链接提供与按钮一样的功能，但定位却完完全全的不同。网站按钮设计用于执行一些重要的事件，例如：运行一个重要的功能，做出一个重大的决定...而文章内的链接用于页面之间的移动，是提供用户参考信息的正确做法。

也因为按钮的意义重大，所以设计接口的工作中，按钮总是会下更多的功夫，一个好的按钮，可以提醒用户做出重要的决定，而不会忽略重要的事情。然而不好的按钮，可能会引起用户的猜忌，或是否定网站所提供的重要信息，重要性不言而喻。

网站按钮设计原则

我们在下面详细介绍了一些优秀的按钮设计，以及过往常见的不良网站按钮设计以供参考：

1. 良好的网站按钮设计

清晰：按钮的文字和颜色必须清晰、清晰且易于阅读。近年来，扁平化按钮设计一直是流行的网站设计趋势，所以这是一种安全的尝试风格。

简洁：近年简易设计与扁平设计风气影响，在按钮上，使用最少的文字是理想的。这个想法是只使用一两个字。再多就会变得不方便和令人困惑。

关联：按钮的功能是什么？它究竟有什么作用？难以理解的按钮不会被点击。如果您有一个立即购买按钮，它应该会将访问者带到他们可以输入信用卡信息的页面，而不是讨论他们想要购买的商品的页面。

互动：过去的按钮是静态的，无法与用户的行为作出互动，如今通过新的技术，设计师可以做出许多如同实体按钮的视觉效果，例如：选择时出现细微的色差、微幅移动的文字、或是图样的变化等等，让用户明白这个地方是可以点击的。

2. 糟糕的网站按钮设计

胡乱用色：明亮、粗体的按钮吸引目光的效果很好，有些人尤其是没有设计基础的人，会迷上这样的效益，使用很古怪的配色以吸引用户点击。或许你会因此吸引到用户目光，但按钮与整体网站的色调格格不入，会减低网站的整体形象价值，也可能会干扰阅读，影响电子商务的表现。

信息错误：任何网站使用是基于信任才成立，但如果信息不实就会影响这个基础，举例来说，一些网站按钮会提示你切勿错过本次的优惠，事实上这个优惠是一整年都在进行的，这就是一个错误信息的呈现。

RWD：在网站设计方面，移动体验是铁则，不过有些设计师忽略了一些小细节，例如按钮就是一例，最好是上线前，手动仔细检查它们是否也符合RWD响应式网站设计标准。这个步骤不太容易通过自动检查的方式进行，如果网站按钮设计对于移动设备来说太大或太小，就会影响网站的效益。

图片化：过去网站设计时，很流行将按钮制作成一张图片，而不是使用CSS或是程序语言制作图片。图片化的按钮可以做出一些很真实的效果，例如立体感极佳的视觉感受，但以今日网站设计的趋势来看，这做法不太明智，主要是因为按钮一旦过多，用户就需要大量下载内容，造成网站速度质量下滑，这可是会影响到网站性能表现与网站自然排名。