您好,欢迎来到素彩网!

ps设计一个水晶质感的网页按钮

来源:sc115.com | 317 次浏览 | 2015-09-29

标签: 质感 按钮

本教程主要教大家怎样在Photoshop中运用一些基本的技巧,创建一个动作按钮。之所以叫做动作按钮,是想让你的用户来点击这个按钮,它一定连接到一个地址,比如说RSS订阅地址或者是评论按钮等等。
作者:苏打苏塔 设计量贩铺

好了,让我们看看最后的效果图

ps设计一个水晶质感的网页按钮



这个按钮一定是放在合适位置上的,并且明显的,这样的话当用户浏览你的网站的时候可以第一眼就看到这个按钮。这里罗列了5个好的动作按钮的标准。

1. 位置

用户一定能很容易地找到这个按钮,可以放置在页面头部,产品的旁边,导航条上,或者是其他位置。但是要记住,一定要位置明显。

2.颜色

这个按钮的颜色一定是整个页面的亮点,颜色要抓住用户的注意,可以选择明亮和对比度稍微大一些的颜色。

3. 文字

这个用于你和用户之间沟通的词汇非常重要,像是免费的(这个是最常用的),注册,下载,提交等等。尝试用简单但是有效的词汇,这样用户会更容易理解。

4. 尺寸

这是你的页面上很重要的一个按钮,毫无一味的,这也是你的页面上可能被点击次数最多的地方。如果你把这个按钮设计的比其他地方的按钮稍大一些,可能效果就会更加明显。但是别忘记,并不是越大越好,还是要注意整体设计效果的。

5. 干净

你的按钮不可能写满了文字,或者是有很多元素。按钮上的文字需要足够的空间,这样文字的可读性会大一些。

好了,以上就是我们要注意的。

OK,让我们开始吧

新建一个文档 300 x 200 px。设置合适的背景色。我用的是灰色渐变背景。选择
 1/5    1 2 3 下一页 尾页

搜索: 质感 按钮 

最热-按钮制作

ps教你制作透明的玻璃按钮教程

ps教你制作一个简洁干净的网页按钮

ps制作浓情的情人节巧克力

ps教你制作黑色质感网页按钮的详细教程

ps简单制作圆角矩形翻转网页按钮

ps教你制作发光的电脑开机按钮

ps制作一款豹纹图案的文件夹图标

ps教你制作质感的立体文件图标

ps设计一个漂亮的网页按钮

立体按扭的教你制作

ps 创建凹陷按钮(1)

ps打造逼真的电梯按钮

ps:打造漂亮蝴蝶琉璃按钮

素材
战争 495战争 495
超酷地带 1超酷地带 1
超酷地带 12超酷地带 12
超酷地带 10超酷地带 10
超酷地带 9超酷地带 9
超酷地带 16超酷地带 16
超酷地带 23超酷地带 23
超酷地带 21超酷地带 21
超酷地带 32超酷地带 32