渐变在UI设计中的使用

  • A+
所属分类:搞事情

Buble
{第一次写,分享下上个阶段的看法}
在近期的UI设计作品中,迷人的渐变已经扩展到整个APP设计圈了,无论是Dribbble、Behance亦或是国内的一些设计平台,新推的作品都趋向于使用渐变风格。
但是很多人用不好渐变容易起到反作用,让界面变得难以忍受。
如何使用好渐变,首先我们要从根本上了解渐变
渐变从幅度可以分为:
1:效果渐变(强渐变)
效果渐变主要运用在一些需要展示效果的页面上,eg:风格夸张迥异的专题和banner,需求比较炫酷的游戏界面、快时尚的购物软件、娱乐性强的软件等。
这些软件界面都重点需要在短时间内抓住用户眼球,吸引用户群继续阅读。
主要应用在APP大背景或者是APP启动页、APP引导页居多等。
特点:这种渐变饱和度高、跨度大,亮暗部色相可以不一致,往往营造的氛围十分强烈。给人时尚、炫酷的感觉。
eg:渐变在UI设计中的使用
渐变作为设计师的必备技能之一。
渐变的幅度太大,速度太快,跨度太大,容易失去渐变特有的规律性,给人不整体不连贯的感觉,视觉上会产生跳跃感。
但是渐变的幅度太小了,又会显得重复,琐碎。
2.效果渐变(弱渐变)
主要运用在一些功能为主的操作界面,最能直观感受到变化的,如淘宝,QQ等。在一些电商、资讯、门户。这些页面需要用户长时间停留,已阅读信息为主,所有应该去掉华丽的渐变,给用户创造出简单舒服的感觉,降低视觉刺激,减少视觉疲劳。
很多人不太注意这方面,如淘宝前段时间做皮肤大赛:渐变在UI设计中的使用 渐变在UI设计中的使用
这两张图对比还是蛮大的,虽然展示图不是渐变,但是使用起来是偏绿的灰色渐变,而第二张就是很明显的强渐变。
光看展示页,我们很容易被第二张所吸引。这就有一个夺人眼球的效果,能够快速吸引用户。但是使用起来过于花哨,让人不舒服,烦躁感。所以可以看到类似第一张的这种轻缓的颜色反而使用人数高。
这个就很有意思了,不是说我们做的界面好看,或者自己觉得好看的,就能让客户使用起来满意。
3.最后的啰啰嗦嗦
(1)渐变应该与整个界面的气质保持一致,如果整个界面走平实路线,那么就要统一到底,不要突然冒出个什么流行的想法。如果整个界面走小清新路线,也不要突然来一笔奇奇怪怪的炫酷界面
(2)一个界面上的渐变尽量不要出现太多颜色,我觉得四种已经很饱和了,否则界面容易杂乱无章,也不能突出内容,大面积颜色要灰要灰要灰~保留一点点色相就够了。
吴倩

发表评论

您必须登录才能发表评论!

目前评论:2   

    • avatar 曾二 6

      get

      • avatar JAY捷 3

        关于美得定义中说到,复杂性会产生美感。渐变色相对于纯色,增加了其复杂性。最关键的是使用得当!~