五站合一

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

百度聚屏

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

网络获客

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

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

新新闻资讯

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

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

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

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

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

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