西安网站设计之按钮设计原则

用奇妙的新CSS3特性我们可以创造一些特别优雅、时尚的按钮风格没有那么多的一个形象,让吸极其充足撤退风格旧的浏览器。你可能会喜欢创造你的CSS按钮向前,否则你可能会喜欢走向你的网站布局工具的选择,但是重要的是仔细考虑你的开关设计生活在上下文。

 

实在是太容易得到一个简单的用户界面元素PSD的套装,一些宽容的心灵分享自由(,而毫无疑问,苹果启发包含按钮)。但是为什么不花一点时间来考虑是否合适,按钮风格说的上下文中设计和假设的房间去创造一些更有创意的吗?

 

回收别人的按钮很好,这样可以节省时间,但也无妨把时间了解设计和构成你的(或别人的)按钮的细节。他们是如何设计?他们适合界面/背景/品牌吗?有机会去创造某种独特的东西吗?是我的按钮突出够吗?我需要小学、中学、三级按钮?他们不够,从本质上不同彼此?它们看起来光滑的? !(为什么不呢,我们都想设计很酷的东西吗? !)。

 

这儿有十个快速和简单的事情,我总是想着在设计按钮。我不打算分享如何使用层的影响,但一些简单高超、总体设计原则,即可以去远方的优化设计您的按钮和其他的用户界面中一般。

 

1.匹配品牌

 

这很重要,因为你的按钮对手语境的风格。这可能意味着适合一个颜色调色板,图形风格领先或采取某种形式的品牌内容或标识语。也许有一些突出的形状、纹理、设计风格,你可以选择。也许一个标志有一个循环方面它,你可以捡起你的按钮或其他可能的要求采取行动。

 

如果一个接口大多采用平面色彩或许大闪亮的Apple-like按钮不是要走的路。如果可能,休息的机会,以拓展品牌通过实验采用适当的界面形状、作用、色彩或者其他形式的装饰。

 

2.风格相匹配的语境

 

随着在上面,站了一会打开之前的PSD的用户界面元素。”这是很容易到达为毕业生,阴影,bevels等等,但花一点时间去想那是否是正确的选择不只是匹配一个品牌也在界面按钮坐下,他们是否需要感到过度的buttony”。

 

按钮可能需要一个按钮式感到特别在一个应用程序和移动,例如,但与网站或许有房间做一点事与你的按钮或不同要求的行动。

 

3.确保有足够的对比度按钮

 

有那么多接口的设计灵感来自于苹果操作系统被定型,特别是在很多UI元素PSD的存在,按钮能稍微失去了在其他的元素被用于在UI,稀释他们的潜在的重要的力量。试着用颜色、大小、空白和印刷,以确保你的按钮视觉重量有他们需要脱颖而出的界面。

 

4。考虑到圆形或别致的按钮

 

随着以上,如果有许多其他的圆形的角落的用户界面元素在您的设计,考虑使用循环结束按钮或其它改变形状。这可能会给你一个额外的位对比确保你的行为都有很重要的电话,他们可能需要突出。

 

5.De-emphasise次要的用户界面元素

 

如果你正在努力成为一个操作系统激励风格或者你正与一个predesigned元素PSD,那么它可能将你的用户界面元素主要是圆形的转角矩形的形状。考虑降低水平的标签元素能承受,感到较少的buttony”。

 

例如,定制选择菜单,分段控制,自定义菜单可以是相同的触发角圆形状,但使用更少的影子,边境,倾斜,梯度或其他症状可以帮助减少他们的财富,反过来又促进按钮风格。

 

6.色彩搭配中风/边界

 

我们看到大多数按钮都有某种形式的边界或中风。不严格地说,如果你的按钮是更深的背景坐用深色的中风的普通按钮的颜色。如果事实正相反,然后去吃一次中风是一个暗的背景色。如果你坚持前和使用深色的背景上我发现它能够把一个小按钮边缘的脏”。利用后者也能帮助使你的按钮真的流行。我认为这是一个总体设计原则处理中风/边界的网页设计。

 

7.小心模糊的阴影

 

过去的几年中,我一直起誓说、我的影子法学院。“影子法学院状态,发挥得最好,阴影元素是比空气还轻,其背景。如果一个要素是更深的背景应该使用然后阴影很微妙的。类似于配色中风和边界,我非常认为这是一个总体设计原则,适用于所有的用户界面元素。

 

8.可以给研究微妙的肖像

 

作为另一个小的细节,可以进一步区分你的按钮从类似的用户界面元素,使用简单标志性元素如箭能给某种行动和一个小批零差价所发生的是当一个用户点击。

 

例如,一个右箭头按钮文字也许让使用者某种向前或离开页。一个箭头指向下可以建议一些内容,将会逐步透露下,或者是某种形式的菜单就会打开。

 

9.认为小学、中学及大专风格

 

如果你设计一个接口,那里有大量的行动和功能持续展出或许一定要建立某种视觉语言与你的按钮通过建立小学、中学、高等教育院校和潜在的风格。

 

考虑储备最强,大胆的颜色和使用你的主要按钮依次减少当你减少力量和饱和度的重要性。以及色彩和阴影,考虑减大小、空白,文本规模和水平的标签,以进一步降低视觉重量的按钮没有小学。

 

10.总是让反馈州

 

这是一个根本不用想真的,但常常是一些被认为是快结束的时候”的设计过程。总是会通过核心州要求为你的按钮,以确保他们提供用户反馈在他们有足够的语境。用户将会有一个心智模型的现实世界中的按钮运作而使用,它通过它的各种状态。一些简单的CSS调整与阴影、边界、梯度和如能提供给用户的功能,用一些简单的反馈和触摸眼睛糖果!

文章由西安网站建设公司 收集整理　www.xadzwl.com　西安网络公司知名品牌