南昌UI培训
达内南昌中心

0571-56020837

热门课程

UI设计中按钮设计的九大原则

  • 时间:2018-05-11 10:16
  • 发布:转载
  • 来源:网络

正在从事UI设计的小伙伴们都知道,按钮设计是UI设计工作中必不可少的环节,那么怎样才能更快速设计出好看的按钮呢?下面就和小编一起来看一看这九个原则吧。

为你介绍UI设计中按钮设计的十大原则

1.匹配的品牌

你的按钮配合网页的语境方式,这很重要。这可能意味着符合一个网站的整体风格,从某种形式的品牌指导方针或标志图形的方式等也许有一些突出的形状,你可以你挑选需要的纹理或设计风格。也许一个标志有一个圆形的方面,你可以拿起你这个按钮或其他潜在的形状进行比较选择。如果一个接口主要采用平面色彩。如果你能利用这个机会,通过接口,使用适当的形状,实验效果,着色或其他形式的点缀来延伸品牌

2.匹配关系

用photoshop打开psd格式的UI元素,你很容易实现梯度,阴影,斜面等效果。但是它是否是正确的选择,这不仅要符合网站品牌,而且也是整个界面中的一个按钮,它可能是一个一个需要移动的应用程序。所以你需要在网站上做点不同的东西和你的按钮或行动进行呼应。

3.有足够的对比度

有很多界面设计的灵感来自苹果IOS,特别是现在有很多的用户界面元素的PSD存在,我们可以在用户界面上使用一些小按钮等元素,发挥他们潜在的重要力量。你可以尝试使用不同的颜色,字体大小,空格等以确保你的按钮从中脱颖而出,展现粗界面的视觉重量。

4.考虑圆角或美观的按钮

根据以上描述,如果有UI元素在你设计的区域,考虑使用圆角按钮或者其他形状的稍微变化。这可以产生对比以确保呼应你下面的重要行动,同时也突出这些按钮的价值。

5.强调辅助用户界面元素

如果你想成为一个IOS灵感风格的设计师或者采用网上寻找的psd格式的UI元素,那么你的UI元素将主要以圆角矩形形状为主。

例如,你的选择菜单,分段控制,自定义菜单可能都是相同的圆角形状,但是用更少的阴影,边界,锥,梯度或其他影响可以帮助减少他们的丰富性,这样反过来促进了按钮样式。

6.颜色匹配形成边界

我们可以看到按钮对网站界面可形成某种形式的边界。一般来说,如果你的按钮是较暗的背景,它使用一个黑暗的通用按钮颜色。如果你坚持使用前和使用它在一个黑暗的背景下,你发现再前者背景下它可以使按钮边有点脏,后者背景下可以让你的按钮很流行。我认为这是在处理Web设计边界的一般设计原则。

7.小心模糊的影子

如果一个元素使用比其背景再黑暗的阴影应该更加巧妙。类似的颜色匹配的边界,我非常认为这是一个适用于所有用户界面元素设计的一般原则。

8.小细节可以给你的启示

当用户点击时,一些小细节比如一个箭头可以给一些动作一个小的提示。

例如,一个箭头在按钮上的文本指向右可能给用户某种运动或离开页面的提示。向下箭头可能表明一些内容将逐步披露,或者某种菜单将放开更多的内容。

9.考虑一级,二级和三级样式

如果你正在设计一个接口,它有很多动作和功能上都显示它需要建立一些视觉语言。

考虑保留最强大和最大胆的色彩作为您的主要按钮的颜色。然后使用强度或饱和度逐渐降低的色彩,阴影,考虑减少尺寸,空格,以及点缀的文本尺寸和水平的进一步降低来区分众多按钮的视觉重量

以上就是小编今天为大家分享的关于UI按钮设计的九个原则,希望本篇文章能够对你有所帮助。

上一篇:2018年UI设计行业还缺人吗?是否已经饱和了?
下一篇:怎样才能学好平面设计?

设计小白刚入职总是犯错?资深设计师教你这6个雷区不要踩!

关于0基础学UI,你想问的都在这了!

对不起,五年后,这样的人将被淘汰

你知道为什么插画在UI设计中受欢迎吗?

选择城市和中心
贵州省

广西省

海南省