网页设计技巧:设计合适的网页购买按钮

文章描述:5条建议帮助设计一个成功的购买按钮.

导语:不管你是设计师、网销人员还是电子商务站点的站长,都不能忽视“购买按钮”所起到的作用。在本文中,我们将一起跟随来自波兰的企业家Karol K看看在“购买按钮”的设计中应注意的几点。

如果你是一名设计师,或网销人员,或者刚盘了一家网站打算卖点东西,从某些方面来看,你必须得设计一个合适的“购买按钮”。不过很快你会发现只是把“buy now(立即购买)”字样的文字放在一个蓝色的矩形上是不够的,因为这并没产生你预期的效果。幸运的是,一旦你了解了一些基本知识,设计一个合适的购买按钮并不太难。

首先,按钮上的文本非常重要,但还有其它功能要处理。为什么说文本最重要呢?试想一下,如果上面写的是诅咒性质的字样,按钮设计得再漂亮也没有用。因此,好的内容是金钱的来源。

在今天的文章中,我们会讨论一个合适的“购买按钮”至关重要的5个特征。

1.整体样式

这是第一条,也是最重要的特性。

你要琢磨让你的按钮变成“紫牛”。“紫牛”的概念是有塞斯·高汀(Seth Godin)提出。简而言之,就是让你的产品出众。我的意思是说,出众的产品是不会被大家忽视的,就像草地中间那头闪亮的紫牛一样耀眼。

一些设计师并不太擅长产品的包装。创建一个与网站颜色和样式完美契合的按钮是很吸引人的。这似乎是一个非常好的主意,可惜它不是。

问题是这样的按钮并不能引人注意。你也不想你的按钮被埋没,希望它受人瞩目,因此,它应该被当做完全独立的元素进行创作,出现在某些网站,而没必要与网站的风格保持一致。

看看下面这个体现“紫牛”概念的案例。

Mozilla Firefox

这是一个看起来像是FireFox的下载页面。请注意,在折叠处上方,有一个大片绿色的下载按钮,看起来与页面上其它元素完全不同,是放FireFox标志的唯一地方,也是整个页面最大的元素之一。

所有的特征让这个按钮显得非常抢眼。这很好地诠释了“紫牛”这一概念。如果你要说没看到,你正好为别人留下了印象。

简单来说就是让按钮引人瞩目。

[1] [2] [3]  下一页

时间: 2024-08-31 04:38:41

网页设计技巧:设计合适的网页购买按钮的相关文章

网页设计技巧:弹出网页窗口设计全攻略

攻略|技巧|设计|网页|网页设计 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 <html> <body >; <b>www.webjx.com</b> </body> </html> 2.弹启一个被F11化后的窗口 <html> <body >; <b>www.webjx.com</b>

网页设计技巧:设计颜色尺寸对齐方式对比

原文链接:http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design 译者:猪小凡 网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了. 对比就是两个或更多个元素之间的不同.通过对比,设计师就可以创造出视觉趣味性,同时引导用户的注意

网页设计技巧:网络视频在网页设计中运用

文章描述:推荐!视频在网页开发方面的创新应用. aber zou:动态的视频比静态的图片更生动,表达的信息更多.但是目前网络上的视频其实跟整个网页的设计是脱离的,它们都被框起来放在特定的区域供浏览者点击观看,视频并没有像图片一样成为一个网站的装饰元素.其中的原因主要就是浏览器的兼容性,网络速度和设计理念的限制.但是网络技术发展到今天,特别是HTML5的不断完善和浏览器的不断进步,视频在网页设计开发方面的潜力越来越被发掘出来了,为提高网页体验和丰富内容呈现提供了新的方向. 那我们怎么把视频元素很好

网页设计技巧:设计精美网页图标技巧

文章描述:满足四大要素!让网页设计中图标更有吸引力. 图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面

网页设计技巧:设计优秀的网页背景和设计方法

文章描述:背景真的可以为你的网站定调,在你做决定之前,你可以从图片.颜色.图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的.选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的. 一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 有时候你的网页设计某一部分引入注目,但大多数情况下是背景起到了决定性作用.背景设计往往可以用图片.图案.颜色色块组合而成,但如何才能设

网页设计技巧总结:CSS制作网页中的三角形

网页制作Webjx文章简介:三角形我们经常用在列表.下拉提示.面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在所处的栏目或者频道.我们有哪些 三角形我们经常用在列表.下拉提示.面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在

网站设计技巧:质感的网页导航设计

网页制作Webjx文章简介:一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程! 一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程! 首先来看一个标准的导航质感如何展现吧! 导航在网站设计中占有举足轻重的地位,导航是整个站点中(特别是门户站)视觉的焦点和中心,其影响力仅次于Banner!导航的成败直接影响了整个站点的

分面面包屑设计技巧:设计分面搜索界面技巧

文章描述:分面面包屑在我看来是下一代查找界面中最直观的关键控件,充分整合了分面搜索和浏览功能.我希望这篇文章能够协助大家设计分面搜索界面,也希望大家帮助宣传分面面包屑设计,帮助我们把灵活的一体化搜索普及到实践中. 译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件. 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正. 原文地址:faceted-finding

网页设计技巧系列之文本排版

技巧|设计|网页|网页设计 太长时间没写文章了,主要是工作太忙.今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们. 我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么-- 这里我告诉你,也许就是你的排版出现问题了.页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于"字间距太挤或太宽"."行距太小或太大&