有哪些网站有高质量的排版设计素材可以参考?
素材对很多设计师来说是相当重要的,一些好的素材不但可以激发设计师的灵感,还可以创造出更优质的作品。今天推荐的是我一直在使用的图片素材网站——pngtree。pngtree可以下载免抠图的透明底的素材,直接编辑海报、传单等模板,快速高效的完成你的作品。
无标题文章配色设计|7种颜色法则、6大搭配禁忌,你都知道吗?
色彩是一种语言、一种信息,色彩是具有感情的,能让人产生联想,让人感到冷暖。在色彩搭配中,设计师把握好色彩的冷暖对比,明暗对比,面积对比,混合调和,明暗调和等,就能够 保持画面的均衡和色彩的条理性 。
色彩包涵的内容丰富多彩,但只要我们掌握了色彩的搭配方法,并遵循色彩构成的均衡、韵律、强调、反复等法则, 以色彩美感为最终目的 ,将色彩组织安排在平面设计作品的画面上,便能得到一种和谐的、优美的、令人心情愉悦的视觉效果。
via 最后几秒
以色相为主的色彩搭配
这个配色方法是 以色相环为基础 ,按区域性进行不同色相的配色方案。
当进行平面设计作品时首先应 依照主题的思想、内容的特点、构想的效果、表现的因素 等来决定主色或重点色。是冷色还是暖色、是艳色还是淡色、是柔色还是硬色等。
主色决定后再决定配色,再将主色带入色相环便可以按照同一色相、类似色相、对比色相、互补色相以及多色相进行配色。
① 同一色相的配色是指 相同的颜色 ,主要靠 明暗程度不同深浅的变化 来构成色彩的搭配。由于它只是单色的明暗、深浅变化,所以它使人感到 稳定、柔和、统一 。但变化太小,会使色彩产生单调、呆滞、阴沉的感觉。
《媚者无疆》海报
② 类似色相的配色包括的范围较广, 配色角度越大 越显得 活泼而富有朝气 ,角度越小越有 稳定性和统一性 。但如果太小就产生阴沉、灰暗、呆滞的感觉,反之太大,产生色彩之间相互排斥、不和谐的画面效果。
③ 对比色相的配色,其配色角度大、距离远,颜色差异大,其效果 活泼、跳跃、华丽、明朗、爽快 。但如果两色都是纯度高的颜色,则会对比强烈、刺眼,使人产生不舒服的感觉。
联合国国际和平邮票
④ 互补色相的配色具有完整性的色彩领域,占有三原色的色素,所以其特色清晰、明亮、艳丽、灿烂。但它是色相中对比最强烈的配色,如果再加上色彩的纯度高,就会 产生冲击力强烈、辛辣、嘈杂的感觉 。
via 西西coolbaby
以明度为主的色彩搭配
前面谈到每一个色相都有不同的明暗程度,且它的变化可以控制色彩的表情, 利用色彩高低不同的明暗调子,可以产生不同的心理感受 。
如 高明度 给人明朗、华丽、醒目、通畅、洁净、积极的感觉, 中明度 给人柔和、甜蜜、端庄、高雅的感觉, 低明度 给人严肃、谨慎、稳定、神秘、苦闷、钝重的感觉。
via visiongave
以纯度为主的色彩搭配
纯度也就是 色彩的饱和度 ,平面设计作品中,纯度的运用起着决定画面吸引力的作用。
纯度越高,色彩越鲜艳、活泼、引人注意、冲突性越强;纯度越低,色彩越朴素、典雅、安静、温和。
因此常用高纯度的色彩作为突出主题的色彩,用低纯度的色彩作为衬托主题的色彩,也就是 高纯度的色彩做主色,低纯度的色彩做辅色 。
面积因素
除色相、明度、纯度外,色彩面积大小是直接影响色调的重要因素。色彩搭配首先考虑大面积色的安排, 大面积色彩具有远距离的视觉效果 。另外,在两色对比过强时,可以不改变色相、纯度、明度、而扩大或缩小其中某一色的面积来进行调和。
七种颜色法则
- 强调色 -
强调色是总色调中重点用色,是面积因素和视认度结合考虑的用色。一般要求明度和统度上高于周围的色彩,在面积上则要小于周围的色彩,否则起不到强调作用。
via Edisonwong7
- 间隔色 -
间隔色运用是指 在相邻而呈强烈对比的不同色彩的中间 ,用另一种色彩加以间隔或作共用,可以 加强协调,减弱对比 。间隔色自身以偏中性的黑、白、灰、金、银色为主。如采用有彩色间隔时,要求间隔色与被分离的颜色在色相、明度、纯度上有较大差别。
- 渐层色 -
渐层是渐渐变化的用色,色相、明度、纯度都可作渐层变化。渐层色具有和谐而丰富的色彩效果,在广告的色彩处理中运用较多。
via 弯弯yang
- 对比色 -
对比色不同于强调色,这是 面积相近而色相明度加以对比 的用色,这种用色具有强烈的视觉效果,从而具有 “广告性” ,可以瞬间吸引人的目光。
via ATOMIC14
- 象征色 -
这是不直接模仿内容物色彩特征,而且根据广大消费者的共同认识加以象征应用的一种观念性的用色。主要用于 产品的某种精神属性的表现 或 一定品牌意念的表现 。
- 标志色 -
这里讲的标志色不是指LOGO的色彩,而是用色彩区别不同种类、或同类不同品种产品的系列用色。
例如以不同的色彩区别同一品牌的化妆品, 不同成分用不同的色彩 。在处理上,面积、形状、位置应加以变化。
比如说之前大大君写过的 国货化妆品牌羽西 ,在产品及海报的色彩搭配上,充分考虑到产品本身成分所带有的色彩元素。
- 辅助色 -
这是 与强调色相反的用色 ,是对总色调或强调色起调剂作用的辅助性用色方法,用以加强色调层次,取得丰富的色彩效果。在设计处理中,要注意不能喧宾夺主,不能盲目滥用。
比如下面这张海航现代物流的广告图,画面以橙色作为强调色,而“A”字中间的一点蓝色,则是作为辅助色存在, 对读者视觉起缓冲作用 。
via Flyingbeard
黄金法则
这是一个很基本的法则 60:30:10 ,主色彩是60%的比例,次要色彩是30%的比例,辅助色彩是10%的比例。这个法则是黄金法则,在任何时间任何地方都是非常正确的。
via Swallow_Ho
配色禁忌
- 太亮的霓虹色 -
闪亮的霓虹色看起来很有趣,似乎能让页面显得非常潮、非常流行。但是他们并不会让眼睛觉得舒服,往往会给人以“闪瞎了”的不适感觉。
想解决这个问题,你可以试着 降低霓虹色的亮度 ,让它看起来更暗,让它看起来更加微妙;或者是 增加颜色的灰度 ,为整个页面增添柔和、亲近的感觉。
via aute Couture
- “震颤”色彩 -
当高饱和度的色彩搭配在一起的时候,它们会产生一种 “震颤效应” , 会让你觉得两种色彩之间会产生模糊、震颤或者发出光晕的视觉效果,令人不适。
不过即使你没有尝试搭配,也可以通过它们的基础特征, 合理规避“震颤”配色 :
它们都是高饱和度的色彩
两种色彩在色轮上是互补色
他们在色轮上相隔180度,处于对称的位置
将两种色彩转化为灰度之后,两者灰度非常接近
如果说你必须使用“震颤”配色,这个矛盾也不是不能调和的: 加入中性的色彩将两者分隔开就好了 。
- 浅色+浅色 -
浅色+浅色的搭配也是 最常见的错误之一 。也许你在某个平面设计或者印刷相关的项目上这么配色,最终没造成可读性的影响,这可能是设置的问题或者色差造成的,但是在绝大多数的情况下,是错误的。
无论你怎么设计,这样的配色一定很难阅读其中的内容。想要修复这个问题其实非常简单: 选择色彩均匀统一的背景 ,文字部分可以与之构成对比。
via say417
如果无法修改背景,可以 在背景和文字之间加一层 ,增加对比。
via lokngs
尝试 调整整个背景图片的色调、明暗、饱和度 等,以达成提升对比度的目的。
- 彩虹式配色 -
“彩虹飘飘”,设计师一定是也生无可恋了。想想看,当一大堆各种各样的色彩都成为配色的一部分的话,各种色彩之间的干涉,都不知道打破了多少配色的规则。
这种设计虽然可能在一开始会吸引用户的注意力,但是随后让用户产生的恶心和不适绝对会远超设计者的预期,即使内容再好,都无法被人识别。
如果你真的希望让页面更加“多彩”,那么不要让色彩都混杂到一起,试着 使用卡片式设计 来承载不同的色彩,合理的排布,既可以让色彩更加灵活,也可以保证 组织性和流动感 。
- 亮色+亮色/深色+深色 -
就像浅色+浅色的搭配一样,亮色+亮色或者深色+深色的搭配,都是 因为饱和度接近而造成的辨识度问题 。毫无疑问,这也是要规避的问题。即使是经验丰富的设计师,也可能会在这个时候掉坑里。
比如, 饿了么星选LOGO ,里面有几张品牌之间“对话”的海报:
评论区下有粉丝留言 “晃眼睛” ,这就是两个亮度过高的颜色搭配在一起,造成的视觉不适感。
总之,千万注意配色的对比度,在 视觉对比和可读性 之间做出适当的平衡。
- “K”黑 -
我们常说的 CMYK中的K是黑色 。许多设计师的设计作品会横跨网页版和印刷品,有时候会在做印刷品的设计的时候,会误将网络配色中的黑色用上去。
印刷品,包括我们日常生活中的许多黑色,其实分很多种,它们通常是某种色彩叠加了很多之后产生的效果,比如渡鸦的羽毛是黑色的,但是你仔细看它会微微泛蓝。
所以,在设计这个黑色的时候,最好是挑选一个 带有品牌色调的黑色 (而非#000000)。这样可以在印刷的时候更容易协调。
其实以上所谈到的所有的配色的问题,几乎都是关于 对比度和可读性问题 的。实际上,只要确保色彩和内容的对比度和配色美感,几乎所有的色彩都是能用的。
如果配色设计缺乏灵感,没有突破,记得来 “爱集网” 找找感觉。
【爱集网 】是一款专注创意工作者的灵感方案产品,汇集国内外200+知名设计网站作品,涵盖平面、广告、电商、UI、网页、插画、摄影等26个大类。
觉得没看够的话,请点击下方“”,素材网站,配色、排版、文案一应俱全
有哪些平面设计网站值得推荐
推荐几个在线设计/素材的工具网站~
01 速成模版网站:稿定设计
链接:
推荐理由:这个网站的模板都是免费的,使用字体还有是否可商用的版权提示,可以保证1分钟快速出图,是深夜加班的救星,提高效率的助攻神器。另外,他们的抠图功能也非常强大!比ps便捷高效多了。
02 配色网站:Color Calculatorcolors
链接:
推荐理由:这个网站可以让你快速、直观地找到你所需要颜色的对应互补色、三角关系色等各种配色方式,就相当于一本“配色字典”标准答案都在里面。
03 字体识别网站:fontinuse
链接: fontsinuse.com
推荐理由:设计师们经常为了找到一张海报上的字体而慌得一逼,而font in use的一大亮点就是:在设计稿上提取现有字体,并且附上了字体的名字,便于寻找。
04 免费图标网站:Iconfinder
链接:
推荐理由:免费图标+矢量素材,这对于设计师而言就犹如女生看到免费口红般的致命吸引力!
05 UI收集网站:Collectui
链接:
推荐理由:非常详细的UI收集网站,关键是分类做得非常好。网站左侧的一个导航列表,里面基本上涵盖了各种常见的UI界面,细致到共有167个种类!
有哪些优秀的平面设计素材网站推荐?
学设计不如学【视频剪辑】。理由很简单,容易学(不像其它行业学习成本高,难度大),适合短期3-4个月短期学习,而且行业缺口非常大,无论是找工作还是自己在家里接私单,月收入轻松过万,两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址:
;tagid=313zdhhr-11y17r-655869348656092845
因为现在【短视频】的崛起,任何企业,任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌,发抖音,发朋友圈,发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容,所以剪辑师根本招不够,,供需失衡就造成了剪辑师高薪水。
而且剪辑这个技术并不需要高超的电脑技术,也不需要美术音乐造诣,基本都是固定套路,要什么风格的片要什么节奏,经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽,会点击图标,会保存除非自己不想学,没有学不会的。但是要学好学精,就一定要找专业负责的培训机构了,推荐这个领域的老大——【王氏教育】
在“短视频剪辑/短视频运营/视频特效”处理这块,【王氏教育】是国内的老大,每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: ;zdhhr-11y17r-655869348656092845
大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载:
网站如何配色及网站配色方案
应该是根据你的网站主营卖点来做配色方案的,比如一家做农副产品交易的网站,大部分元素要体现瓜果蔬菜和交易场所,那么红绿黄对比鲜明及大量的个性图标就是很有必要的;如果以设计为主导的网站,充足的留白和冷色调为主的渐变色配色就很有必要。最终要以目的为导向的,建议用零代码的建个网站上去体验下。
海报背景哪些比较好的素材网站?
海报背景比较好的素材网站:uiGradients、Flat Surface Shader、图鱼、Ribbons 2。
1、渐变背景生成—uiGradients
有非常多的预设渐变背景,选择左上角的【Show all gradients】可以查看所有预设渐变色彩搭配,不用登陆,看到自己喜欢的预设直接下载即可。
2、动态背景生成—Flat Surface Shader
动态晶格背景生成网站,可以选择GIF录制软件直接录制,将其当做PPT背景图片,我们可以通过控制按钮调整颜色、晶格大小、倾斜度以及深度等参数。
3、纹理背景素材—图鱼
小清新网站,图鱼中的背景素材都是免费下载可商用的,有17000+纹理背景素材,多背景可选择,支持中文检索。
4、光效背景生成—Ribbons 2
直接点击鼠标,网页就会自动切换不同颜色光线,通过右键另存为,可以保存当前图片到电脑上,或者直接右键复制图片,粘贴到PPT中即可。
渐变填充背景是近些年来各大手机发布会的最爱,你可以去看看,几乎所有发布会,或多或少都会采用渐变作为幻灯片的背景。使用图片作为背景,也是PPT中较为常用的一种方式,还有一种PPT类型就叫全图型PPT,使用好图片作为背景,即便制作PPT的能力不强,也可以呈现出好看的效果。
0条大神的评论