发布时间:2021-08-25 14:14
现在,时至2021年08月25日简侃设计网站时并非每个按钮都需要颜色,不掌握的请再次向下看。
很多时候,按钮本身所处的语境和按钮上的文本内容会让人感到迷惑。像BootStrap 这样的框架就让设计师按照语境和语义来进行选择:
“这是一个积极的操作?让这个按钮是绿色的吧。”
“这是否是要删除数据?那么将按钮设置为红色的吧。”
的确,语义和按钮本身的设计息息相关,但是还有更重要的维度被忽略了,那就是层次结构。
网页上每个操作其实都位于整个交互金字塔的某个位置。绝大多数的页面其实只有一个主要操作,搭配一些不太重要的次要操作,以及为数不多的几个三级操作。
在设计这些交互的时候,通过层次结构来呈现这些交互的重要性是很重要的设计环节。
主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。
次要操作应该明显,但是不突出,采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。
三级操作应该是可被发现,但是不明显的,他们最好被设计为
“破坏性的交互所涉及的按钮难道不应该是红色的么?”
没必要!如果破坏性的交互所涉及到的按钮不是主要操作的话,让它按照次要操作甚至三级操作的按钮来设计就好了。
如果这样的操作是主要操作的话,可以让它是大号的、红色的带有加粗文本的按钮:
原文作者 :Adam Wathan & Steve Schoger
互域网络,行业领先网站建设公司,14年专注企业网站一站式服务,已为众多企业公司提供网站建设,网站设计,网站制作,手机网站开发,模板建站等服务。高端定制网站建设领军品牌--互域网络值得信赖!
东莞网站建设公司_互域网络,为您提供响应式网站、网站收录、网站设计公司、静态网站、定制网站、手机网站建设
念完所述,如今大伙儿搞清楚设计网站时并非每个按钮都需要颜色了吧,早已在上述文章专门教了大伙儿,坚信诸位看了以后应该可以作出恰当挑选的。