全国热线

025-86901720

全国监督投诉热线:9:00-23:00

UI设计中按钮设计的十个原则

怎样才能快速设计出好看的按钮呢?南京学码思UI培训学校老师结合多年设计经验和行业流行趋势,来给大家说说UI设计中按钮设计的十个原则,一起来学习一下。

按钮设计是UI设计中不可忽视的重要部分之一,常见的UI设计项目中都会涉及到按钮设计,但设计的好和不好之间的差别很大,有可能直接关乎设计作品的成败。那么怎样才能快速设计出好看的按钮呢?南京学码思UI培训学校老师结合多年设计经验和行业流行趋势,来给大家说说UI设计中按钮设计的十个原则,一起来学习一下。

UI设计中按钮设计的十个原则

1.匹配的品牌

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


2.匹配关系

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


3.有足够的对比度

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


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

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


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

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

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


6.颜色匹配形成边界

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


7.小心模糊的影子

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


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

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

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


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

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

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


10.让你的按钮总是处于反馈状态

在设计工作结束后,你需要确保你的按钮设计能迅速在上下文中提供给用户所需的足够的反馈。在现实世界中用户通过按钮的各种状态使用它们,这是用户使用按钮工作的心理模型。阴影,边界和梯度等可以给用户一些简单的反馈。


以上这十点按钮设计的原则正是前人行业经验的总结,希望大家能多多学习,少走弯路,设计出更多优秀的作品。作为一家专业的UI培训学校,南京学码思行业经验丰富,这里汇集了一大批优秀的UI设计师,如果你想学习更多UI设计的技巧,获得免费UI设计教程的话,欢迎随时联系我们,可进一步沟通交流。


上一篇:UI设计师需要掌握的色彩的情感效应
下一篇:UI设计中构图的四项基本法则

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00