五站合一

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

百度聚屏

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

网络获客

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

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

新新闻资讯

网页按钮设计10要点
来源: | 作者:网站管理员 | 发布时间: 2017-05-06 | 1320 | 分享到:


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

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

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

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

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

10.按钮一定要有反馈状态