小谈网页设计的按钮

说起按钮,不得不先提一下链接,因为在大部分人看来,似乎按钮与链接差不多,都是完成一个页面的跳转。其实不然,按钮与链接还是有一定的区别。

先简单说说他们的区别吧。

按钮:按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。例如典型的google,QQ邮箱。像信息搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。

链接:链接的作用是:“带你去另一个页面”,你无论点几次链接,都是在“看”,而并没有“做”任何事。典型的链接是文字标题,点击了去看详情。

假如这样严格来区分按钮与链接的区别,好处是在逻辑上会非常清晰。然而,现实的问题是,按这种思路设计出来的网站,在一些需要被强化的地方,一些需要引导用户点击的地方,仅用链接很难在视觉上突出表现。再回到我们游戏页面设计的现状来看,其实按钮与链接也并没有严格区分,而且,假如严格区分,跟我们要表达视觉上的优先级别会有冲突。典型案例:各游戏引导页里的“进入官网”,严格来讲,它的作用也只是让观者顺利跳转到另一个页面,是属于链接,但这个往往是我们特别强调的“按钮”。所以在游戏页面的设计过程中,是否需要严格区分两者的区别,还有待讨论……

小结一下当前大部分人理解的按钮:有一个外框(这个框可以是任何几何形体,比如方、圆、椭圆等等),再上面有一些文字(比如:下载、注册、充值、搜索、登录,抽奖等等),满足了这两个基本条件的,大家就认为是按钮,按钮的本质特点就是可以点击。

一、下面是针对没有严格区分两者关系的按钮视觉表现探讨

当前在页面里要强调的链接自然会以按钮的形式表现,尤其所谓重量级按钮是促成观者完成页面功能的一个很重要的部分,所以对于其本身来讲,应该具有“勾引眼球”的效果。对于一个可以起到“勾引”作用的按钮,建议从下面几个方面来思考。

1.按钮本身的用色

本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。

2.按钮的位置

按钮的位置也需要仔细考究,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。

3.按钮上面的文字表述

在按钮上使用什么文字传递给用户非常重要。需要言简意赅,直接明了,如:注册、下载、创建、免费试玩等,甚至有时候用“点击进入”,这一点上就是千万不要让观者去思考,越简单、越直接越好。

时间: 2024-10-26 23:05:32

小谈网页设计的按钮的相关文章

再见 差不多先生 谈网页设计如何精益求精

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 关于差不多先生 你知道中国最有名的人是谁? 提起此人,人人皆晓,处处闻名.他姓差,名不多,是各省各县各村人氏. 差不多先生常说:"凡事只要差不多,就好了.何必太精明呢?" 他小的时候,他妈叫他去买红糖,他买了白糖回来.他妈骂他,他摇摇头说:"红糖白糖不是差不多吗?" 他在学堂的时候,先生问他:"

2013浅谈网页设计趋势

京东这次的改版,看到遍地都是网友吐糟的声音,什么设计太简单了.首页版块不明显.设计没个性等等,乱七八糟的一大堆差评. 对于这些吐糟的人,我将他们分为三类人:一类是专业的网页设计师,他们本就有着更高的见地;另一类是普通的用户,不管旧版是否合理,反正已经使用习惯了,对于新版的改变一下子无法适应过来,难于接受,或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者,看到别人吐糟自己也跟着吐糟,可能有些人压根就没看过新版. 在这些吐糟人中,第一类人毕竟是少数,大多数往往属于后两类人. 好与差没

工作二年谈网页设计新手如何学美工

网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的.企业的网址被称为"网络商标",也是企业http://www.aliyun.com/zixun/aggregation/32545.html">无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口.企业网站设计显得极为重要,下面是一些网站设计中应注意的原则. Web

浅谈网页设计中的简约之美

  随着网页技术的不断发展,网页设计的趋势在改变,扁平化.响应式.视觉差滚动.卡片式等给设计师带来了更多的发挥空间.简约的设计,也以其简洁直观.轻薄美观等特点,越来越受到设计师的追捧和大众的喜爱. 那么什么是简约设计? 简约设计是将设计回归本质的一种设计理念.简约并是对内容的简单删减,而是提炼设计精华,满足美观实用的本质诉求.在网页中,简约的设计,往往具清晰的页面结构.简单的交互操作等特征,在满足传递信息的同时,从视觉体验的角度,为用户带来轻松.愉悦的美感. 那么在网页中,怎样做到简约呢?下面是

以临摹百度首页及其改版分析谈网页设计

  这篇内容更像是网页设计的科普贴,推荐入门级网页设计师阅读.另外光读是没有效果的,思考实践才能长足的进步.嗯,网页设计...  

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

盖座漂亮的“楼”–浅谈网页设计中的构图

网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新. 如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功倍的构图技巧.个人拙见,希望能够抛砖引玉. [一]坚实的地基-几何图形的力量.

浅谈网页设计入门经验

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网页设计这个方面,我个人感觉,我还是有发言权的,这几年的网络工作,自己制作的网页还是很多的,有个人的,也有公司企业的一些,所以说对于设计网页这个方面来说,我自己认为还是一门需要去学习的学问的,对于网页设计,我的感想有一下两点. 一 懂得网页设计 不管做什么,你都要先去知道你所做的是一个什么样的事物.这是我们认知的一个基础的前提,对于我所说的

HTML及CSS基础课(八) 为你的网页设计一个按钮

这节课主要是讲怎样用div来模拟出一个按钮. 会使用到一些新属性: border-radius 向 div 元素添加圆角边框,例如 border-radius: 5px; margin 一个声明中设置所有外边距属性,属性可以设置1-4个值,例如: margin:10px 5px 15px 20px; 上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15