一网学UI设计和网页设计的按钮设计10要点

1、 很多学网页设计的朋友都是网上在下各种素材来建站。比如一些UI套件腻戴怯猡包等等。这些资源在网上是免费的，但是，大家往往忽略了一个问题：下载下来的套件到底适不适合你的网站？免费的一定是好的么？很多设计师们往往下载下来直接使用。却是效果并不理想。其原因往往是按钮设计与网页整体不符，按钮设计不符合网站整体布局等。 想成为一名优秀的设计师，拿来主义是行不通的。只有学会如何设计出符合自己风格的按钮，你才会成长。而按钮的设计往往要考虑到很多因素：怎样与整个界面、上下文、品牌相匹配？能否打造独一无二的效果？我还需要主要、次要、第三重要的按钮吗？那么他们应该怎样彼此区分？

2、 今天一网学网页设计培训课就来给大家分享设计按钮的十条基本准则，以供童鞋们在设计按钮中参考。符合品牌 在设计按钮时，我们遵从品牌。在色调，风格上面，我们要遵从LOGO设计。尽量做到跟LOGO设计的风格类似。这样才能保证网站从视觉上的整体性。符合上下文内容 漂亮的按钮固然能赏心悦目，但是设计的与网站其它内容差异太大，就不是那么美观了。所以设计按钮的时候，要考虑该位置按钮的上下文内容，不能显得太突兀。

3、确保按钮不被忽略 按钮的设计在符合网页风格设计的前提下，要让其在网站中显眼，所以，我们要利用色彩、大小、留白、字体来提高按钮的视觉表现力，从而引导用户交互。重要的按钮需要做出强调。以引起访客的注意，吸引足够的重视度。可根据页面设计圆角或者直角的按钮 如果界面元素中很多都是圆角的，那么按钮不妨做成直角的，这样对照感就会很强烈，能够引起行为召唤。突出按钮的主次 在一些按钮的设计上，对于次要的按钮，我们可以减少装饰性的方式进行削弱，以突出主要按钮。更少的阴影效果，更不明显的斜面和见面，这样就能突出主要元素了。

4、按钮的边框 我们看到的大多数按钮都有边框。如果你的按钮比背景颜色深，那么使用深色边框会显得非常好看，无边框效果也不错。如果按钮比背景颜色浅，那么无边框会显得特别杂乱，唯有使用深色的边框才能让按钮看起来”精神饱满”。

5、要谨慎对待模糊的阴影和色彩搭配 当元素比背景颜色浅的时候，投影效果最佳，元素比背景颜色深的时候，那么阴影要慎重使用。在色彩的使用上，要符合网页色彩搭配原则。多利用符号/图标 就比如说箭头，绝对要比文字的描述更直观。 箭头朝右，可能意味着离开此页。箭头朝下，可能意味着打开下面的内容，或者打开下面的菜单。

6、分清主、次、第三重要 如果你的界面功能点很多，痘痉颔湄那么就很有必要设计一套主要、次要、第三重要的按钮。 主要按钮视觉表现力最强，次要稍弱，第三邓咀挚垡重要按钮比次要还要差一点。可以修改这些样式：颜色、阴影、大小、留白、装饰手段等等。按钮一定要有反馈状态 这一点很容易被忽略，那就是按钮在操作中一定要有反馈，让用户明白发生了什么。因为用户会按照真实生活建立认知模型，如果你的按钮反应不似真实用户，用户会感到失落。希望以上十点能对大家设计按钮有所启发，作为设计师，要多动脑，勤动手。活跃活用才是王道。当然，通过报名一些网站设计培训班、网页美工培训班，美工培训班能让你少走很多弯路。让你离成功变得更近。