网站中网页按钮设计的原则

日期：2019-08-01 06:15:14 访问：次作者：网建科技

网站设计人员利用CSS3技术，可以创建一些非常优雅时尚的按钮样式，按钮的构成何设计，要适合界面背景，适合品牌，按钮是否足够突出，彼此之间的差异又有哪些，有请北京网建科技负责人简单介绍一下网站中按钮的设计原则。

第一、匹配品牌

北京网站建设专业人士表示，设计时一定要注意按钮与其风格相匹配，适应颜色，图形样式，可以选择一些突出的形状，纹理或设计风格，通过适当的形状，效果，颜色或其他形式的装饰将按钮和品牌LOGO结合起来，扩展到界面。

第二、匹配风格

按钮的阴影，斜面不仅要匹配品牌，还要匹配风格，特别是在UI元素PSD中，按钮可能会在UI中不是很明显，使用颜色，大小，空白或排版来确保按钮具有脱颖而出所需的视觉重量。

第三、圆形或匀称按钮

如果网站设计中有许多圆角UI元素，使用圆形按钮的时候，在形状上进行一些更改，可以提供额外的对比效果，确保需要的突出性。

第四、样式的统一

如果考虑风格，使用预先设计的元素，UI元素可能是圆角矩形，例如定制选择菜单，分段控件，自定义菜单触发器可能都是圆角形状，使用较少的阴影，边框，斜角，渐变或可减少丰富度，从满足按钮样式的统一。

第五、颜色匹配

北京网站建设专业人士表示，按钮都有某种形式的边框，如果按钮比它所在的背景更暗，则使用深色笔触的按钮颜色。如果反之亦然，则选择背景颜色较深，在较暗的背景上使用，使用后也可突显按钮效果。

第六、模糊阴影

元素比背景更亮时，投影效果最佳，如果元素比背景暗，那么应该巧妙地使用阴影，与颜色匹配笔划和边框类似，适用于所有UI元素的设计原则。

第七、简单的元素

进一步区分按钮，使用简单的元素，如箭头可以给用户一些行动感和，例如指向按钮上的文本之后的箭头可以给用户移动或离开页面的感觉，指向下方的箭头可能表示某些内容将在下面逐步公开，或者可能会打开某种菜单。

为主按钮选择大胆的颜色，降低重要性时逐渐减少强度或饱和度，除了颜色和阴影外，还可以减小尺寸，空白，文字大小和装饰水平，以进一步减少非主要按钮的视觉重量。在做网站设计时，加上一些简单的CSS调整，阴影，边框和渐变等简单的反馈效果也不错。

热门推荐