按钮设计代表着“做某件事”,即点击了深圳网站设计按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。例如典型的google,QQ邮箱。像信息搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”深圳网站设计服务器去做了一件事。
设计网站界面行动召唤按钮需要深谋远虑和一定的规划;它必须是你的原型和信息结构流程正常工作的一部分。在本节中,我们将讨论行动召唤按钮的设计技术。
用大小吸引用户注意
在网页中,一个元素相对于其周围元素的大小表明其重要性:元素越大,它就越重要。判断网站上某种行为的重要性,设计与重要性相匹配的行动按钮。
行动召唤按钮相对于周边元素的大小
展示此大小的想法来表明他们的行动召唤按钮的重要性。将按钮的大小与公司的logo对比。为了吸引用户的注意,行动召唤按钮在宽度方面比logo大了约20%。尽管logo在页面中放置得比较高,你的眼睛还是被吸引到了行动召唤按钮上,因为它相对于周边元素显得非常的大。
今天彬Go将和大家一起讨论网页设计趋势中很重要的环节,那就是”勾引”用户的按钮。所谓”勾引”用户的按钮,其实对于Web设计师来说,就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载、注册和购买等功能。
国外设计师 Seth Godin 将按钮比喻成香蕉,而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网页的时候都要遵循一个且仅有一个的目标,那就是”香蕉”!让它更大、更醒目、更美观!
在按钮上使用什么文字传递给用户非常重要。需要言简意赅,直接明了,如:注册、下载、创建、免费试玩等,甚至有时候用“点击进入”,这一点上就是千万不要让观者去思考,越简单、越直接越好。
其实在我们平常的设计当中有很多重量级不那么高的按钮,需要“低调”处理,也就是说在一个页面当中,众多的按钮,是有功能优先级别的,这样就务必让一堆按钮也呈现出视觉的优先级别。如下面的图片,右边的按钮群除了大小、位置区分了优先级之外,很重要的一点是色块的区分,高饱和色块的按钮群是不建议存在的。高饱和色调的应用往往是为了突出重点,而非强调整体,所以这种局面的处理方式建议用众多的低饱和色调来衬托小部分高饱和的重点信息。
一般来说,一个点击行为可能会链接到下载、注册或出售。它们也可能会把用户引向一个有更多信息的网页从而让用户采取行动(比如:了解更多……)
行为请求按钮的6大要素1、尺寸理论上来说, 你的“行为请求按钮”应该在拥挤的页面与隐入到背景这两者之间寻找一种和谐感。 它应该是该页面最大的按钮,因为页面上某个元素越大,我们会认为它越重要。
按钮的尺寸
通常来讲,一个页面当中按钮的大小也决定了其本身的重要级别,但也不是越大越好,尺寸应该适中,因为按钮设计大到一定程度,会让人觉得那不像按钮,潜意识的认为那是一块区域,导致没有点击**。
让其充分通透
你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出,也需要更多的padding(内边距)才能让文字更容易阅读。
注意鼠标滑过的效果
给予较为重要的按钮适当加一些鼠标滑过的效果,会有力的增强按钮的点击感,给用户带来良好的用户体验,起到画龙点睛的作用。这里要注意的是,不太适合按钮集中的地方,每个都增加高亮的鼠标滑过的效果,这样会造成视觉过于杂乱,影响用户浏览的舒适度,所以要强调的是“恰当”地添加鼠标滑过的效果。
上图是韩版C9预告站的画面,其中的按钮是属于金属质感的表现,浏览完这个预告站,这些按钮给我留下了非常深刻的印象,认真究其原因,你会发现设计师同样是从金属质感出发,结合游戏本身的某些特点,努力找到一些不同于常规金属按钮的特点,比如圆角处的凸起、下面中间部分的延展图纹,然后进行细腻刻画,最后在整个网站里进行统一的应用,让人印象深刻。虽然只是页面里的一些功能按钮,却让我记住了这个网站,记住了C9。小结是,建议在对游戏按钮进行设计的时候,能够尽可能结合游戏的特质,究其独特性,细腻的刻画,然后做到系统的应用,达到视觉的统一性(这种在游戏官网上的应用尤为重要)。