网站建设公司借助新的CSS3,可以创建一些很高雅流行的按钮样式,按钮的构成何设计,要合适界面背景,合适品牌,按钮是不是足够突出,彼此之间的差异又有什么,一块儿看看。
1.匹配品牌
按钮与其风格相匹配,适应颜色,图形样式,可以选择一些突出的形状,纹理或设计风格,通过适合的形状,成效,颜色或其他形式的装饰将按钮和品牌LOGO结合起来,扩展到界面。
2.匹配风格
按钮的阴影,斜面不只要匹配品牌,还要匹配风格,尤其是在UI元素PSD中,按钮或许会在UI中不是非常明显,用颜色,大小,空白或排版来确保按钮具备崭露头角所需的视觉重量。
3、圆形或匀称按钮
假如设计中有很多圆角UI元素,用圆形按钮的时候,在形状上进行一些更改,可以提供额外的对比成效,确保需要的突出性。
4.样式的统一
假如考虑风格,用预先设计的元素,UI元素可能是圆角矩形,比如定制选择菜单,分段控件,自概念菜单触发器可能都是圆角形状,用较少的阴影,边框,斜角,渐变或可降低丰富度,从满足按钮样式的统一。
5.颜色匹配
按钮都有某种形式的边框,假如按钮比它所在的背景更暗,则用深色笔触的按钮颜色。假如反之亦然,则选择背景颜色较深,在较暗的背景上用,用后也可突显按钮成效。
6.模糊阴影
元素比背景更亮时,投影成效好,假如元素比背景暗,那样应该巧妙地用阴影,与颜色匹配笔划和边框类似,适用于所有UI元素的设计原则。
7.简单的元素
进一步区别按钮,用简单的元素,如箭头可以给用户一些行动感和,比如指向按钮上的文本之后的箭头可以给用户移动或离开页面的感觉,指向下方的箭头可能表示某些内容将在下面逐步公开,或者或许会打开某种菜单。
为主按钮选择大胆的颜色,减少重要程度时渐渐降低强度或饱和度,除去颜色和阴影外,还可以减小尺寸,空白,文字大小和装饰水平,以进一步降低非主要按钮的视觉重量。网站建设公司在设计时,加上一些简单的CSS调整,阴影,边框和渐变等简单的反馈成效也很好。
网站题目网站建设公司网页按钮设计的原则