欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

建站知识

郑州网站建设网页设计之按钮10要点

标签: 网站建设 品牌 布局 文章 按钮 logo 作者:融科网络 | 点击:
27

Dec
2016

导语
很多学网页设计的朋友都是网上在下各种素材来建站。想成为一名优秀的设计师,拿来主义是行不通的。只有学会如何设计出符合自己风格的按钮,你才会成长。
 
   很多学网页设计的朋友都是网上在下各种素材来建站。想成为一名优秀的设计师,拿来主义是行不通的。只有学会如何设计出符合自己风格的按钮,你才会成长。而按钮的设计往往要考虑到很多因素:怎样与整个界面、上下文、品牌相匹配?能否打造独一无二的效果?我还需要主要、次要、第三重要的按钮吗?那么他们应该怎样彼此区分? 在这里郑州网站建设向你说明:
  今天融科网络给大家分享设计按钮的十条基本准则,以供童鞋们在设计按钮中参考。
  1.符合品牌
  在设计按钮时,我们遵从品牌。在色调,风格上面,我们要遵从LOGO设计。尽量做到跟LOGO设计的风格类似。这样才能保证网站从视觉上的整体性。
  2.按钮要符合文章上下需求
  突兀的出现只会让人百思不得其解,那么为了避免这样的问题出现,今天我们就来讲讲文章中的按钮位置。漂亮的按钮固然能赏心悦目,但是设计的与网站其它内容差异太大,就不是那么美观了。所以设计按钮的时候,要考虑该位置按钮的上下文内容,不能显得太唐突。按钮首先看功能,如果是跳转可以放在知识普及,一般需要填资料的放在介绍完之后,显示按钮,这样会让用户知道这样的按钮是什么用途。
  3.确保按钮不被忽略
  很多人在页面上设置了很多按钮,可是很多人都不知道这就是按钮,或者是按钮的作用没有被利用起来,因此不要让你的按钮被忽略。在符合网页风格设计的前提下,要让其在网站中显眼,所以,我们要利用色彩、大小、留白、字体来提高按钮的视觉表现力,从而引导用户交互。重要的按钮需要做出强调,可以利用颜色,可以利用边框,可以利用不一样的显示方式。
  4.圆角或者直角按钮
  现在手机上几乎很多都是方框型,那么什么情况适合用什么按钮。如果界面元素中很多都是圆角的,那么按钮不妨做成直角的,这样对照感就会很强烈,能够引起行为召唤。网站布局层级感比较好,使用圆形很容易被凸显出来。使用对比的感觉让用户知道这是按钮,而不只是页面上的一个图标。
  5.突出按钮的主次
  按钮是办公中经常使用到的,那么按钮的主次我们是如何来分辨的呢?一般是以大小,颜色,明暗来区别这些东西。在一些按钮的设计上,对于次要的按钮,可以减少装饰性的方式进行削弱,以突出主要按钮。更少的阴影效果,更不明显的斜面和见面,这样就能突出主要元素了。一些比较关键的按钮可以使用变色来显示该步骤是否完成,切勿本末倒置。
  6.按钮的边框
  将一段文章放在白纸上,我们会以为是一段字,其实用线,框可以隔出不同的意义,因此,你的按钮让我们清楚了解了么?我们看到的大多数按钮都有边框。如果你的按钮比背景颜色深,那么使用深色边框会显得非常好看,无边框效果也不错。如果按钮比背景颜色浅,那么无边框会显得特别杂乱,唯有使用深色的边框才能让按钮看起来”精神饱满”。使用边框也会让人觉得点击的地方在哪里。所以,在你的按钮上加上容易识别的框效果更好
  7.按钮的模糊阴影和色彩搭配
  按钮很多时候会因为位置而影响点击的次数,其实按钮的阴影和色彩搭配一样会有影响。当元素比背景颜色浅的时候,投影效果最佳,元素比背景颜色深的时候,那么阴影要慎重使用。在色彩的使用上,要符合网页色彩搭配原则。不要让你的按钮设计毁了你整个页面
  8.多利用符号/图标
  很多时候文字描述已经渐渐被一些图标或者是英文所取代,就好像我们使用的前后左右移动键,不需要再写文字就知道什么意思了,使用图标可以让一切简单明了。就比如说箭头,绝对要比文字的描述更直观。箭头朝右,可能意味着离开此页。箭头朝下,可能意味着打开下面的内容,或者打开下面的菜单。这只是举一个例子,手机图标就很明显,不需要说什么,一个符号你就懂了。
  9.分清主、次、第三重要
  很多时候一个图标的作用以及重要性是需要被凸显出来的,你们觉得这样的说法对嘛?如果你的界面功能点很多,那么就很有必要设计一套主要、次要、第三重要的按钮。主要按钮视觉表现力最强,次要稍弱,第三重要按钮比次要还要差一点。可以修改这些样式:颜色、阴影、大小、留白、装饰手段等等。因此在设计的时候,要学会使用以上方法。
  10.按钮一定要有反馈状态
  很多小伙伴觉得按钮做好后就好了,其实你想过用户使用的需求是什么嘛?按钮一定要有反馈。这一点很容易被忽略,那就是按钮在操作中一定要有反馈,让用户明白发生了什么。因为用户会按照真实生活建立认知模型,如果你的按钮反应不似真实用户,用户会感到失落。作为设计师,要多动脑,勤动手。活学活用才是王道。
郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/website/99.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇: 企业网站建设中常见的小问题有哪些?

下一篇:网站设计中几个坚决不能犯的错误

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制