网页设计的按钮设计要点
设计按钮要同页面的整体协调,不能太抢眼;有的页面很单调,还要依靠花哨的按钮来提一下,今天小编主要给大家分享网页设计的按钮设计要点,希望对你们有帮助!
一、按钮
在网页设计中,按钮设计常常被忽略,但却扮演着非常重要的角色。在网页设计中,按钮与链接功能相似,因都是经过点击后到达另一页面或实现某种目的,但两者之间又有着实际的区别。
按钮表示"做某事",也就是说,单击按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的,并且绝大多数都是对表单的提交。从技术上讲,这些按钮的功能是将数据提交到后台,"命令"服务器去做一件事。这个链接就是把你带到另一个页面,从功能属性的角度来看,它是看,而不是做。
按钮和链接的另一个区别是它的眼球效果。因此,按钮本身的颜色也很讲究。在按钮设计中,它自身的颜色应该与周围的环境颜色不同,所以它应该更明亮,并且有一个高对比度的颜色。
其次,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。另外,按钮上的文字需要言简意赅,直接明了,在按钮上使用什么文字传递给用户非常重要,千万不要让观者去思考,越简单、越直接越好。
在尺寸上按钮不是越大越好,要严格控制大小。按钮应该是完全透明的,不应该和页面的其它元素挤在一起。它需要充足的margin(外边距)才能更加突出,也需要更多的padding(内边距)才能让文字更容易阅读。
最后,就是注意鼠标滑动的效果,这将有效地增强点击按钮的感觉,给用户带来良好的用户体验,起到画龙点睛的作用。
二、整体规划
有共性,才有统一性,有细节差异,就有层次;为了防止设计和实施过程中的偏差,设计的各个部分,要配合整体风格,不仅网页上的设计应该统一,而且网站各项设计的也应该统一。
不要把太多的信息集中起来,这样文章就不会组织得太紧,不要有太多分散注意力的点,动态闪烁应适度,页面的空白部分应按照平面设计原则设计,注意分栏式结构不宜留白,还应考虑浏览器上占用的屏幕空间,防止图片截断等造成视觉效果差。
主页设计图片+导航,这是一个强大的网站表达,可以根据时间的变化改变图片。
网页设计配色注意事项
网页设计配色时,忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色。下面介绍网页设计配色注意事项,希望可以帮助到大家。
不同色调的象征
灰色:象征冷静、中立
绿色:象征健康、生命
蓝色:象征可靠、力量
紫色:象征智慧、想象
红色:象征血气、年轻
橙色:象征欢乐、信任
黄色:象征温暖、透明
网页设计色彩搭配原则
网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。
蓝为主调。蓝色多与白、橙搭配,。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。
绿为主调。绿色多与白、兰两色搭配。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。
橙为主调。橙色多与白、红搭配。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。
暗红为主调。暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
网页设计师需要注意的几点
尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。
在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。
忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!
忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
忌跳是指再好看的颜色,也不能脱离整体。
忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。
另外,蓝色忌纯,绿色忌黄,红色忌艳。
当然,作为网页设计师,我们最需要时刻提醒自己的是不要为了设计而设计。
一切的设计都要以用户的需求为导向。一个优秀的网站,会给用户非常直观简介明了的体验和简明的导航。