网站设计公司网页按钮设计的原则

2016-09-19 分类：网站设计公司

网站设计公司利用新的CSS3，可以创建一些非常优雅时尚的按钮样式，按钮的构成何设计，要适合界面背景，适合品牌，按钮是否足够突出，彼此之间的差异又有哪些，一起来看看。

1.匹配品牌

按钮与其风格相匹配，适应颜色，图形样式，可以选择一些突出的形状，纹理或设计风格，通过适当的形状，效果，颜色或其他形式的装饰将按钮和品牌LOGO结合起来，扩展到界面。

2.匹配风格

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

3、圆形或匀称按钮

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

4.样式的统一

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

5.颜色匹配

按钮都有某种形式的边框，如果按钮比它所在的背景更暗，则使用深色笔触的按钮颜色。如果反之亦然，则选择背景颜色较深，在较暗的背景上使用，使用后也可突显按钮效果。

6.模糊阴影

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

7.简单的元素

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

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

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站设计、网站设计公司等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容