上海UI培训
达内上海外滩中心

15010271422

热门课程

上海UI培训:通过色彩让网页升级的小技巧

  • 时间:2018-03-13
  • 发布:上海UI培训
  • 来源:企业面试题

网页视觉效果一直是设计师们苦恼的问题,色彩用的恰到好处就会增粉,也有很多设计师好心用成了多此一举的效果,反而让设计失去了高级感。看看上海UI培训小编的这两个小技巧,帮你杜绝吃土的尴尬。

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

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

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

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

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

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

平面设计中有恰当的留白会给人以轻松的感受,在UI设计中也可以同样套路达到更好的效果。上海UI培训

发现很多时候,按钮本身所处的语境和按钮上的文本内容会让人感到迷惑。像BootStrap 这样的框架就让UI设计师按照语境和语义来进行选择:“这是一个积极的操作?让这个按钮是绿色的吧。”“这是否是要删除数据?那么将按钮设置为红色的吧。”

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

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

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

上一篇:工作两三年后你悟出了哪些道理
下一篇:一款蒸汽波的平面设计掀起2018热潮

一款蒸汽波的平面设计掀起2018热潮

上海UI培训:通过色彩让网页升级的小技巧

工作两三年后你悟出了哪些道理

上海UI培训:重创层次结构改善网页视觉效果

选择城市和中心
贵州省

广西省

海南省

免费学习5天VIP课程