五站合一

精美模板+系统+域名+服务器备案

百度聚屏

AI赋能线下媒体  多屏整合智能营销

网络获客

锁定客户精准推广  快速裂变

新闻中心
了解新动态
了解网站制作  网站优化

新新闻资讯

网页按钮设计10要点
来源: | 作者:网站管理员 | 发布时间: 2017-05-06 | 1319 | 分享到:
很多学网页设计的朋友都是网上在下各种素材来建站。比如一些UI套件包等等。这些资源在网上是免费的，但是，大家往往忽略了一个问题：下载下来的套件到底适不适合你的网站？免费的一定是好的么？很多设计师们往往下载下来直接使用。却是效果并不理想。其原因往往是按钮设计与网页整体不符，按钮设计不符合网站整体布局等。

想成为一名的设计师，拿来主义是行不通的。只有学会如何设计出符合自己风格的按钮，你才会成长。而按钮的设计往往要考虑到很多因素：怎样与整个界面、上下文、品牌相匹配？能否打造的效果？我还需要主要、次要、第三重要的按钮吗？那么他们应该怎样彼此区分？
按钮创意设计
给大家分享设计按钮的十条基本准则，以供童鞋们在设计按钮中参考。

1.符合品牌
在设计按钮时，我们遵从品牌。在色调，风格上面，我们要遵从LOGO设计。尽量做到跟LOGO设计的风格类似。这样才能保证网站从视觉上的整体性。

2.按钮要符合文章上下需求
突兀的出现只会让人百思不得其解，那么为了避免这样的问题出现，我们就来讲讲文章中的按钮位置。
漂亮的按钮固然能赏心悦目，但是设计的与网站其它内容差异太大，就不是那么美观了。所以设计按钮的时候，要考虑该位置按钮的上下文内容，不能显得太唐突。按钮首先看功能，如果是跳转可以放在知识普及，一般需要填资料的放在介绍完之后，显示按钮，这样会让用户知道这样的按钮是什么用途。

3.确保按钮不被忽略
很多人在页面上设置了很多按钮，可是很多人都不知道这就是按钮，或者是按钮的作用没有被利用起来，因此不要让你的按钮被忽略。
在符合网页风格设计的前提下，要让其在网站中显眼，所以，我们要利用色彩、大小、留白、字体来提高按钮的视觉表现力，从而引导用户交互。重要的按钮需要做出强调，可以利用颜色，可以利用边框，可以利用不一样的显示方式。

4.圆角或者直角按钮
现在手机上几乎很多都是方框型，那么什么情况适合用什么按钮。
如果界面元素中很多都是圆角的，那么按钮不妨做成直角的，这样对照感就会很强烈，能够引起行为召唤。
网站布局层级感比较好，使用圆形很容易被凸显出来。使用对比的感觉让用户知道这是按钮，而不只是页面上的一个图标。

5.突出按钮的主次
按钮是办公中经常使用到的，那么按钮的主次我们是如何来分辨的呢？一般是以大小，颜色，明暗来区别这些东西。在一些按钮的设计上，对于次要的按钮，可以减少装饰性的方式进行削弱，以突出主要按钮。更少的阴影效果，更不明显的斜面和见面，这样就能突出主要元素了。一些比较关键的按钮可以使用变色来显示该步骤是否完成，切勿本末倒置。

6.按钮的边框
将一段文章放在白纸上，我们会以为是一段字，其实用线，框可以隔出不同的意义，因此，你的按钮让我们清楚了解了么？
我们看到的大多数按钮都有边框。如果你的按钮比背景颜色深，那么使用深色边框会显得非常好看，无边框效果也不错。如果按钮比背景颜色浅，那么无边框会显得特别杂乱，唯有使用深色的边框才能让按钮看起来”精神饱满”。使用边框也会让人觉得点击的地方在哪里。所以，在你的按钮上加上容易识别的框效果更好

7.按钮的模糊阴影和色彩搭配
按钮很多时候会因为位置而影响点击的次数，其实按钮的阴影和色彩搭配一样会有影响。当元素比背景颜色浅的时候，投影效果，元素比背景颜色深的时候，那么阴影要慎重使用。在色彩的使用上，要符合网页色彩搭配原则。不要让你的按钮设计毁了你整个页面

8.多利用符号/图标
很多时候文字描述已经渐渐被一些图标或者是英文所取代，就好像我们使用的前后左右移动键，不需要再写文字就知道什么意思了，使用图标可以让一切简单明了
就比如说箭头，要比文字的描述更直观。箭头朝右，可能意味着离开此页。箭头朝下，可能意味着打开下面的内容，或者打开下面的菜单。这只是举一个例子，手机图标就很明显，不需要说什么，一个符号你就懂了。

9.分清主、次、第三重要
很多时候一个图标的作用以及重要性是需要被凸显出来的，你们觉得这样的说法对嘛？
如果你的界面功能点很多，那么就很有必要设计一套主要、次要、第三重要的按钮。主要按钮视觉表现力强，次要稍弱，第三重要按钮比次要还要差一点。可以修改这些样式：颜色、阴影、大小、留白、装饰手段等等。因此在设计的时候，要学会使用以上方法。

10.按钮一定要有反馈状态
很多小伙伴觉得按钮做好后就好了，其实你想过用户使用的需求是什么嘛？按钮一定要有反馈。这一点很容易被忽略，那就是按钮在操作中一定要有反馈，让用户明白发生了什么。因为用户会按照真实生活建立认知模型，如果你的按钮反应不似真实用户，用户会感到失落。作为设计师，要多动脑，勤动手。活学活用才是王道。