分享

Adobe Photoshop我的排版技巧 色彩运用的10个技巧介绍

 百合仔 2019-05-07

第一篇

直接进入今天的主题:我的排版技巧

关于排版的一些技巧,在之前的文章上也说了很多,今天主要来分析一下很细节性的问题,也是很多时候容易忽略的问题,下面我们还是通过一些案例看一下:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

这个排版貌似有对比、有对齐、做了分组、也用了一些辅助性的元素,但是为什么给人的感觉还是这么乱呢?这和我们前面所说的理论相悖吗?其实不然,先来看一下这个排版都用了哪些中文字体:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

这个文字组合,分别用到了四种不同的中文字体,这对于整个文字排版区域有多大的影响?我把这组字体排版所用的文字删减为两种,看下整体的效果;

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

相较于图1,舒服了很多,感觉没之前那么乱了,但是还是感觉有点乱,那么我们再删减一款中文字体,只使用一款字体,看下效果:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

字体形式变少了,信息却清晰很了很多;从这个案例中我们可以得到这样一个结论:在进行排版时,尽量不要使用过多的字体形式,一般情况下1-2种即可,使用过多的字体形式不仅不能提升整体设计感,反而会使得因字体过多而导致排版信息的混乱!虽然把字体的问题解决了,但是上面的排版还是存在着一些其他的问题,下面我们继续尝试着改变一下:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

改变前与改变后的区别还是很直观的,下面很直观的说下具体改变了哪些,为什么要这样改动?

改变一:把整体的排版区域缩小了,相较于改变前,整体的留白多了一些,文字排版区域占矩形范围的比例减少;这么改的原因在于:矩形边框等于是给文字排版区域划定的一个区域范围,也是排版中的一部分,缩小排版占总体的比例使得整体很通透,不至于给人一种很满,拥挤的感觉,从而提升可阅读性;这也是很多新人容易忽略的一个误区,比如做个立即购买的按钮:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

很简单的一个例子,看过之后会有怎样的感觉,哪个给你的感觉更舒服?其实道理很简单,一般情况下在有边界束缚的文字或者排版,过于饱满会形成一种无形的压迫感;现在想一想,你有这个问题吗?优秀的设计师一定不会忽略细节!

改变二:边框加粗、竖线加粗,与主题文字信息笔画形成一定的呼应效果;那么这么改的原因在于:主题文字信息使用的是偏粗的思源黑体;而如果在主题信息里所用的线条反差过于大的话,会导致整个排版区域显得很薄弱,辅助性的元素有一种为了凑而加上的感觉,使得整体设计感不够强烈;比如前面的一个案例:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

主题信息所用到的线条与主题文字偏差过大会形成一种落差感,导致整体偏薄弱,当然并不是一定要完全保持与主题字体笔画一样粗细才叫合适,要根据整体感觉视情况而定,排版完成之后自己观察是否存在这种因线条的反差导致整体不协调的问题;然后再加以修改!

改变三:对齐更加工整,底部小英文距离主题信息距离上拉大了一些;这个原因其实就很简单了,对齐工整是为了增强整体的可阅读性,英文距离的拉大是为了让分组信息更加明显,使得整体更通透。

下面继续说另一个问题:在进行文字排版时,没有排版思路?有时我们不知道什么时候需要加辅助元素,加什么样的合适?

所谓的排版思路其实就是在整理信息,分清楚主次,主要文案做特殊处理或者放大加粗,目的是与次要文案拉开对比,突出重点;其次是在整理信息过程完成之后,要增强文字编排区域的设计感,不能千篇一律只会一种排版方式;最后要多尝试一些不同的文字组合式排版。

很多人认为文字组合排版很难,非也!这类排版方式只不过尝试的次数多一些,文字组合式排版很像是在做填空题,那么我们需要做的就是选择合适的字体,把主要文案信息放好;把一些次要的文案、图形、英文通过填空的方式与主文案组合在一起;这类的文字排版方式也很常见:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

可能只看图不够明显,我在原图上标注一下:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

这类的文字编排在一些专题性的电商海报中很常见;很多人在拿到文案时就想一次完成编排,其实这对于排版能力稍薄弱的人来说是个误区,不断的尝试也是进步过程,通常一个组合式的文字排版都需要从最基础的信息罗列开始,通过尝试不同的方案选定最终的成品,比如这样的文案:“踏遍世界,带你一起游遍世界,adidas”,下面演示一下:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

从一开始的书面文案,到最终的排版的形式,并不是一次就能达到自己的预期效果,同样也通过多次的尝试、组合;其实这就是组合式文字排版的一个过程;这里的排版用到了鞋子的剪影作为辅助图形,其实意图很明显,在文字编排中就能体现产品信息,而小英文和引号起到了填充多余空间以及修饰的作用;所以在文字编排时,用到的元素一定要明白为什么用?

关于辅助元素的应用在之前也说过一些,切记辅助性的元素要符合文案的主题,图形一样在传递这信息;比如:

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

不看排版的方式,只看文案与对应的两个图形,给你的感觉OK吗?这两个元素非但不会起到辅助的作用,反而会影响到整个文字排版区域;所以在用一些辅助性的英文,图形形状时,要根据其文案选择,或者用一些偏中性一些的元素,不能忽略细节性的问题!

最后补充一下:一些英文、阿拉伯数字可以充当图形的作用;要想学好排版,一定要多看,多练,不能只会纸上谈兵!动起手来!!

第二篇

色彩运用的10个技巧

色彩,这是一种多么深刻而神秘的语言啊!”的确,不同的色调能够调动不同的情绪和反映,能够影响用户对于品牌的感知。简单说来,色彩可以造就不同的设计。

幸运的是,我们的早已远离可选色彩匮乏的年代。正是因为色彩的极大丰富,配色方案的选取的确越来越麻烦了。

别担心,听听来自Creative Market社区的顶级设计师的建议吧,他们会告诉你关于色彩选取的最佳技巧,让你也可以轻松挑选最佳的色彩组合。

1、灵感捕捉

来自Make Media 的 Callie Hegstrom 是一名才华横溢的设计师,对于获取灵感,她是这样建议的:“我常常通过漂亮的照片来获取斑斓绚烂的配色方案,取色的时候直接通过PS或者AI就可以。图片是非常不错的配色来源,不过前提条件是你选取的图片一定要有足够的凝聚力。”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

所以,如果真的有色彩让你特别喜欢的照片,不妨直接借助它来制作一个好用而高效的配色方案。诸如Photocopa 这样的工具会让这个过程更快捷,你所需要做的就是上传照片,然后探索可能的方案。

2、用好你的色轮

艺术家Marc Chagall 曾经说过一句被广泛引用的话:“所有的色彩都是隔壁色彩的朋友,也是相反位置色彩的爱人。”其实这句话说的就是色轮。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

来自温哥华Cultivated Mind 的设计师Cindy Kinash 曾说过:“当使用水彩绘制花朵的时候,展现阴影最好的方式是使用色轮上相邻的色彩来绘制。”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

在Cindy的作品中,浅蓝和深蓝、紫色相邻,这一连串的色彩使用,渲染出了深度。色轮的使用技巧非常之广,色彩之间的关系是如此的清晰而富有规律,你可以轻松运用在不同的场合,创造出许多独特的组合。如果你对此并不了解,也不用担心,网上有大把的相关工具帮你搞定色轮的使用。

3、向室内设计借灵感

不同的设计领域,在处理色彩上有着相同的经验。在室内设计领域,设计师需要使用纹理、物体和色彩来调和空间。在这方面,来自MyCreativeLand 的英国设计师Elena Genova 有过不错的建议:“室内设计的许多设计规则运用在平面设计上非常靠谱,比如用色,60%的主色调、30%的辅助色、10%的强调色,这样的配色比例就非常不错。如果你需要引入第四种色彩,最好从辅助色当中分出一部分来。”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

其实许多领域当中知识和规律都是相通的,在不同的科学和艺术领域中借鉴规律并非是扯淡。所以,建筑学规律运用到平面设计中来,一点违和感都没有。

4、保存好设计

设计师 Nicky Laatz 拥有一家摄影与设计商店,她分享了她是如何将漂亮的配色保存下来并复用的:“每当我看到漂亮的图片和配色不错的照片的时候,我会截图并保存下来。当我需要寻求配色方案的时候,我会在图片库当中寻求灵感,总能找到符符合需求的方案。”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

Vanilla Frosting 是 Nicky商店中卖得最好的字体,它的配色和设计灵感就是来自于蛋糕。这也就是说,你的配色和设计灵感可以来自于许多不同的地方,不要给自己设限。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

你可能已经很熟悉Pinterest和花瓣这样的网站了,这些灵感网站不仅能浏览,还能保存许多数字化的设计作品用作灵感来源。那么物理实体怎么办呢?设计师Austin Kleon在自己的书《StealLike An Artist》中提到过一种方案:用文件夹和笔记本将你看到的杂志、传单等你觉得漂亮的印刷品等搜集起来,创造你自己的色卡和配色方案!

5、走出数码色彩的限制

有的时候,显示屏背后的数码色轮并不能满足你对于色彩的全部需求。离开屏幕,看看这个世界的色彩,而彩通配色正好为你满足了你的这一需求。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

设计师 Callie Hegstrom 就是这样做的,她以一种更加老派的方式来展示色彩的“物理形态”——使用彩通的配色手册(Pantone Color Bridge)。她是这样解释的:“有的时候有一本物理形态的色彩手册,是非常有用的。尤其是当用户需要一种特定的色彩的时候,手册会向他展示实际的效果。”其实仔细想想,彩通的色卡和手册也算不上太过“老派”,毕竟色卡上每个色彩都有对应的HEX值。对于有印刷和涉及色彩实体的设计师而言,有个色卡或者手册还是非常省时省力的,这会节省相当多的时间、金钱,尤其省却了不必要的来回折腾。

6、从自然取色

我们对于自然的色彩有着天然的亲和。如果你打算从大自然借色彩,还是有一些地方需要注意的。来自CO-OP的设计师Gary说过,自然的色彩里,有着无限的色彩组合。每一片叶子和没一个水果都有着令人惊艳的色彩,这些自然的东西能给人灵感。Gary在南非有着自己的网络商店,他的设计灵感来自南非“光明而温暖的阳光”。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

在这些富有水彩画质感的作品中,我们不难看出他的灵感来源:温暖的火红色,日落般绚烂的色彩,鲜艳的森林绿,充满生命力。你可以轻松在网上找到别人的设计和方案,但是只有你从自然获取到的色彩,才是属于你自己的。

7、专注于3到4种色彩

除非你是要设计一套奇花无比的“彩虹系”的作品,那么尽量避免色彩使用过量。智利平面设计师RodrigoGerman 认为,将整个设计的色彩控制在三到四个,会让整体看起来清爽而不会太过。如果需要超过三个色彩,尽量在现有色彩中加入黑白灰创造同色系色彩。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

这个案例中,Rodrigo 使用了Marty字体,色彩上也坚持了他的三色原则,只使用了粉色、黑色和绿色。所以,如果你想坚持自己的创意和设计,但是又感觉还有缺陷存在,不妨看看是不是配色方案用色过多。记住,最佳的配色方案是三种色彩。

8、根据主题来匹配色彩

想想看,你的设计到底是针对的什么主题。是关于运动、时尚、美容还是商务?决定了领域之后,你需要考虑的是与之相关的情绪是怎样的。这应该是一个可爱的时尚的宣传单,还是一个积极向上的体育海报?它应该是女性化的,还应该是优雅而开朗的?GraphicBox 的设计师 Salome 是这样的建议的:“你应该线构思出一个粗略的颜色主题,然后继续打磨细节。比如,你需要一个浪漫的紫色,或者可爱的粉红色。”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

在她的秋季Graphic Kit 中,Salome 就采用了相对朴实的绿色、浅橙色和复古红。仔细看看周围的类似的图片、设计和创意作品,他们用了什么色调、传达了什么情绪,如果你要借鉴的话,两者之间有什么区别,要注意什么细节,又该怎么使用。另外一个不错的选择是自己钻研色彩理论。研读一下色彩理论和色彩心理学,了解色彩之间的关系、色彩对于用户心理的影响。不过,请记住:选择那些最有效的色彩!

9、在Pinterest和搜寻主题模板

虽然国内的花瓣拥有大量“符合国人需求”的画板合集,但是用户基数与品质依然比不上这个领域的开拓者Pinterest。Pinterest 几乎是世界上最大的创意工作者的集散地,这里也有着数量庞大、可供选择的调色板。VintageDesign Co., 创始人 Ian Barnard 为我们详细讲述了在Pinterest 寻找配色方案的过程:“很简单,如果我正打算做一个海滩主题的海报,那么我通常只需要搜索‘SummerColor Palettes’,然后在搜索结果中挑选一个中意的就好了。 ”

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

就这么简单?当然,不过好玩儿的地方在于,你还可以继续细化筛选,针对不同领域筛选:室内设计、时尚、平面设计,甚至活动设计。

10、关注色彩爱好者的社区

Colourlovers 就是一个典型的围绕色彩而存在的创意社区,来自世界各地的色彩爱好者在这里集结,加入社区便可以同370万来自世界各地的设计师一同探讨配色方案。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

结语

色彩可以成就设计,也可以毁掉设计。它可以带来美丽与平和,也可以创造尖锐的效果,营造恐怖的氛围,而这些都取决于你,这些效果都最终归结于你对于色调的选取是否认真,都源自于你对于设计最初的想法。

Adobe Photoshop我的排版技巧+色彩运用的10个技巧介绍

图片来源/百度

记得关注哦

记得点赞哦

记得评论哦

记得转发哦

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多