今天带给大家一组自由网格渐变,支持Sketch,AI,PNG,JPG和EPS格式。
今天和大家分享拥有180种渐变配色方案的网站:Web Gradients,此网站特色不仅提供漂亮的渐变配色,而且还有更多格式选择,比如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码,如此一来,设计师们就可以很方便的使用这个配色方案了。 网站名称:Web Gradients 网站地址:https://webgradients.com/ CSS库:https://github.com/itmeo/webgradients 打开网站我们就能直接看到 N…
今天为大家分享配色网站:Grabient,这个网站的交互体验还真不错!拥有它可以方便实现漂亮的渐变效果。 网站名称:Grabient 网站地址:https://www.grabient.com/ 网站特色 支持 CSS 样式代码复制 可以操控360度渐变旋转 自由增加或删除渐变颜色 超方便的交互操作 下面我们来看看这个交互体验不错的配色网站,试过之后你一定会喜欢上它! 渐变角度变换 点击左下…
这套配色方案厉害了,一般的图形设计中通过一个主色和一个强调色就可以做出超赞的色彩搭配,除了运用这套色卡的背景色和数字色彩搭配以外,你也可以按照自己的喜好任意搭配其中的色彩,使用起来极其方便。
编者按:流行色彩每年都在变,年年都会有微妙的差异性,2016年在UI上的用色还没有那么大胆,但是2017年开始,色彩运用的越来越大胆了。比如新版淘宝,就采用了比较年轻态的渐变色,色彩的运用也趋于多元化,极简风与大胆扁平渐变色会共存,下面我们就来做个小小的归纳总结。 趋势 1:冷暖色相渐变 此类在UI中运用的较多,比如新版淘宝就是采用暖色单色相的渐变色,这也是2017-2018年产品界面用色的趋势之一。 趋势 2:饱和度较高的纯色 这类用色在品牌、插画等领域用的居多,不过在个人网站或创意设计网站慢慢的也多了起来,对于…
2016的最大变化是超越性别—— 女性和男性的top10流行色是同一系列!比起之前几年的男性流行色,这些颜色还是比较鲜艳、明快的。从时尚的演变中我们已经得出这样的结论,和平的年代里男女的界限会相对模糊化,新一季男女通用的时尚色彩是不是也证实了这一点呢? 春季主题:充满变革的画布 “新一季的流行色将我们带去一个更加快乐、阳光的地方,在那里我们可以自由的展现一个更加风趣、更加真实的自我。”(这用词,啧啧~)关键的变革是,春夏流行色以两个颜色定为了主打,取自天际的Rose Quartz(粉晶色)和Seren…
编者按:欧美风格通常带有强烈的特征,今天这篇文章,从直方图入手,教你认识欧美风的本质,以后无论遇到什么照片,都可以按这个套路修成欧美风的,来收。 我们先观察一下这张图片和它的直方图,看一下它有哪些后期特征: 1、画面整体的对比度较高(画面的细节过渡比较剧烈,即中间调的细节不丰富)。 2、画面呈现出青色调,阴影更明显(根据红绿蓝三个色彩通道的直方图分布趋势)。 3、直方图最左端没有像素,画面有轻微的空气感(实际上有少量像素,但可以忽略不计)。 4、画面整体的饱和度较低。 因此,我们打开一张图片: 一、提高画面的对比度…
很好奇那些在Dribbble、Behance上发表佳作的大神们都是在哪里找素材的么?对,即使是他们也需要优秀素材的支持来完成好作品,今天我们我们来揭秘一下他们的素材来源。这当中有网站,有PSD素材站,有高清图片网站,有搜集UI元素的博客,有视觉稿合集,这些免费的素材就是他们的灵感库。 和以往所有的列表一样,他们可能看起来距离“伟大”的设计有点距离,但是设计师不就是用来化腐朽为神奇的么? 1. Fribbble 来自Dribbble的免费素材会在这个网站汇集,有图标、PSD、各类视觉稿,不一而足。 2. Behanc…
Kylo Ren stamp Star Wars - Rey stamp Star Wars - Finn stamp Kylo Ren by Eddie H Kylo Ren by Pilot Studio Star Wars The Force Awakens Rey Speeder The Force Awakens by Dan Mumford Star Wars Droids by Paul Shipper The Force Awakens - Finn by Paul Shipper The Forc…
这里有25个鼓舞人心的黑色系的网站设计,以黑色作为底色。 如果你喜欢干净、现代和专业,这些会适合你。 下面列表中的黑色系网站属于不同的领域,从体育、企业设计、时尚和其他! 甚至有些黑暗的网站属于一些非常受欢迎的品牌! Kwok Yin Mak Studio Brave Rumba Carolina Herrera Confidential Relax, we are the good guys Tramutola Uber Brand Guide Johan Holmberg Herbst Architects K…
编者按:网页设计领域的业界良心Awwwards除了每天推荐好网站,定期做评比之外,还会在博客里面推荐各种网页设计的 技巧和总结,今天的这篇文章最初是源于一个探索性的项目,项目结果炫酷然而乍一看并没有什么卵用,不过,如果将这个项目同最近选出的20个配色优秀的网站 相互印证,足以看出时下配色的大趋势。当然,好人做到底,作者干脆把时下流行的基于Material Design 的配色工具连同常用而经典的配色工具一同推荐给你,这也构成了今天文章的三大部分。OK,正文开始~ 几周以前,供职于 Jam 3 的图像开发者 Matt…
网站的快速发展,网页设计方面的作用功不可没,如果你是一名网站的设计师,不要浪费时间在那些无用的网站上。这里有众多灵感创意类网站启发你的创意 和新想法。引人注目的网站设计在一个在线销售与营销网站中扮演着重要的角色。今天的一周灵感酷站推荐,我们收集了一些色彩丰富的漂亮网站,你能够从中学到 很多。 01. Door Tokyo 02. Diagnosite 03. Air France 04. Tannbach Modul 05. Jsconfar 06. BMW 07. Paranormal Dragitivity 0…
故事是这样的 过去空间的配色很多,每次提取确实如同解密一样的充满“惊喜”。 亮瞎眼的邻近色 相近颜色太多,差异不大,光一个灰色都有三四个,隐隐的感觉这是在做色盲测试。 设计师的痛 明明只是想要一个色值,却不得不打开差不多100M的PSD文件,去吸取颜色,去寻找颜色代码,打开时间可以看看小说了~~~ 坑爹的沟通 每次找开发调整颜色,都要从界面中截图说明是跟哪里的颜色,色值多了,别说是开发,设计师都疯了! 虽然有了标注,但是还是可能遇到开发问:正文色是指什么颜色?色值是? “色无能” 害怕增加颜色,想想每个 主…
颜色在设计中的地位非常之高,一个好的设计必然会有好的配色,一个好的设计加上差的配色就会等于差的设计。为什么说颜色在设计中很重要呢? BESD:人类是如何认知颜色的 一、颜色的意义 1.色彩能够影响人的心理和生理。 过去英国伦敦的菲里埃大桥的桥身是黑色的,常常有人从桥上跳水自杀。由于每年从桥上跳水自尽的人数太惊人,伦敦市议会敦促皇家科学院的科研人员追查 原因。开始,皇家科学院的医学专家普里森博士提出这与桥身是黑色有关时,不少人还将他的提议当做笑料来议论。在连续三年都没找出好办法的无奈情况下,英国 政府试着将黑色的桥身…
清新、安定、环保,在这三个关键词的遐想画面中一定有绿色。 绿色是一个在网页设计中被广泛运用的颜色,本身就带着一种与生俱来的平静感。绿色在心理学上被认为会产生一定的视觉冲击力,因此,能在网站主页上用绿色元素去突出信息重点是一个不错的选择。 以下是AnyForWeb为大家汇总的比较有代表性的包含绿色成分的网页设计,供大家参考学习。 1.该网站案例很好的证明了绿色独具的引导和提示作用。网站导航的主色对用户的视觉会有很大的影响,亮丽的颜色可能会刺眼;暗淡的颜色有可能太沉闷,因此,温…
编者按:仅靠敲代码就搞定背景的网站!得益于CSS技术的进步,现在我们可以敲代码就实现超赞的渐变背景,效果丝毫不输Photoshop,且不受屏幕大小限制,绝对是未来的热门趋势之一,抢先学起来 >>> 渐变的配色怎么办?给你一个在线工具!《五款帮你在线搞定配色的WEB APP》 Love Message Niek Dekker W3 Erik Zuuring Pixel Palace Bacae Canal TP Speedo Fit Oscar Barber Atom The Snippet App…
网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。 当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。 下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法。 柔和的照片 照片上的柔和遮罩层,或是在恰当的光照环境中拍摄的照片,可以成为精妙绝伦的网站背景。照片的色调越淡雅,设计师就有越多的区域可以放置其他元素。 使用柔和的照片…
HTML5变得越来越强大之后,很多以前需要特意安装一个软件来实现的功能,现在只需要在网页端就能够实现。这样一来,无论你是Windows用户或者MacOS用户,都能够在同样的体验下使用一个自己喜爱的工具,因为你的工具都在云端。 决定设计好坏因素有很多,颜色就是其中一个相当重要的元素。下面为大家介绍几个最近收集的个人觉得挺有用的处理颜色的Web App,它们中有些功能类似,但各有不同的亮点。 Paletton(配色工具) 这 个工具是之前介绍过的Chrome插件ColorZilla中的一个外链功能。它的作用和Adobe…