赞助商
立即赞助

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

平面设计3年前 (2021)发布 流光
3.3K 0 0

@研习设K先 :无论学习设还学习其他任何事,我相信每人都喜欢走捷径的本性。比如学设这件事,很多人看过一些书籍,也看了很多教程,到发自己还不会设。这就让我们思考一问题,就造这种况的原因什么?当然肯不这些书或教程的问题,关键于我们学习的方法不对,抓到事的规律本质。人学习的过程中重的就总结验规律,总结验规律其中重的一核就模仿。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

比如我们小时候学习话,我相信人一出就始学习拼音汉字的。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

但随不断的,慢慢的我们会始一些基本的语言,比如爸爸妈妈之类的,这怎么学会的呢?就靠模仿声音。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

我们再举例子,比如我们的穿打扮,虽然不同的人喜欢不同的风格,但我相信几人会去专门学习怎么穿衣服的,除非专业模特或者特别意外表的人。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

但的人穿的好看,的人穿的就比较土,且每人的风格都不同,这什么呢?同样也因每人模仿的对象不同。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

当然了,模仿就会失败的时候,比如这种杀马特风。

而设计也是样理,论是任何领域设计,论你学了多少知识理论,最终呈现出来是作品,所以模仿是个常有效学习法,并很多设计大师也都是从模仿开始。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

是这里我们主要探讨是版式设计,什么版式设这么重呢?回答这问题之,我们先看看什么版式设。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

什么是排版

谓版式设计说的白话一点就叫版,就是把字、插图或照片等各种信息整得更具有条,易于人们阅读和解,并且还要具有一定的美观。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

如这里左侧是案信息,右侧的海报就是将这些信息进行有条的编,再上适当的图形来,构成既美观又于阅读的视觉画面就是版。

排版的作用

接来我们看看版都有哪些作。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

从大的范围来看版包含的元素有很多,如最基本的字、图片、插图、表格等等,但是总体上还是可分为两大类就是字和图片。如果使到字就需要考虑字体的气质是否与容相符,字号和字重的择是否美观于阅读。而对于照片等图片的版需要考虑的就是图片的数量、图片的大小,及图片的美观等等,最后将这些元素有序的结合在一起并且还具有一定的设计美感够有效地传达容,这就是广义上版的作。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

但是版并是单指传统意义上的版式设计,它包含的领域是非广泛的,无论是海报、画册杂志,还是页UI,版都是传达信息必可的工具。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

但是传递信息的方法有很多,如何才最大的传递信息,这就需要根据具体的设计容从各种同的角发构想了。

排版的特征

面我们再来看看版的特征。谓版的特征,这里要指的就是同设计载体的特征。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

如画册或杂志通是在版面里插入多张照片和插图,为了一翻开就达到一目了然的效果,通需要设计成跨页的形式,在此基础上再适当的进行字编。画册杂志通是图片为字为辅。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

而书籍通是字为中心的设计载体,除了封面分外书的体容基本都是本列的形式,为了读者集中精阅读,版通较中规中矩,需要太多的编技巧。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

而广告宣传单、海报、折页、名片等,通需要把尽量多的信息放在一张纸上,相对来说是较难的形式。因为需要更多的技巧对信息进行梳,够很好的传递信息的同时还要具有一定的视觉冲击,这样才吸引人的眼球进而人阅读信息。而名片通很使到图片,字的编和色彩的是决定名片好坏的键因素。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

而页和UI像纸质媒体一样拥有固定的空间,这是版时需要注意的特征。在版前需要设想使的终端,如电脑、平电脑、手机等等,同时还要考虑画面的效,这是纸质设计容具备的,但版的具体规则总体上来说并没有太大的差异。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

说了这么多实只是想告诉大一个道,就是版式设计的重要性,因为无论是么载体的设计都需要到版式,而他元素就一定都会到。

从优秀作品中学习

知道了版式设计的重要性之后,那我们就开始从优秀作中来习,这里我们从个角来看一:分别是字的编、图片的编和色彩的搭配,而每个分会大个小技巧,在一起一共就是九种方法。

  1. 文字的编排

首先来文字的编排。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

通过大胆地使用黑体字可以让版面引人注目,再加上字体的大变化使杂志版面充活力。比如这个画册页面,整体使用了黑体字形,而左侧页面背景使用了实物照片,上方通过添加色块的方式来突出文字息,并且还有双色对比。右侧页面下方使用了一张去底图片以及一张长方形图片,形成了形状对比,从而更加丰了版面,让整个画册页面更加活灵活现,有计。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

第二种文字编排的巧就是宋体字加留能使版面变得典雅有文艺气息。如果能好的使用留,那无论是使用横向文字还是纵向文字,版面都能给人简洁、干净的印象。因为只要是文字的大发生变化视线就会受响,从而让人清晰地受内容息的变化。比如这个画册页面这的留就恰好,不仅会为版面营造出典雅的觉,同也可以好的突出文字的可读性和图片的辨识度。左侧的页面使用了一整张图片作为背景,上方搭配少量的段落文字息,右侧的页面形成对比,同保持整体的格调不变,似简的计其实包含了多容易被人忽视的细节。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

第三种方式就是大胆地理文字标题,通常也能产生想不的效果。在排版中可以大胆地放大标题或者进行有形式的编排,以此来产生对比。比如最简的形式就是将标题文字上下错开排列,或者进行出血理,将文字延伸版面外,通过这种法能使标题显得有动有变化性。比如这个页面整体的编排简,并没有使用多的编排巧,而且这还使用了字叠图的表现法,从而让文字图片产生系,而不是相互独立的存在。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

这计一个关于游的杂志页面,使用的巧就是在字体部中讲的对比率高的黑体。首先创建版面,然后左侧为形象页,因为主题是消暑计划所以找一张蓝色的水的图片作为背景,然后将英文标题和中文标题使用大字号编排并且进行出血理,然后将其文字息置成字号排在空余位置。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

为了丰画面,所以找了和内容柠檬相关的图片,文字形成层叠的效果,那左侧页面就差不多了,着再来右侧页面。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

因为右侧主要是以文字息为主,所以先创建网格,这使用的是三栏网格。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

然后根据网格规范,将文字息编排好。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

最后添加和左侧相呼应的图片素,这个页面基本就可以了。这并没有使用什巧,就是通过字体大的对比丰的版面,来增加变化。

  2. 图片编排

接下我们再看看图片部分。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

画册或杂志中常用的图片处理方式就以方形主,这样会让版面具整体感沉稳的效果。以方形照片作版面的主体可以将照片按小分不同的层级,此外还可以借照片自然引导读者的视线。比如这作品中,右侧一整张图片作背景,方配相应的文字信息,特写的效果富冲击力,左侧使用了数较多的图片与右侧形对比,同时这里的图片都使用方形的形态,虽然不完全的对齐错落感,但并不影响整体的形式。这里不仅使用了方形,还方形的图片,整体既统一又对比,同时还能起到吸引视线的作用。所以以方形主的图文编排会让版面非常条理秩序感,同时还具节奏变化,一比较简单实用的图片处理方式。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

第二种图片的处理方式就将图片整版裁切,这种表手法会让版面具视觉冲击力。这方法其实就将超出版面范围的图片行裁剪,这样能够化的表图片的张力,需注意的就对文字信息的处理,虽然图片添加文字看去很简单但其实并不,因无论将文字照片的哪置都需充分考虑文字的颜色,保证文字的识别度,且还不能影响图片的效果。这画册页面虽然页距具少的留白,但两张图片仍然属于整版裁切的手法,图片方的文字色使用了白色,与底图的色调形对比,保证了文字的识别度,且我们看这里的文字编排,也使用了字强对比的形式,整体看去很简单的编排,但通过对特写图片的裁切处理,让整版面显得十分饱满。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

第三种图片编排的方法就胆处理照片,这种方法比一整版裁切加灵活。比如这画册页面使用了三张图片充满了版面,让图片看起加直观,突出了图片本身的魅力,且我们看这三张图片也不随意置的,它们一种顺序的联系,也就米通过人的加得到了寿司,简单的三张图片很好的将主题内表了出。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

同样我们还用这三种方法其中的一一案例,这里我们设一品牌子的画册页面,使用的方法就图片的整版裁切。首先创建尺寸然后将产品图片置到版面当中行裁切,其实到这一已可以看出这版面的整体感觉了,因背景图片已确了。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

接下将文字信息编排这页面就差不多了,类似这种以产品主的形象页,特别合使用我们所讲的这种整版裁切的方法,因文字信息通常很少,所以图片就显得尤重,整版裁切恰恰能化的体出图片的优势。

  3. 色彩的搭配

我们来看看最一点就是彩。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

首先一个小技巧就是使用和主题相符的关键,比个画册页面内容是和大自、温泉有关的。一说到大自我们通常最快联想到的就是绿,而个页面中正是使用绿块来强和点缀,加上淡的米黄,很的贴合主题,传递的印象一目。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

二种方式就是使用不同的颜在每个页面上,也就是用彩来区分页面。比使用红、黄、绿、蓝种鲜艳的颜,通常以给人留下深刻的印象,而且还能够明确地展示所介绍的物品。果照周围是跟背同一系的颜,让版面整更加统一协,具有鲜明对比的同时还能增强整感。比个画册页面左使用蓝,中间的图使用框来强,但是图的背也是蓝,而右页面使用绿,同样图的背也是绿,图上红的花到点睛的用。样左页面与右页面在相上就有鲜明的对比,并且在上进行统一,给人的印象非常清晰,很的突出每个页面的个。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

最一种关颜的使用技巧就是灵活地使用颜,将不同的内容分开便有效的阅读信息。比个志版面上就用四种颜划分出四大块,而且里还对块进行形状处理,样以使志版面整看来更加灵动,避免使志版面单整齐,而是看上去更加自由欢快。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

最我们来做一个彩的案例,同样也是画册页面,使用的方法就是在每个页面上使用不同的颜来凸显个增加对比。我们先做一个雨伞内容的画册页面,创建完版面之先将产品放置在版面中心位置。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

将文字信息编排,版式部分就完成,以说非常简单,我们需要考虑,果是现在样明显很单一,所以就使用之前我们讲到的一个方法,就是用彩来区分页面。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

里我们就使用粉和绿来分别填充两个页面,文字反白,个案例就完成。需要注意的就是使用种方法要考虑到的统一,果对比大,就造成彩上的不平衡。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

里我们还做另外一个案例,也是使用同样的方法,就不讲。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

本教程到这里就结束了,我们从模仿的角度出发告诉家学习规律总结规律的重性,并且也明了版式设的重性,接我们以画册载体,从字体编排、图片编排色彩搭配这三点手,通过分析相关优秀作品,总结出了种非常简单却很实用的小技巧,无论新手设师还一验的设师,都不轻视这些小技巧,因当的况下使用,会收到意不到的效果。可能的人会什么这里我们讲的都画册,那其他的形式不就不用了呢?当然不,画册版式设比较基本的表形式,比如可以把画册当作横向的网页,也可以把画册的每页面当作一海报,希望家能够明白这道理灵活运用。

欢迎关注研习设微信公众号:「Yanxishe2017」

做设计,没灵感,想借鉴?这几招让你摆脱负罪感!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

这一期是版式三部曲的最后一篇内容了,这次打算跟大家简单聊一聊配色的问题。 如果说构图相当于骨架,文字相当于五官,那配...
平面设计
近年来,设计圈有两大趋势不容忽视,一是人工智能、神经网络、深度学习无疑是时下最热门的科技名词,「人工智能设计」这个词...
Banner
2019 年 6 月,我们的增值团队推出了全新增值业务 QQ 大会员,其定位是基于 QQ 超级会员和豪华黄钻所有特权,同时提供更多增...
QQ会员
背景 QQ 游戏中心经过设计改版之后,我们重新设定了整体的世界观——多彩的游戏宇宙。并且对多个模块及内容进行了新的设计升级...
3D图标
平面与版式背后是千年来人类读取信息形成的习惯、约定俗成的阅读方式和心理学等,想成为一个优秀的设计师,我们需要进一步了...
平面设计
本文详细剖析11款字体设计的全过程。设计+解析+动效,以最简单易懂的方式,合成一篇字体设计分享文章,希望你会喜欢,并留言...
中文字体
使用抽象符号也要谨慎,避免元素过多抢了信息的风头。 其实有时候不需要加那么多,只需要轻轻点缀一下就可以了。 这是...
平面设计
设计没有想法?不知道该怎么发挥自己的创意?想到了一点什么内容,但不知道该如何下手? 今天跟大家分享的一个A+B的创意图...
LOGO创意