精选国外独具匠心的创意按钮设计

2016-02-16 19:16 8 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的精选国外独具匠心的创意按钮设计设计作品,一起来看看吧!超容易上手~

【 tulaoshi.com - 平面设计 】

一个成功的按钮设计莫过于让用户有点击的欲望,用最简单直白的话来说就是看了就想点!按钮虽小,但也需要设计师的精心设计,只为了能让用户享受美妙的页面跳转。网页中的按钮作为最受人们关注的设计元素,在设计的过程中应该从网页整体风格出发,与全局形成同种基调,成为最佳配角。

AnyForWeb参照这样的标准,为大家搜罗了一些风格迥异的按钮设计,直接上图。

1.这个案例来自于一个社交软件的App。图片中显示的按钮图标能够在用户所需要的时候出现,用完则弃。这个词听起来虽然带着贬义,但是在设计中也许是个褒义词,能够展现出最佳的用户体验。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

2.这个按钮给人的第一印象可以用3个字来形容,那就是未来感。搭配按钮的多面体形状和浓浓现代感的背景,红绿色的反差设计更加增强了网站的未来时代气息。按钮在色彩上的搭配恰到好处,用较为温和的红绿色带给用户一种别样的时尚感。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

3.下图中的Following键是典型的扁平风格按钮。在色彩上,设计师选择了透明度极低的白色和绿色作为主色调,让按钮多了一份可爱俏皮的感觉,用户在点击时,按钮变得更加活泼自然。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

4.三个效果相同、颜色不同的按钮,在模糊背景的映衬下体现出了截然不同的设计风格。在三者比较之下,蓝色和红色的按钮更为明显突出,但透明的边框很好的衔接了背景与按钮,中间的透明色按钮就和背景有些重叠。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

5.这是一款比较小清新的按钮设计。整个按钮都使用了粉红色系,简单直白的文字让用户清楚地了解按钮的用途,铺在底层的透明底色也让按钮看起来毫不单薄。Like?Don’t like?由你选择!

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

6.这是一个名副其实的创意按钮。按钮造型的灵感来自于衣物上的纽扣,这是一个很生活化的日常用品,被用到按钮设计上后,更有趣味性和亲切感,想必加上可爱的动画效果一定很有趣。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

7.这是一个概念性的Facebook按钮设计,当按钮采用了翻页效果,让过渡的过程更理想化。点击图标后,立即呈现出用户需要查看的信息资料,提升了用户体验度,让整个网站变得更加人性化。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

8.逼真的按钮套组设计在点击时,会有意识的拉近网站与用户之间的距离感,让用户化被动为主动,因为愿意点击而浏览更多的网页内容。成套的真实化按钮也能统一风格,便于查看按钮的当前状态。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

9.简洁清晰的设计方向让按钮的整体结构风格都有一定的提升。中间的主要内容部分使用了水滴状的显示效果,令按钮看起来更加细致。简单的设计一旦注重细节,并且加入创意,就会成为一匹黑马。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

10.音量键的设计需要考虑到方方面面,比如调节时的点击效果、音量大小的调节度,以及美观的界面等等。案例中的音量按钮基本上满足了以上提到的所有要求,按钮中部的转动效果能让用户将音量调节到耳朵最舒适的位置,极简主义的设计风格令界面看起来更细腻。

精选国外独具匠心的创意按钮设计,PS教程,图老师教程网

小小的按钮能充分的表现出设计师对于用户体验的重视程度,醒目趣味却不浮夸的按钮也许才是用户最喜爱的设计。

来源:http://www.tulaoshi.com/n/20160216/1571967.html

延伸阅读
这是一个邀请世界各地的设计师、插画家、平面设计师、艺术家们参与的设计项目,项目名称为《36 Days of Type》,表示36天,这36天中由字母A-Z和数字0-9来代表每天,点击相看36天的日历。 每位设计师面临的挑战就是为这36Days设计对应的字母或数字,每个字母或数字需要有不同的想法和风格。 36天、36个字、36个创意、36个不同的风格,项目...
好的产品都有一个共同的特点必须有一个优秀有特色的包装。不管是国外的大户Apple,还是国内的新星小米。我们都会发现,除了对于硬件工艺的极高要求外,对于很多人性化的细节也都处理的十分细致。包括包装,不得不说苹果的每一件产品的包装都能看得出这家公司的气质。他们买的不仅仅是一台电脑或者是一部手机。他们是在传播一种理念。让你买了一...
做事容易,做大事难。网页设计容易,但是出类拔萃难。左上角放Logo,Logo下方放导航,导航下方放置图片滑动栏,滑动栏下方来个三栏或者四栏布局,好吧,大多数的网站都是这样,除了图像、配色、字体不一样,布局方面非常相似或者相近,表现不出创意。 是不是很久木有这样的惊讶了:原来网站还可以这样做? 如果你想来点新鲜的体验,围观一些与...

经验教程

926

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部