用奇妙的新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调整与阴影、边界、梯度和如能提供给用户的功能,用一些简单的反馈和触摸双眼糖果!
网页标题宜昌按钮设计原则
