专业PS图片处理设计平台
图片设计改图改字最佳合作网站
需要各种P图业务请加我们微信 : pitujun 或 QQ:1957170173 欢迎咨询洽谈业务

设计师配色宝典!教你从零开始学配色

www.ptupian.com阅读(15)

设计师配色宝典!教你从零开始学配色(一)

今天我们来聊聊设计师的经典话题:配色!很多自学设计的同学没有接受过系统的色彩训练,在配色方面始终不能随心发挥。网络上的配色技巧很多,但大多不够全面,今天优设从国外翻译了整个系列的配色指南,即使是毫无经验的新手,学习完也能对色彩有比较深刻的认识。

设计原则101——色彩理论

第一印象决定一切!大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多,但是第一时间被关注到的应该是颜色。颜色反映了设计的整体感觉,有时候单凭颜色就可以调度起一个人的情绪、情感甚至回忆。如果没有掌握色彩理论的基础知识,你会发现在日常工作和生活中,你忽略掉了很多细节。

找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿,这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品,而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧!

原色

设计师配色宝典!教你从零开始学配色(一)

所有颜色的源头被称为三原色,指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。

间色

设计师配色宝典!教你从零开始学配色(一)

如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。

三级颜色

设计师配色宝典!教你从零开始学配色(一)

三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在,你应该了解了颜色到底都是怎么衍生出来的,也可以了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性,并创建适量的对比度,让设计工作更好地展开吧!

接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

互补色

设计师配色宝典!教你从零开始学配色(一)

设计师配色宝典!教你从零开始学配色(一)

互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

相似色

设计师配色宝典!教你从零开始学配色(一)

设计师配色宝典!教你从零开始学配色(一)

相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

三角色

设计师配色宝典!教你从零开始学配色(一)

设计师配色宝典!教你从零开始学配色(一)

三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。

分散的互补色

设计师配色宝典!教你从零开始学配色(一)

分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧,黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。

四方色

设计师配色宝典!教你从零开始学配色(一)

四方色是在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。

四方补色

设计师配色宝典!教你从零开始学配色(一)

四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色,分别选用他们两旁的颜色来建立矩形,最终取得橙红色、橙黄色、蓝绿色和蓝紫色。

明暗

设计师配色宝典!教你从零开始学配色(一)

颜色的色调也可以影响颜色给人的感觉,就拿上图的蓝色来说,第一张是原图,第二张添加了白色,第三张添加了黑色,同样的蓝色产生了不同的感觉。在实际应用中,可以在采用单色配色方案时,通过改变颜色的色调来创建不同的感觉。

暖色

设计师配色宝典!教你从零开始学配色(一)

暖色可以创造温暖的感觉,暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。

冷色

设计师配色宝典!教你从零开始学配色(一)

冷色也有其独特的含义,通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。

颜色的意义

红色

红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子,或者是粉红色,也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以同时找到红色、橙色和黄色。红色也表示危险,所以很多表示停止的标识牌都是红色的,因为红色可以很好地吸引人们的注意。红色是很强势的颜色,当它和其他颜色相遇时,比如搭配黑色,可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。

设计师配色宝典!教你从零开始学配色(一)

橙色

橙色代表了温暖,但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围,因为它充满了活力,而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系,比如维生素C,毕竟橙子里也有很多维生素C。

设计师配色宝典!教你从零开始学配色(一)

黄色

提到黄色,经常可以联想到太阳和温暖。使用橙色的时候,可以创造出一种夏天的好玩的感觉,黄色则带给人口渴的感觉,所以经常可以在卖饮料的地方看到黄色的装饰。黄色也可以和懦弱与恐惧联系起来,这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时,十分吸引人的注意力,一个绝佳的例子就是很多国家的出租车都采用这种配色。

clip_image018

绿色

在西方国家,绿色是钱的颜色,这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO,因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。

设计师配色宝典!教你从零开始学配色(一)

蓝色

蓝色是一个神奇的颜色,因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示,深蓝色可以给人一种悲伤的感觉,让人联想起伤心时怎么听都不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水,给人以提神、自由和平静的感觉。蓝天永远都是平静的,水流可以冲走泥土,清洗伤口,所以蓝色也代表着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。

设计师配色宝典!教你从零开始学配色(一)

紫色

紫色总是让人不禁想起皇室成员的长袍。紫色可以更多地与浪漫、亲密、柔软舒适的质感产生联系。紫色给人一种奢华的感觉,也有一种神秘感。下面这个葡萄酒网站就是极好的例子。

设计师配色宝典!教你从零开始学配色(一)

白色

白色通常与医院联系在一起,因为医生们都是穿着白大褂的,而且医院内部的装修通常也是白色的。此外,宗教绘画有时候也是没有色彩的,白色也代表着圣洁。白色通常给人干净的感觉,比如白色的床单和衣服都让人感觉很干净。也可以代表棉花和柔软的云朵。心理健康相关的事物也可以选用白色,白色也同样适用于卫生、清洁相关的设计。比如下面这个网站,就很好地利用了白色。

设计师配色宝典!教你从零开始学配色(一)

黑色

黑色通常与死亡有关,尤其是在美国。它可以代表腐坏,因为很多食物腐坏变质以后就是黑色的。黑色也代表邪恶,因为是白色的对立颜色,而白色通常代表着纯洁美好善良。黑暗和未知也会给人焦虑的感觉。很多图像中,黑色表达了抑郁、绝望和孤独。虽然黑色有很多负面的含义,但是黑色也是一个万能色彩,当黑色遇上其他颜色的时候会产生其他的意义。比如当黑色邂逅金黄色,就可以给人一种奢华、高档的感觉;当黑色偶遇银灰色,则会给人一种成熟稳重的感觉。下面的网站就完美诠释了这一点。

设计师配色宝典!教你从零开始学配色(一)

总结

作为一名设计师,了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色,可以创造出不同感觉的图像。合适的组合可以获得关注,通过视觉传达设计师所想,进一步拉近设计师与观众的距离,让图像更具力量。如果之前并不仔细考虑用色,现在开始,应该培养对于色彩的感觉。相信客户会看到一个不一样的你,你的设计作品将会通过颜色建立联想,更好地传达信息。



学会ps能干什么?

www.ptupian.com阅读(12)

明确告诉你,会ps,兼职月收入3000很容易!

1,初学ps,只要会抠图,专门帮人抠图,一天50元没问题。前提是枯燥乏味的重复你能受得了。

抠图有要求吗?

没什么要求,只要够细致。

这个具体能接什么样的单?

现在淘宝等电商,都需要处理图片,需求还是很大的。

怎么接单?

多加外大抠图的qq群,这就不用多说了,都知道。

2,学会基础ps,再挑选一个细分的类目,比如我会的:led夜景动画效果图,帮别人做效果图,一张简单的,100到400元不等。一个月努力点,一万不难。

3,其他的很多,反正会ps目前还是很吃香的。

–选择今日头条问答



在大学自学PS的流程是什么

www.ptupian.com阅读(8)

在学校的时候,专业是广告学,然后有半年的课程,一周三节课左右,但是其实就是教基本的工具使用。由于有些兴趣,就跑去自学了更多。

1.图书馆的PS专业书籍。

找图书馆的藏书,找自己感兴趣的效果去找图书,这样学起来更有兴趣。比如摄影调色、后期合成、花样扣图等。

2.网上免费的视频教程。

比如我要自学网,会有免费的基础教程。还有很多图文教程,甚至最近几年线上教育的的飞速发展,有很多线上的收费课程,基本几百块钱可以无限的学习上面的软件学习视频。

3.对照作品临摹。

不管是图书馆藏书,还是网上的教程,在教完基础工具的应用后,都会结合案例逐步教你怎么做,这是对工具理解的过程。

关于我的几点建议:

1.摆正心态。

在我没有接触过PS初期,很多人都说这个软件难学如何如何,记得很多同学因为别人那样的无心之说,弄的自己有恐惧心理。很多软件,只要有兴趣,花时间,勤练习,就可以初步掌握。不要因为别人的话挡住你学习的脚步。

2.循序渐进

首先不要去临摹很复杂酷炫的合成效果,刚开始学,要先摸清那些常用的工具,把工具熟练运用了才能更加游刃有余的去扩展运用。

3.多思考理解

刚练习初期,可能不太明白有些参数或者图层的作用,可以按照教程做好以后,去多尝试调整参数,观察效果图的变化,能更快更深的理解。

4.坚持练习

“无它,唯手熟尔” 不求快,求透。

希望我的回答能够帮到你。

–摘自今日头条问答



大学自学PS需要多久

www.ptupian.com阅读(10)

自学PS,我个人学习PS三个多月,虽然最后也只能是处于入门级别,和大神还差很远,但操作什么的都挺了解。那我就说一下我个人的自学经历吧。

刚开始接触到PS其实要追到高二了,那时候高中会考是必须学习的。后来大一偶然接触到新媒体行业,了解到PS的重要性,同时在第一次接触也有很大兴趣,因此开始了我个人的学习之旅。

我自学一些职业技能,其实要做的第一件事,便是百度,查资料,明白你要学的这个是个什么东西,是要用来做什么的?只有了解到这些,你才能找准你学习它的目的。目标的建立可是对学习有着很大帮助,会极大提高你学习的持久力。

第二步,开始接触,下载软件。这里就涉及到我什么都不会怎么做?我不得学吗?好,这个问题不用你担心,你随便硬捣鼓,但捣鼓要有一定的学习夹在里面。这个功能不了解?百度,查,看看它是干嘛的。这样一来,多弄几回,也就似懂非懂了。

第三步,实际操作。PS作为一种电脑工具,无非就是点击按钮,画一画而已。要对功能的详细了解,它并不像技术一样,需要很多经验才能上手。当然了,Ps如果高深了说,也挺需要技术的。废话不多说,推荐用百度贴吧,然后配着李涛的教学视频,练习吧友给出的攻略,题目,也可以常常交流。

俗话说,熟能生巧。个人认为,电脑的这些后期处理软件操作难度其实并不大,需要的是长久的练习。当然了,我这只是说上手并不难,但要会合理搭配功能,会创造一些东西,那就挺难的。

学习PS并不需要报班,贴吧,论坛,微信公众号,一群喜爱PS的网友就足够你学到不少东西。

摘自今日头条问答



大学里自学PS怎么样

www.ptupian.com阅读(28)

摘自:今日头条问答

在自学之前你要明白你学ps的目的是什么。

比如在学生会工作,要做一个晚会宣传海报;或者想把自己拍出来的照片变得更好看;或者想要做狂拽炫酷吊炸天的后期合成。

当你知道了自己的目的后,才能有的放矢的学习。

在此我分享一下我的ps学习之路。

大二时候,由于自己的同学创业,我跟着他一块干,需要做一个宣传图,当时有专门的美工来做,正好那天他有事,就让我帮忙做一下,然而我并不会,于是那个美工小哥就教我做,把我引上了ps学习之路。

之后我上知乎寻找如何学习ps,了解了很多关于ps学习的方法论;关注了很多关于ps的公众号,但他们推送的文章经常是一些高级合成的案例以及一些技巧性的分享。那时候也眼高手低,没练过,看这些东西感觉ps真的好难。

后来从淘宝买来ps教学,正式开启了ps学习之路。当时看的是敬伟的视频课程,内容非常详细,每个工具,每个功能都面面俱到,但由于当时没有找到自己学习ps的目的,所以仅仅只是停留在对工具的了解。加之当时也是三天打鱼两天晒网,断断续续的也没学明白。

一年后,那时我快毕业了,心想着怎么也得学点手艺啊,于是又从新拾起了ps,这次我搜罗了更多的教学,其中就有李涛的ps教学视频,再看了3个人的视频后我开始看李涛的视频,顿时有种醍醐灌顶的感觉,这也是我ps水平飞速增长的一个转折点。

在李涛的视频中我找到了我学习ps目的,做炫酷的后期合成,于是我就专门研究合成怎么做,在这个过程中,我学会了精准抠图的方法,滤镜的适用,色彩平衡的调节,其实横向来看,风景,人像,海报也都是这些东西,有种万变不离其宗的感觉。



大学如何自学ps

www.ptupian.com阅读(8)

兴趣是最好的老师,想要自学PS,在大学中增加一项技能是可以理解的,但PS的涵盖的功能是很多的,学习要有个大体方向,你是准备学普通的修修图,调色校色呢,还是往更深层次探索,从无到有,在图上实现天马行空的想象。

回到我的话题,初学者想要基本掌握PS的操作,首先可以去51自学网,去找些学习素材,跟着老师一步步来操作,反复尝试,了解各个工具的作用,他有详细的视频讲解,学习的素材都是在底下有链接可供下载,下载下来跟着老师的课时走,你会逐渐发现自己的进步。

图层与蒙版算是PS甚至Adobe其他软件比如说Ae 的一个精髓吧,不管你学习什么,抓住重点去学习 ,勤加练习与探索,总会学会的。

Ps的范围特别广泛,光是滤镜,效果这方面教程就有很多很多,还是那句话选择你感兴趣的,学下去会有收获的。



设计师玩转单色配色,你需要学会这些!

www.ptupian.com阅读(6)

配色几乎是所有设计分支当中都绕不开的问题。通常我们所看到的配色都是由2~3种主要的色彩构成,单色配色并不是设计师的首选配色方案。但是单色配色方案在很多设计项目当中,都呈现出了极具表现力的一面。结合许多新的趋势和新的技术,优秀的单色配色并不一定弱于多色配色。

由于绝大多数的设计项目都倾向于使用多色调配色方案,这使得单色配色在诸多不同的设计当中,更容易脱颖而出。

选择基础色

设计师玩转单色配色,你需要学会这些!

设计师玩转单色配色,你需要学会这些!

单色配色的设计最难的地方,其实也就是挑选色彩这个事情。诚然,设计师不需要进行多色调搭配筛选,但是直接决定整个设计的色彩,挑选起来其实更加艰难。

一般而言,不同的色彩有着不同的气质,传递出不同的情绪,你可以从这方面着手。

  • 红色:爱,激情
  • 蓝色:和谐,信任
  • 绿色:希望,自然
  • 黄色:乐趣,能量
  • 粉色:浪漫,女性化
  • 紫色:神秘,幻想

仔细想想你设计对象的品牌形象和产品定位,什么样的色彩会比较合适?

确定色彩的色相之后,接下来你需要考虑色彩的明暗和饱和度。你需要营造柔和的感觉还是明亮的效果?调整这些属性,让主色调更贴合你的设计目标。推荐阅读:色彩搭配基础!助你摆脱”色彩慌”

学会调整明暗和饱和度

设计师玩转单色配色,你需要学会这些!

设计师玩转单色配色,你需要学会这些!

设计师玩转单色配色,你需要学会这些!

单色配色并不是指只有一种颜色,而是只有一种色相。我们在色环上常见的色彩,默认情况下饱和度和亮度都是100%。确定色相之后,你可以通过调整明暗和饱和度,来创造一套和而不同的配色方案。通常,我们会使用Tint(色彩)、Tone(色调,饱和度)和Shade(色度)这三个属性,来对色相下的颜色进行界定,以及调整。

  • Tint:用选定的颜色和白色混合产生的颜色
  • Tone:用选定的颜色和不同程度的灰色混合产生不同饱和度的颜色
  • Shade:用选定的颜色和不同程度的黑色混合产生不同色度的颜色

所以,确定了颜色之后,通过调整色彩、色调和色度,你能获得一个色相下不同的颜色,创造出有层次的配色方案。

当然,你所创造的这套配色方案内不同的颜色之间,要有足够的对比度,让用户能够识别出来。

你可以让不同的元素的色彩,在整个设计中保持色相相同明暗次第变化,构成一个阶梯型的色阶。

实际上,许多有趣的单色配色效果,在印刷品上面表现得颇为不俗。很大程度上,是因为它不仅能够呈现颜色,而且能够借助不同的工艺,实现不同的质感。

和其他元素搭配使用

设计师玩转单色配色,你需要学会这些!

设计师玩转单色配色,你需要学会这些!

由于单色配色之下,所有的色彩都在同一色相下,色彩的对比度可能没有多色配色下那么明显,所以想引导用户浏览不同的元素的时候,引导性上可能没那么明显。

当然,无论你使用什么色彩,黑白的文本通常都能保证足够的对比度,用来承载内容,也不会让整个设计显得单调。

  • 使用颜色叠加:在叠加色彩之前,将背景的元素都转为黑白,确保叠加颜色之后,整体的色彩是一致同一的。
  • 使用加粗字体:采用加粗字体是为了让文本内容在单色配色的背景中更容易被用户所识别。
  • 使用阴影和其他视觉提示:这些视觉效果本身是为了在元素和背景层之间添加间隔,强化可读性。
  • 使用插画:让单色配色和插画结合起来,能够创造更加现代的视觉体验,同时也强化单色配色的表现力。
  • 搭配相应的图片:如果你需要在单色配色的网站中使用视频或者图片的话,不妨将网站的主色调和图片中的某个色彩保持一致。Cuberto 这个网站就是这样。

大胆使用流行色

设计师玩转单色配色,你需要学会这些!

流行色其实不分领域和国界,近年来的流行色大多都是明亮而饱和度高的色彩。

使用流行色来作为网页的主要色调,不仅仅会让设计本身有趣而漂亮,而且能够让你的网页紧跟潮流。无论是世界上最受欢迎的马尔思绿,还是少女性爆棚的芭蕾鞋粉。

这些明亮的流行色还有一个显著的好处,就是当你做单色配色的时候,很容易调出用以搭配的其他同系颜色。

当然,如果你要选择流行色来作为设计的主色调,那么你一定要时刻关注时尚圈在流行色上的风向变化,尤其是季节性的流行色,这不仅关乎你网站配色是否适宜,而且能够为你接下来的设计提供灵感。

使用更为现代的深色系

设计师玩转单色配色,你需要学会这些!

设计师玩转单色配色,你需要学会这些!

如果你想让自己的单色配色方案情感和情绪不那么明显,可以使用更为现代的黑色、深蓝作为单色配色的主体。

其实这样的深色系配色本身很有趣,也足够独特,只不过不是那么容易创造,并且没有足够的空间来供其他的颜色来发挥。

深色系,尤其是黑色系的配色,本身就会给人很现代的感觉,同时,在这种配色方案下,使用浅色或者白色的文本,可读性会非常强。

采用“准单色”配色

设计师玩转单色配色,你需要学会这些!

有的时候打破一项规则,往往能创造出意外且惊艳的效果。

这里所说的准单色配色,指的是在单色配色方案当中,加入一种色相截然不同的对比色,让整个配色方案拥有了全新的视觉焦点。

结语

单色配色本身很有趣,更重要的是,它也足够经典。不过,单色配色的缺陷也很明显,用户长时间观看之下,会很快习惯网页的这种设计,之后对于用户的吸引力并不会太过持久,所以,设计师可以适当地、定期地进行调整,确保网页的持久生命力。

 



为什么有些设计师在版式设计中总是没有思路

www.ptupian.com阅读(6)

作为一名专业的设计师,版面设计能力直接影响到该设计师水平的几个方面之一。我们很多设计朋友在临摹的优秀作品中,往往只是被作品华丽的外表吸引了,比较少去思考设计背后的秘密。那么在这里,我总结了版式设计原理的几个方面,结合一些具体例子实际操作演示,让对这块不熟悉的设计师朋友们能快速掌握版式设计。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

一.版式组成

1. 主体:视觉焦点,主导着整个设计(可以是人/物/文字/图片),整个版面最吸引人的部分,相当于主角的作用。

2. 文案:对主体的辅助说明或引导,毕竟有时候我们放一只小狐狸在旁边,用户也不能准确的知道它在说什么,配角的作用。

3. 点缀元素:装饰元素,可有可无,具体根据版面需要;好的点缀元素能够渲染气氛,大部分的点缀元素遵循三角形原则,类似下图中的云朵,群演的作用。

4. 背景——可分为纯色/彩色肌理/图片/图形等。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

二.构图平衡

在设计中,平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态,那么这个设计看起来就是统一的,就会给人一种整体印象。因此,平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类,分别是:对称平衡,非对称平衡和整体平衡。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

1.对称平衡对称是同等同量的平衡,对称式设计是一种静态的,可预见的,讲求条理和平衡布局的设计。对称构图相对比较易于创建,特点是稳定,庄严,整齐,安宁,沉静和古典。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

2.非对称平衡非对称在不对等的元素间创设出秩序和平衡,非对称设计由于版式不可预见,所以空间是变化的。特点是动态的,灵活的和富有活力。非对称构图比较多,常见的有以下6种形式。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

对角线构图:文案摆放在版面的对角线方向,一方面避免了司空见惯的居中版面,一方面给中心主体留出了更多的创作空间;另外中心的图形也可以是对角线的设计,这样会让整个构图看起来比较平衡。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

发射状构图:点缀元素围绕中心的文案或者图形发射,这样的构图会让中心的视觉容易聚焦,视觉冲击感会更强烈。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

像电商大促活动,淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

中心构图:这是我们最常见的构图之一,文案和主体居中页面,注意的是位于版心的主体要尽可能的出彩,利用设计技巧吸引读者的眼光,这样才能避免破平淡乏味。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

s形构图:文案或者图形放在线条转折的地方,整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方,可以放一些重要的信息。这样的构图灵活,有趣,而且可以引导用户沿着s形轨迹阅读信息。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

二分构图:文案和主体分开,呈左右或者上下的构图形式,注意的是文案要采用对齐原则。这样的构图也是比较容易创建的。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

形状构图主体和文案组合的形式可以是圆形,三角形,矩形等形状构图。注意如果是用三角形构图,最好呈倒金字塔结构,这样更加轻便引导用户进入下一个信息层。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

3.整体平衡(满版平衡)整体平衡,是指图片充满整个版面,文案布局在上下,左右,中部的位置,特点是主要以图像为诉求,视觉传达直观而强烈。满版型构图,给人大方,舒展的感觉。注意:在设计的过程中,这种类型的文字处理很容易显得”嘈杂”,因此为了避免拥挤的空间,适当删减些文字。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

三.设计原则

对构图形式了解后,我们还要知道一些基本的设计原则,虽然这些原则我们可以在其他地方反复的看到,但是我在这里还是要强调一遍,因为它可以帮助我们在打破规则之前,必须清楚规则是什么。另外注意一点就是,这几个原则不是独立分开的,而是可以同时考虑和结合,不是唯一选择:

平面设计交流|为什么有些设计师在版式设计中总是没有思路

对比:缺乏对比,作品会变得平淡乏味并且不能有效地传递信息。艾美奖设计师、Blind公司创始人Chris Do 说过contact is king(对比至上),运用好对比,可以在页面上引导用户的视觉,并且制造焦点。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

一般产生对比的方法可以有:大小对比;粗细对比;冷暖色对比……不管是哪种对比,当你期望对比效果有效的话,需要大胆一些,明显一些,不要拿12号和13的文字做大小对比,这是没有任何意义的,不要畏畏缩缩,做设计也是一样。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

对齐:任何元素都不能在版面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。在版面上找到可以对齐的元素,尽管它们可能距离比较远。需要注意的地方是避免同时使用多种对齐方式。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

左边的海报采用了矩形构图,右边的海报采用了二分构图,但是文案都是找到了一条明确清晰的对齐线,这样让版面产生了秩序美。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

亲密性:同类相近,异类相远,相关的元素距离靠近,归组在一起,成为一个视觉单位,而不是多个孤立分散的状态,这样有助于组织信息,减少混乱,让结构变得更清晰。根据文案内容,进行合理的分组于归类。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

左边海报文案分成了4组,清晰有条理,中心的主体和点缀元素也利用了亲密性原则,使得中心主体显得更饱满;右边海报主体采用了发射构图,整体呈倒置的金字塔形式,这种锥形容易引导用户阅读下一个信息层。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

重复:重复的目的是统一,并增强视觉效果。比如标题都是同一个字体或大小或粗细。但需要注意的是,要避免太多地重复一个元素,重复太多只会让人讨厌,要注意重复的”度”。太多的重复会混淆重点,都是重点等于没有重点。一般来说看,呈均匀的重复式图案,是作为背景使用的。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

左边海报钟,我们的视线会被那一个不同的女孩吸引住,这个女孩和左上角的文案”敏感词万岁”想呼应,这种同质中的不同,即是变异元素,用来制作视觉焦点。右边海报是葛西熏设计师为日本著名设计师仲条正义的个人展设计的海报,其中重复的形象是一个腮帮鼓起的小孩形象,不知道是在喝东西还是吐东西,这个具有冲击感的形象其实和这次展览主题”饮&呕吐”呼应的,设计师想表达仲条正义的创作于人生,正如这个重复的形象,不断吸收,不断推翻,最后不断创造。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

留白留白是虚实空间对比的作用。适当的留白能让页面透气,有呼吸,给人舒适感。大量视觉信息堆砌时,每个元素都要经过眼睛扫描,大脑处理,当找不到重点的时候用户眼睛和大脑容易疲惫。在内容比较多的情况下,尽量在视觉上减少视觉分组;另外,多利用负空间创作一些巧妙的负空间。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

左边在留白的同时,利用了负空间巧妙的将海报的主题”美食”和”美酒”结合起来。右边的海报是日本大师原研哉的设计作品,大量的留白空间更加显得中间寿司的精致,少而静的视觉元素提升了作品的品质感。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

变化 一成不变的元素会容易乏味无趣,版面也缺乏灵活感,如果将一些元素发生位置,大小或者颜色变化,打破版面呆板、平淡的格局,使得画面非常有层次感,不失为打破格局的好方法。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

左边的海报如果将所有的元素归位,这将是一个文案和人物分开中规中距的构图,当他们的位置发生了一些位移,整个页面变得有趣多了。右边海报采用了s形构图,如果这些圆圈是大小,颜色一样的,可能没有多少人会有耐心的阅读下去。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

四.设计流程

前面我们了解了版式组成的元素,构图和设计原则,那么我们在工作中怎么利用起来呢,下面介绍我自己的设计流程,每个人的流程都不一样,大家都可以根据自己的习惯来调整。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

1.需求沟通,确认主题当接到需求的时候,第一步不要着急马上开工。先要找对需求的方向,才能提高工作效率,事半功倍。沟通主要注意几个方面:A.需求的目的是什么?目标用户是谁?背景是什么?——对症下药B.这么多文案或者素材里面,哪个是一级二级?——划分信息层级,寻找重点C.风格上面有什么要求或建议?能否用3个关键词表达?——预期效果是否达成一致Ps:关于第3步风格沟通,建议双方用图片交流和表达。毕竟每个人对”高大上”的理解都是不一样的,有的人认为是五彩斑斓的黑,有人认为是大量的留白。有了图片,我们可以去分析图片符合”高大上”的原因是哪些,从而提炼出具体的元素,将”感觉”具体化,这里也是运用到了情绪板设计的体系。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

2.确定构图形式,学会视线引导根据前面的沟通和风格关键词,收集好用于表达信息的元素,包括图形图像文字等等,然后在草稿或者脑海中构思好,怎样的排布能让信息有效的传达出去。另外作为设计师要学会引导用户的阅读视线。比如你找到了一个抬头向上看的模特,你可以把文案放在海报上方,用户会习惯性地自然地沿着模特的视线看到文案。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

3.色彩搭配,5种平衡关系关于配色,网上大家都可以看到很多方法和理论,下面介绍这5种色彩平衡的方法个人觉得比较实用,也比较容易理解,大家要根据实际需求来运用合适的配色方案。互补色——相互衬托互补色就是色环上相对的两个颜色,海报中的绿色和红色就是这种关系,相互映衬,相互衬托,从而达到了一种平衡。 冷暖色——情感表达当我们想表达强烈的情感时候,可以用冷暖色去对比,经常会在电影海报或者插画作品中看到。深浅色——色彩层次这里的深浅指的是黑白灰对比的重和轻,一般来说,色大而深显得比较重要,色小而浅显得比较次要,我们可以看一下前面讲构图那快展示的海报黑白版,会发现这个规律更加明显。 中性色和彩色——视觉聚焦中性色指的是黑色,白色和灰色,也叫无彩色,当中性色充当背景色的时候,彩色部分会更加突出和聚焦。纯色和花色——平衡多色关系如果一张图中,主体本身颜色比较丰富鲜艳,背景色也五颜六色的话就眼花缭乱了,也就是经常说的辣眼睛,这时候一般采用纯色的背景来缓解视觉疲劳和平衡多色之间的关系。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

平面设计交流|为什么有些设计师在版式设计中总是没有思路

4.确定字体搭配不同的字体有不同的气质,根据风格来选择合适的字体。如果遇到比较好看的字体,却不知道叫什么名字,可以找一些以图搜字的网站,比如求字网等等,避免伸手党。黑体工业现代感比较强的无衬线字体,给人感觉端正刚硬,具有力量感,多用于表达简洁或信赖感的主题。宋体细致优雅的衬线字体、苗条细长,特点是复古,多用于表达文艺或者时尚的主题圆体圆体的笔画圆润,柔美,可爱,具有亲和力,多用于女性或儿童的主题领域书法体书法体特点是潇洒大方,气势磅礴,具有历史感,多用于表达传统文化或者历史主题。哥特体哥特体是装饰性比较强的衬线字体,线条交接处和末端具有明显的粗细变化和装饰。特点是犀利、凌厉,多用于表达惊悚、魔法童话或者战争的主题。艺术体艺术体其实是泛指像素风格,手写字体,汉仪六字简等等具有强烈的艺术风格和设计感的字体。特点是轻松活泼,具有观赏性和趣味性。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

平面设计交流|为什么有些设计师在版式设计中总是没有思路

平面设计交流|为什么有些设计师在版式设计中总是没有思路

五.案例演示

上面的案例大部分是平面展览或者电影海报,那么实际工作中的网页,banner,闪屏或者ui界面这些怎么办呢?其实方法都是一样的,版面设计的原理应用在各个方面。这里演示一个移动端banner设计案例吧。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

首先,运营小姐姐的文案非常简洁,没有冗长到让我要分成一级二级三级;其次需求的目的也很明确,就是要突出2个素材和按钮;最后风格也没有奇奇怪怪的提议,只要和产品整体调性一致就好。那么在这里要介绍一下产品的背景了,pins是一款少女心拼图app,界面简洁清新,多种布局模板和背景。很快的,我在脑海中简单地构思了一下构图的方式。其实3种构图形式都是可以的,但是为了更好的突出按钮和素材效果,我最后选择了对角线构图。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

先在黑白稿的情况下把文案和主体布局好,让主次关系清晰;考虑到目标用户大部分是女生,使用了圆形字体,配色主要是参考了pins的logo的配色,少女心的品牌色;最后细节调整,加上一些点缀的元素,其中网格是pins比较受欢迎的背景。一个简单的banner就这样完成了。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

当我们的工作内容无法满足做文字比较多的平面海报的欲望时,可以考虑自命题的练习。当时听到许巍《无人知晓》这首新歌的时候,有一些感悟和想法然后做了一些C4d素材,想利用它作为主体和歌名做一下排版练习:

平面设计交流|为什么有些设计师在版式设计中总是没有思路

在开始动手做之前我就想好了这次想做一个视觉直观而强烈的海报,再加上主体是文案和素材的结合,所以我才采用了满版构图。在黑白灰中将主角和配角的位置确定好,再去调整字体和距离。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

然后调整主体中4个字和素材之前的交叉和重叠,细节调整后,我尝试了2个配色方案,一种是利用主体素材的颜色进行搭配,平静和谐;另外一种是红蓝配色,直观强烈。

平面设计交流|为什么有些设计师在版式设计中总是没有思路

总结:最后总结一下,我们在进行版面设计时候,要注意从这几个方面去不断调整和检查,同样当你看到一张海报的时候不知道怎么去思考和分析,也可以从这几个方面入手:1.主题是否鲜明?视觉焦点是否突出?2.构图是否平衡?(3种平衡关系)3.设计原则是否合理运用?(6个设计原则)4.细节是否丰富? 是否有趣? 细节考验着设计师的情怀。(字体、色彩、光影等)

平面设计交流|为什么有些设计师在版式设计中总是没有思路



作为一名设计师,该如何提升作品的整体设计感?

www.ptupian.com阅读(8)

日常工作中,很多人的作品会出现缺少设计感的情况,也就是给人的感觉不够专业,只停留在PS软件阶段,而这样的作品很多时候只能做到满足日常图文信息的传达,无法通过设计给用户留下很深的视觉印象;相反,富有设计感的作品则会给人一种惊艳、眼前一亮的感觉,这对于视觉形象的呈现和传达起到了很好的辅助作用;那么如何提升设计作品整体的设计感呢?我们常用的手法有哪些?本期就和大家一起分析、总结一下。

学会使用点缀元素

这里所说的点缀元素多指形状、英文类的元素,当画面整体设计感不够时,我们可以适当增加画面点缀元素的出现,通过点缀元素填充、相互作用,使得画面富有内容感,增强画面整体的形式感,进而提升整体设计感,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

这些案例中无论是形状、线条、英文等等一些点缀性的元素,都起到一定提升设计感的作用,在设计中形状、线条、或者碎片化的文字等等本身都具有一定的形式感,而这些富有形式感的元素合理的与画面结合,相辅相成,就有了提升设计感的作用;从这些案例中我们也能发现,当画面去除这些富有形式感点缀元素后,对于信息表达能来来说并没有很大的影响,但是对于视觉呈现的最终效果来说,还是会有一定折损的!在使用一些点缀性元素时,要注意的是无论是线条、文字还是各种形状,都要确保元素组合本身都具有一定的美感、形式感,这样才能起到提升画面视觉形象的效果,而不是随便乱加,根本不明所以、漫无目的的添加,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

这些用于点缀、辅助性的元素组合,只看其本身就具有一定的形式感和设计感,这样的元素在使用起来也会更加直观,效果立竿见影,且整体给人的视觉感受是很丰富的,当然这些用于点缀的元素也要符合主题,要做到在提升设计感的同时兼顾整体主题性的视觉呈现!

文字的特殊处理

文字作为画面中不可缺少的一部分,很多情况下文字可以作为画面的主体,提升画面设计感文字也是一个切入点,将文字通过一些特殊的处理手法,提升文字本身的形式感,也能很好的将画面整体的设计感提上一个台阶,那么将如何提升文字本身的设计感呢?接下来通过常用的手法逐一分析:

一、字体笔画拆解法:在不影响字体本身信息传递的前提下,通过笔画拆解的方式赋予字体组合更强的设计感、形式感,从而去影响画面整体的视觉呈现效果,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

通过对比不难发现,将主体字体的笔画拆分、删除等手法的运用,使得整体呈现的视觉形象更加鲜明、更加吸引用户眼球,设计感也有很大程度的提升,同时保留了文字信息的识别性、可读性!

二、字体笔画变色法:通过笔画拆解法的运用,还可以给某一笔画变色,更进一步的增加其变化,提升设计感,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

通过拆分笔画以及部分笔画变色的处理手法,使得整体的设计感更强烈,画面整体的视觉呈现效果更具吸引力,从而也更利于视觉传达、以及提升画面带给用户的视觉印象!

当然也不仅仅局限于拆分和变色,也可以是对某一个笔画特殊化处理,比如:模糊处理能够营造出一种前后、虚实的立体关系;动态模糊、风格化则会呈现出一种速度感、流体感等等,只要是在不影响识别性和可读性的前提下,也可以对字体进行一定的特殊化处理,要懂得在此基础上灵活运用!

三、字体图案化处理:在不影响字体识别性的前提下,将字体通过叠加图案的形式特殊化处理,同样也可以提升一定的设计感,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

赋予文字整体或者部分图案变化,因为很多图案本身都具有很强的设计感,把图案运用到字体形式中,也是增强设计感的常用形式之一!

补充:字体的特出处理手法不仅仅只有这些,不要局限于某一种,比如:给文字叠加肌理、材质,将文字斜切做出空间变化的形式,字体的二次设计等等都是整体设计感的切入点!

色块切割法

首先说下”衬块”的设计手法,那么什么是衬块呢?可以理解为在原形状的下面再使用一个色块,用于衬托主体的形式,比如:

作为一名设计师,该如何提升作品的整体设计感?

这就是一个简单的”衬块”手法的运用,衬块的手法可以提升主体的视觉形象,使得主体形象更加鲜明,这在很多服装类目的海报或者页面中都很常见;显然”衬块”手法也是提升设计感的一种手法,而色块切割法也是基于这个基础之上继续寻找变化的一种形式手法,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

通过色块切割的形式,将画面整体设计感又提上一个层次,同时也增强了画面主体的视觉形象,给用户的视觉冲击力也更加强烈,而这里虽然采用了一些切割的手法,但是都是建立在不影响主体视觉的前提下,加强画面感的一种形式,并没有打破原本画面的主题性,这也是需要兼顾的一点;这种色块切割的形式在日常工作中也是比较常用的,比如:

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

作为一名设计师,该如何提升作品的整体设计感?

无论切割的形式、色块的形状、切割的大小,这些海报都很好的诠释了色块切割手法对于画面整体视觉提升的帮助,有了形式感,画面的设计感自然就会得到很好的提升!

总结

增强画面设计感并不是要把设计感、形式感放在第一位,而是在完成基础工作后继续优化作品的一个过程,无论运用哪种手法、何种形式,都要确保符合画面整体视觉形象,而不是顾此失彼,忽略了设计的本质——传达!当然,这里所说的一些手法只是为大家提供一个参考方向,提升设计感的形式远不止这些,举一反三也是很重要的。

 



满大街都在P图大家怎么看

www.ptupian.com阅读(59)

p图是一种技术,高水平的那是一种创作,平面设计都是p图p出来的,所有的喷绘广告,网站的首设计,海报 等等都是用p图的,用途很广的。p图p人 尤其是明星 要小心 容易侵犯这些明星的肖像权。比较较真的,会提起诉讼,所以要小心p图p人的话就找那些漂亮的 不知名的。有一个搞平面设计的 宣传计划生育,把李宇春的头像放到了计划生育宣传 海报上,不是被李宇春的经纪公司给告了。



PS图片处理改字改图请联系客服

www.ptupian.com联系我们

爱徒相关文章插件,快速提升流量