厦门UI培训
达内厦门UI培训中心

15268258619

热门课程

如何通过色彩让网页升级?小技巧奉上

  • 时间:2018-08-23 15:23
  • 发布:转载
  • 来源:网络

如何通过色彩让网页升级?来看看小编分享给大家的这两个小技巧,帮你杜绝吃土的尴尬。

1.增加带有颜色的单边边框提升个性

也许你可能并不是一个对于平面设计有着足够经验的设计师,但是依然可以让你设计的UI界面有足够的视觉吸引力。

超简单的方法:在界面的边框中的一边添加上单色甚至渐变的边框,这能让平淡无奇的界面一下子变得鲜活起来。

比如在警告弹出框的侧面,或者在导航栏的底部,以示触发;或者在整个页面的顶部;

这些小技巧并不需要什么平面设计的经验,但是会明显强化设计感。小编在很多UI设计作品中就会看到。当你不知道选取什么颜色,就到网站上色彩搜索,找几个看着漂亮的颜色,其实也就够用了。

2.并非每个按钮都需要颜色

平面设计中有恰当的留白会给人以轻松的感受,在UI设计中也可以同样套路达到更好的效果。小编发现很多时候,按钮本身所处的语境和按钮上的文本内容会让人感到迷惑。像BootStrap 这样的框架就让UI设计师按照语境和语义来进行选择:“这是一个积极的操作?让这个按钮是绿色的吧。”“这是否是要删除数据?那么将按钮设置为红色的吧。”

语义和按钮本身的设计息息相关,层次结构是更重要的维度但却容易被UI设计师们忽略。网页上每个操作其实都位于整个交互金字塔的某个位置。绝大多数的页面其实只有一个主要操作,搭配一些不太重要的次要操作,以及为数不多的几个三级操作。在设计这些交互的时候,通过层次结构来呈现这些交互的重要性是很重要的设计环节。小编觉得主要操作应该要明显,设计师可以采用实色、高对比度的按钮,这一点很有必要;次要操作只需要达到明显却不突出的效果即可,采用幽灵按钮或者和背景对比度较低的色彩比较合理;三级操作就可以只需要设计师达到能看见但不明显的效果,当然被设计为链接更好不过了。

有很多UI设计师会有疑问:“破坏性的交互所涉及的按钮难道不应该是红色的么?”

小编觉得没必要,如果破坏性的交互所涉及到的按钮不是主要操作的话,按照次要操作甚至三级操作的按钮来设计就好了,如果此步是主要操作,可以让它变为更大号的、红色且带加粗文本的按钮。

上一篇:如何让自己的PS作品快速升级?
下一篇:UI设计之重创层次结构改善网页视觉效果

UI设计师如何做到让用户满意的界面设计?

UI新花样:解剖APP图片设计

UI设计师面试题之UI、UE、UID、UED有何区别

UI设计之重创层次结构改善网页视觉效果

选择城市和中心
贵州省

广西省

海南省