童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

10个理由,让你无法拒绝在设计中使用渐变

4月24日 眸中星投稿
  正如同在上一篇文章《网页设计:解决背景纹理的7个小技巧》中所说道,在今天,渐变色几乎就是时尚的代名词。从微妙而优雅的渐变,到多彩失真的复古效果,渐变所带来的视觉吸引力,从视觉到交互上都有不错的提升。如果你对于渐变无感,那么今天的文章,会给你10个让你无法拒绝的使用渐变的理由。
  1、让背景具备视觉吸引力
  渐变的背景能够帮助用户更好地感知和理解设计。当眼睛感知到屏幕上的色调和明暗变化的时候,会有意识地注意到特定的色彩和视觉焦点。
  渐变是非常有有用的吸引人的视觉工具,为很多设计项目增色不少。虽然使用渐变的方法很多,但是最流行的依然是将图片和文本放置在有渐变色彩的背景上。
  下面的案例就是这么做的。柔和的色彩让视线更容易找到被安放的地方,空旷的背景因为渐变而显得富有高级感,前景元素拥有不错的可读性,底部的“发现更多”也更容易被人注意到。
  2、在文本字体中营造焦点
  渐变可以在背景中使用,而前景元素同样可以使用渐变。如果将高饱和度的渐变色彩叠加在字体当中,能够创造出颇为抓人眼球的设计感。不过值得注意的是,在色彩的选取上,一定要有意识地控制对比度,这样才能保证可读性。
  3、渐变色叠加能够让平淡的图片更加出彩
  色彩是有情绪的,将色彩叠加到图片上,能够赋予图片以情感和情绪。渐变色叠加在图片上的时候,即使图片本身的素质和形式感并不强,色彩的加持同样能够让整个场景更加时尚。
  渐变色彩的诶额加能够强化品牌,为网站赋予个性。明亮的色彩和柔和的色彩所带来的效果是截然不同的。
  不过考虑到渐变和色彩叠加的使用频率已经很高了,在设计的时候一定要注意就加入一些独特、有个性的元素。
  4、引导视线
  好的渐变设计,能够起到引导视线的作用。绝大多数的用户在获取信息的时候,都是从上到下,从左到右来看的,我们常说的F式的阅读方式就是这样。
  你可以使用渐变色彩的明暗变化来强化这种阅读习惯,比如从用户的阅读起点(左上角的LOGO或者顶部的导航),色彩逐步渐变到底部的CTA按钮上,眼睛会先注意到明亮的部分,然后逐步移动到较暗的部位。
  5、令人难忘的色彩搭配
  虽然渐变越来越流行,但是每种不同的配色方案所带来的体验其实是截然不同的。一些杀手级的配色非常值得长期使用,品牌化的配色也可以让用户更容易记住品牌的视觉特征。
  渐变能够让色彩之间产生关联,甚至渐变能够让这几种色彩组成的渐变如同一种全新的色彩一样使用。尤其当这几种色彩和你的配色方案相互匹配的时候,这种视觉上的关联就显得非常强大了。
  6、强化品牌
  如果你的品牌配色适合制作成渐变的时候,一定要试试。在自己的网站和平面设计作品中使用这样的渐变色彩,能够更好地同用户产生联系。
  想想如何让相同的渐变在不同的场合发挥作用吧。在网站中,在广告里,在海报中,在门店的装修中,在社交媒体上,当这种渐变出现在各种各样的地方的时候,用户对于品牌的认知会越来越强。
  下面的案例是一个银行的网站,他们的这种渐变颇为有趣,他们不仅在网站中这样设计,而且在其他的地方也使用了类似的配色,这样就从配色上强化了品牌的概念。
  7、渐变还是非常容易创建的
  创建渐变色还是非常简单的,只需要选取2到3种不同的颜色,然后选择色彩变化的形状,色彩的起始的位置,以及叠加的位置。
  就形状而言,色彩渐变是有方向性的,从左到右,从上到下,又或者基于一点发散出来的,千变万化。在设计渐变的时候,可以包含一种甚至多种渐变的类型。
  选择渐变的色彩可能是最麻烦的步骤,你可以在色轮上选取对比色或者近似色来制作渐变。当然,很多时候你并不一定非得自己去设计配色,而是可以使用下列现成的工具来制作:
  WebGradients:内置180种预先设计好的渐变,可以生成CSS、PNG和Sketch、PS的版本。
  GradientButtons:可以生成带有不同悬停状态的CSS按钮
  GradientWaveGenerator:可以使用你自定义的色彩来制作很炫酷的渐变效果,你还可以控制起始的位置。
  8、色彩渐变会感觉更加自然
  虽然渐变不会是你的首要的想法,但是通常渐变会给人以更加自然的感觉,尤其是当渐变配色符合自然特征的时候。自然界中绝大多数的物体都不是单一色彩。
  渐变本身就是自然的选择,所以,当你不知道选取什么样的色彩的时候,可以从自然的照片中选取合适的色彩。下面的插画就是一个很典型的例子,傍晚天空的色彩会自然地从橙色过渡到蓝色。
  9、帮你构建独特的主视觉
  当你的整个设计并没有那么个性化的特征的时候,一个好的渐变效果能够帮你创造出有效且有趣的视觉。跳脱的明亮的色彩或者品牌色能够让你的网站设计非常有特色。
  色彩的变化本身是非常有趣的,它们即使单独用作设计元素,都可以创造足够优秀的设计,让页面充满情感吸引力,帮助用户找到对的感觉。
  10、渐变是设计趋势
  渐变是一种简约且高度可用的元素,它可以创造出一些时尚的氛围,但是又不会有信息过载的担忧。这使得渐变成为一种富有感染力又非常实用的设计解决方案。
  渐变之所以每隔几年就会成为设计流行趋势,很大程度上得益于它自然的特征和普遍的吸引力。
  
  原文作者:CARRIECOUSINS
投诉 评论 转载

案例分析支付购买流程的UX优化本文作者以“宜信优选2年期”为产品案例,推导出2个UX设计方案。enjoy遇到多重跳转逻辑与丰富信息层级的UX任务别慌别乱,深吸一口气,往下看。功能逻辑梳理在……交互设计师应具备的技能树(5)交互设计师的开发思维他们喜欢戴着镣铐跳舞,而且是其他诗人的镣铐。Theylovetodanceinthesefetters,andevenwhenwearingthesamefettersa……交互设计师应具备的技能树(4)交互设计师的视觉思维以上就是我们在两年前利用视觉思维完成小火箭2。0改版故事的一小部分,我省去了前期的分析调研、过程中的路径拆解和其他的一些案例,主要是想以此为例子讲讲视觉思维。这次的改版从用户口……回顾按钮设计的7个基本原则按钮是UI和交互设计的基本元素,它们是用户交互的时候,和系统进行沟通交流的核心组件,也是图形化界面当中,最早出现,也是最为常见的一种交互对象。在今天的文章当中,我们将会回顾一下……关于页面布局思考汇总:无边框设计、卡片设计及分割线设计本文作者将从布局的纬度,和大家分享一下设计流行趋势下出现的几种布局样式。enjoy小编作为一名科班出生的设计师,每年总会看到朋友圈、微博分享各种设计流行趋势,迷彩阴影、流……重温经典文章:人机交互大牛08年提出“创新的长尾理论”编者按:人们总是提倡创新,并不断寻找着将创新转化为资本的机遇。在2008年发表的经典文章“TheLongNoseofInnovation”一文中,人机交互开山鼻祖级大牛、微软研……为什么UI设计需要概念动效?看似花哨的UI概念动效,并不只是为了耍酷而存在。在UI界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用,什么样的动效更优秀等等,这样的探讨层出不穷。在U……328商人节复盘大促创新营销策略挖掘:如何高效梳理并制定设计同比去年的328,10倍销售额新增的背后是海量需求的激增,作为UED层面,我们要做的不是配合完成一次大促。而是带着需求来,反馈以高品质方案,提效型工具和创新型玩法,同时一次次解……深聊UX专家如何做设计评审本文主要探讨的是专家评审。专家评审是发现可用性问题的有效方法,也是对可用性测试手段的一种补充。enjoy一什么是“设计评审”?定义:设计评审是一种可用性测查工具,通……B2B、SaaS等企业软件中的交互设计总结我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳……Airbnb设计师:交互设计师的产出物是什么?作为用户体验设计师的使命,不仅仅是做到每个像素都准确,而更应该在更大的格局上去思考问题,寻找最合适的方式去和自己的产品组沟通。沟通的过程中往往也会有新的想法,获得没考虑到的反馈……10个理由,让你无法拒绝在设计中使用渐变正如同在上一篇文章《网页设计:解决背景纹理的7个小技巧》中所说道,在今天,渐变色几乎就是时尚的代名词。从微妙而优雅的渐变,到多彩失真的复古效果,渐变所带来的视觉吸引力,从视觉到……
如何提升网站品牌词指数优化效果见效慢有哪些原因?如何分析关键词优化竞争度?优化网站页面降噪技术如何判断外链对网站的帮助如何写高质量的网站内容如何使用SEO蜘蛛检查重定向新网站做seo技术经验如何分析竞争对手网站优化“定制分析”与“优化分析”如何修改网站标题常见的网站内部优化方式
申请人身安全保护令应当以书面方式提出吗?豆豆的第一块生日蛋糕眼里余光都是你什么时候播,眼里余光都是你演员表爱的感悟年涩心悟木地板保养揭秘木地板优点解析三百年前纪晓岚在乌鲁木齐亲历的两件诡事朝鲜战场,志愿军这个师让美军献礼新总统之战惨遭打脸李幼斌16岁入行,47岁才走红,与二婚妻子史兰芽,14年恩爱淘宝客服工作总结北京今日猪肋排多少钱一斤冬枣是维生素C之王2022北京土地市场大盘点55宗地卖了1615亿,收入同比降

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界