Tagged

按钮

A collection of 5 posts

按钮

行动召唤按钮:实例与最佳实践

中文翻译[行动召唤按钮:实例与最佳实践](http://www.qianduan.net/call-to-action-buttons-examples-and-best-practices.html) 英文原文[Call to Action Buttons: Examples and Best Practices](http://www.smashingmagazine.com/2009/10/13/call-to-action-buttons-examples-and-best-practices/) 版权所有,转载请注明出处,多谢!- - - - - - **行动召唤**在网页设计中——尤其是在用户体验方面——是一个描述在网页中用于诱导用户行为的元素的术语。在网站界面中,最流行的行动召唤的表现是出现在点击表单按钮、完成一个行动(比如”Buy this now!”)或使用附加信息带到一个页面(比如”Learn more

按钮

"添加到购物车"按钮设计展示

原文:[“添加到购物车”按钮设计展示](http://www.qianduan.net/add-to-cart-button-design.html) 译自:[“Add to Cart” Button Showcase](http://vandelaydesign.com/blog/galleries/add-to-cart/) 版权所有,转载请注明出处,多谢!!- - - - - - 在你浏览不同的电子商务网站(网上商店/网店)的时候,你或许会注意到有许多不同类型的按钮,它们被用来让用户将网站的产品添加到购物车。一旦产品被放入到购物车,你也将发现大部分电子商务网站用某种方式显示购物车中的产品,或者至少是购物车中产品的数目。 在本文中,你将发现超过60个例子,他们可以启发你的灵感。我们将首先展示”添加到购物车”按钮。之后,我们还将展示购物车图标和列表的现实方式。 添加到购物车按钮: 如果你在设计一个电子商务网站,希望这些按钮将为你提供一些灵感。

css3

使用CSS3和RGBa创建超酷的按钮

呃,看到这个标题,我们可以首先将IE系浏览器无视了。 我承认,我是有极简主义倾向的,我希望能够使用最少的代码和图片做更多的事情。 虽然CSS3仅仅增加了少数新特性,但是这些属性却可以做很多有用的事情,可以大大的简化我们的工作。我们今天做的这些按钮,就是充分利用CSS3的圆角、盒子阴影和文字阴影效果,同时使用RGBa色彩。 让我们先来看一下demo吧: 点击图片查看演示。 我们可以通过四步来做出这些漂亮的按钮: 1.按钮的基本设置 我们需要先设置一下按钮的基本样式,这里我们使用a标签,当然也可以使用input、button标签等,这里使用a标签是因为这三个标签中只有a标签支持:hover伪类。 .btn { display: inline-block;/thanks to ytzong/ /*display:block; float:left; margin:5px; */ padding: 4px 10px; font:bold 13px/180% Tahoma, sans-serif; color: #fff; text-decoration: none; overflow:

按钮

非常出色的按钮设计欣赏

按钮设计常常被看作网站的小细节问题,而且很少会引起太多关注,但是,设计良好的按钮可以让一个网站的整体视觉变得迥然不同。在本文中,你将看到超过40个设计的很棒的按钮,包括各种形状、大小、样式和颜色。 如果你发现了一些好的按钮设计,请提交给我们,我们将保持本文的更新。 Firefox GoodBarry Your Web Job Aviary Pixel Crayons Icon Dock The Invoice Machine OH! Media Games for Her by You Lifetree Creative FreebiesDock Checkout Gary Nock Matt Dempsey Transmissions Tutorial9 OfficeVP Aptana Valley Creek Church Codebase Onehub SEO

按钮

网站设计趋势:行为引导按钮

行为引导按钮是你,作为网站设计师,希望你的用户点击的按钮。它们通常是一个下载、注册或出售的链接。 Seth Godin (The Big Red Fez)称这类按钮为香蕉,而你的用户就是那些猴子。目标是,猴子能在3秒钟内找到香蕉(在他们放弃和离开以前)。“强迫自己设计的每一个网页,只有一个主要目标。这就是香蕉。把它做的大些,把它做成蓝色(或红色) ,让他醒目”。 本文讨论如果设计完美的“行为引导”按钮,并展示30个比较棒的行为引导按钮设计。 如何设计完美的行为引导按钮 你的行为引导按钮必须是醒目的,而且突然出现在用户的眼前。这里是5个典型的比较棒的行为引导按钮。 1. 色彩 按钮的颜色应该从页面的其它部分中突出出来,因此通常是一个比较鲜艳的、高对比度的色彩。 2. 位置 它应该放到用户期望能容易找到的地方。文件上方、产品内部、页面的头部或者是顶部右侧的导航。它应该是醒目的,不难寻找的。 3. 语言 你所使用的与你的用户沟通的语言很重要。它应该是比较短的,扼要(不罗嗦)