设计笔记——K(1)


1.版式平衡

版式平衡的三种分类,第一种是对称平衡,第二种是非对称平衡,第三种是整体平衡。制造平衡的五种方法,第一种是利用对称构图,这里要注意让画面种信息呈现倒三角形排布,这样有利于引导读者向下阅读信息;第二种是利用对角线构图;第三种是利用S型构图,S型构图和对角线构图有异曲同工之妙,都是有利于元素占满画面;第四种是利用稳定的几何图形,如矩形、三角形、梯形等;第五种是在画面留白处加文字信息,这里要注意素材指向性和动势。

摘自http://www.zcool.com.cn/article/ZNTU0OTk2.html

以下摘自微信公众号 研习社

2.视错觉校正




摘自https://mp.weixin.qq.com/s/KiZEcLTBXC_LFJ32YBbOHw


3.倾斜带来作品设计感

当画面处于30°—45°度区间的角度时,会给人带来跃动的印象,这种动感能够让画面变得活泼起来。但这个角度的构图仍未超出人们正常观看事物的正常视角。当处于90°的视角时,画面开始变得新颖起来,趣味性也逐渐增强。当画面构图以180°的角度呈现时,版面与文字几乎镜像垂直,分不清哪里是正面,给人空间错乱的印象,这种超现实的表现手法也经常出现在电影海报中。

改变角度这种方式总体来说会传递出个性、活泼与不稳定等印象,这对于需要传递出严谨、正式、权威等气质的领域来说并不适用。


摘自https://mp.weixin.qq.com/s/xaj79EzDBr5j77qzcCg7tA

4.字体的分类




摘自https://mp.weixin.qq.com/s/6pQ3Q6kz64IjDHb5ncuRnQ


5.设计高点击率Banner


                                                                          小尺寸版面

                                                                        不同尺寸的延伸



模拟案例演示,从标题文案中,我们可以提取出“跑调”“放飞”“电影配乐”以及“品味”等关键词。在第一层关键词中似乎还很抽象,我们可以继续联想,跑调可以理解成找不到音调,这个“找不到”就可以用更加具象的指南针来比喻它,五音不全也可以代指跑调,那么跳动的音符图标呢?以此类推,借助思维导图的方式,我们可以将抽象的词汇找到可以表现的具象的点,并根据这些关键词来发展创意,从不同角度找到设计的切入点。


摘自http://mp.weixin.qq.com/s/rvvpn92FlcDFi6B52rXQaw


6.印刷知识

不通过四色合成色彩,而是专门用一种特定的油墨来印刷。 任何一种颜色都可以转换成专色,从成本来说,专色印刷也会更加高昂。我们可以通过潘通色卡等工具来快速查询专色效果,软件中也都有相对应的潘通色库。拾色器——颜色库。

顶部的三角感叹提示着当前选择的颜色超出了可印刷的范围,并在三角形下方给予推荐色彩,而下方的立方体则说明当前色彩在Web上可显示的最接近色彩。


纸质材料:铜版纸、胶版纸、凸版纸、白卡纸、拷贝纸、新闻纸、牛皮纸、特种纸

特殊工艺:烫金、烫银、UV上光油、压凹、激凸、镂空/模切、镭射膜 、覆膜等

7.渐变色

了解渐变色需要从以下三个角度分析

颜色的选择:色相渐变、明度渐变、饱和度渐变...

使用的数量:单色渐变、双色渐变、三色渐变、多色渐变

使用的形式:线性渐变、径向渐变、混合渐变


获取渐变色最简单的方法就是收集喜欢的渐变色直接应用,如没有特别满意的再自己手调。

当我们打开拾色器面板默认状态选择的是H,我们可以分别选择R/G/B会出现不同的渐变效果。

8.裁切图片

拉近与观者的距离:经过裁剪后,以特写的形式呈现,拉近了主体与观者的距离;照片的尺寸越小,越需要简洁的画面。

改变传递的主题

从画面中提取填充元素


添加跃动性


摘自:http://mp.weixin.qq.com/s/ayadH5o9dScaCeHDQEaw2g

8.画面太乱的6个解决方法

版式中的呼应:色彩的呼应、重心的呼应、形状上的呼应、负空间的呼应、位置的呼应、文字与主体的绕排。

1.色彩呼应

2.形状的呼应

3.位置的呼应

4.重心的呼应

5.负空间的呼应

6.文字的绕排

摘自:http://mp.weixin.qq.com/s/5aLFCJTqbyMXy25J0Ce1Mg


9.如何营造纵深和层次

刻画方法:位置与大小,添加光影,色彩的进退

1.位置与大小:根据近大远小的原则,可以通过将元素缩小来产生位置的变化

#修改元素的大小一前一后

#元素之间相互叠压


#变形与透视



2.添加光影

#近实远虚

#添加阴影


#添加倒影

倒影与阴影一样,可以描述物体与地面的关系。同时,倒影的加入也会为画面增加品质感。


3.色彩的进退

#近明远暗


#近纯远浊

越靠近地面,天空的色彩越会变得暗淡。离地面越高,色彩纯度也会越高。

#近暖远冷


案例


10.素描知识

了解了物体的基本结构,你就打开了无限的可能性,当你看到一个形态的时候,脑海中会自动精炼它的形状,有时候物体形态比较复杂,所以你就必须要磨练观察力。你要做的不仅仅是观看,而是观察,并且还要学会思考,当观察力提升了之后,你的造型能力也会随之提升,这不仅能提升logo设计、字体设计的美感,更会缩短设计周期和学习的时间成本。

设计师精炼了它的造型,以简洁的线条形式表现出来,对于物体结构的把握是绘画中重要的一个环节,它能提升在设计中的造型能力。从网络找到很多老鹰的照片,仔细观察其造型和姿态,从中精简出图形,所以观察力无论是绘画中还是设计中都是必不可少的。

我们对黑白灰有基本的认知。那么在设计中是如何体现的呢?这里我们归纳三个大方向剖析。摄影照片、合成设计、立体字。

有一个较方便查找明暗关系的诀窍,画面中有红色的立方体作为参照,根据立方体的明暗关系,分析出光源的位置进而对产品的明暗关系有一个认知。
合成类的设计,同样可以把画面的中的元素看成是几何形体,了解各个部分的结构和转折。如何把主体和环境和谐巧妙的融合在一个画面中是合成设计的关键,这其中就包含了明暗关系的统一

11.名片

名片大致可以分为商务名片、个人名片和创意名片三类。

中式标准90*54,美式标准90*50,欧式标准85*54,窄式标准90*45.

横式版型水平感强,会传递出沉稳和具有信赖感的印象;而竖式版型垂直感强,会给人时尚、雅致和女性等印象。



修改


对于名片来说,信息的分组是非常重要的知识点

12.做到这几点

1.工作的目的,最基础的无非是想得到学习机会、薪资待遇、发展空间、业内声望这几点。新人设计师在选择团队的时候,尽量选择相对专业的团队加入。我们设计行业,招聘新人的主要目的就是为了节省成本,而你最大的竞争力也就是比别人要更便宜,这个优势要利用好。认清事实,在没长成之前,没人能看出你的潜力与意志,菜鸟就是菜鸟,老老实实的吃菜涨经验,多向老鸟学习捕食技巧,肉当学费先喂给他们吃好了。

如果你很不幸选中了一个待遇一般,没什么发展的组织,那就离开,重新选择,这对于想要快速成长的你来说,付出的时间成本太高了。有时候,选择真的比努力更重要。

2.海报中的文案内容有主标题、活动内容、活动时间、地址电话、其他辅助信息等等。有经验的设计师会把版面中所有信息,按照它们的主次关系进行梳理,版面中的主体、主标题、活动内容一定是最显眼的,其他的内容也按照优先级排序就可以。

同样的逻辑,在一大堆的工作中,你也要找到那几个核心的、重要的任务,花最少的时间把它们做到你心目中的完美。假定管理者的要求是100分,你就要做到150分的水平,让他感到惊喜;相对重要的和次要的80分足以;不重要的工作有条件的话尽量分配给助手去做,这样才可能用同样的时间为组织创造更多的利润,利润增加了,这才是管理者希望看到的。

3.思维方式

正向思维:遇到挫折的时候,你的大脑会把挫折产生的问题和感觉引导到积极的方向,激励你用平和的心态去寻找解决方案。

强者思维:这是一种更强大的思维方式,强者思维是遇到任何问题都不给自己找借口,只会向内追寻。


不论你想成为一名能够独当一面的设计师,还是变成设计团队管理者,都需要你的专业能力足够强,强到能让管理者信任你、团队成员依仗你、客户尊重你。我们所处时代是一个信息爆炸的时代,知识、技术更新飞快,不要再指望你用学习1年的经验能重复使用5年。

13.提升设计档次

细节可以决定成败,细节也可以毁掉所有,我们一定要用辩证的眼光来看待这个世界。任何的设计理论和方法最终都要依靠审美,要学好设计绝对不能学死而是要做到活学活用。不够档次这个问题的根源就在于审美。

总结了几点具体且实用的方法供大家学习和参考:

1.字体问题

字体数量:字体数量过多会导致版面的凌乱以及缺乏统一性,建议在一个版面当中汉字用一种字体,英文或数字用一种字体,总之最好不要超过三种字体,并且需要考虑中英文是否搭配。

字体字形:使用之前要分析自己所做设计的风格以及了解这些字体的历史、气质、适用领域等等,决不能为了标新立异而胡乱用字。

字体效果:在这里主要是指字体的变形、立体字、添加肌理、光效、合成、分离打散等一切区别于纯文字的变化,技法往往做不好反倒会起到减分的作用,总之越倾向简洁越好。

2.图片问题

图片质量:像素

图片的统一:在多张图片的情况下,图片裁切的统一以及色调的统一等等

图片的美感:这里的美感主要是指审美守旧的问题

3.色彩问题

色彩的数量 :色彩的数量与字体的数量是相同的道理,除非是设计内容的需要,否则一个设计当中不宜使用过多的颜色。在你配色能力还不是很强的时候建议在一个画面中使用不超过三种颜色。

色彩的色调:高级感可以使用低纯度和低明度的色彩来呈现,相对来说浊色调和暗色调也可以很好的体现出高级感。反过来如果你想要让你的设计显得很俗,那么就大量使用纯色调吧。


14. 三种构图姿势

版式的布局就是在反复的进行“建立秩序”与“打破秩序”的过程。当文字放置到版面中时,矛盾就已经形成,接下来就是解决矛盾的过程。

1.倾斜式构图

提炼版式主次

经过整理的日期信息放置到画面中,版面中右上角比较空,我们将信息编排到右上角填补这个位置的空白。这里要注意,填补空白并不意味着一定要把画面填满。


分析信息的优先级,将人名凸显放大,弱化策展人/参展人,添加到版面的左下角中部位置与版心对齐。

将余下的文案信息经过整理后添加到版面中的空白位置,元素添加后,左右的余白空间被激活,整体给人变化丰富的动感和秩序美。画面到这里,基本就可以结束了。


2.压角式构图:主体文字在版面中压住四角的构图形式

拆分文字笔画并填色,为标题带来了装饰效果。因为元素分散在版面四角,需要在中央部分添加一个面积以链接各个元素。再次添加标题信息,并以说明文字的形式出现与英文补充成组。

将文字整理好层级关系后,编排成组,文字组的面积还不足以支撑整体版面,在底层添加图形元素继续丰富组合。

3.散点式构图

将主题信息加大行距与字距,以点的形式编排到版面中,英文通常以横排阅读,即使行距与字距相等也不会出现阅读顺序混乱的情况,而中文同时具有横排与竖排阅读的情况,编排时需要注意行距不能小于字距


版面的构图并非具有固定模式去对号入座,而是一种思维方式,辅助线的使用包括网格系统、三分法、黄金比例等等,也都是基于思维之上的。

15.如何不被计算机取代

创意和思维是设计师的核心竞争力,是AI无法代替的。


正如照相机的出现,并不会让画家失业;傻瓜相机的出现,也并没有让摄影师失业一样。面对AI技术的来袭,我们要更加努力的提升自己的专业技能,努力增加自己的阅历与审美水平,让未来掌握在自己的手中。

16.文字为主体的刻画

以文字作主形象的画面也较为常见,掌握好文字的刻画方法,能够明显增强画面的表现力。

1.背后的原理

比例和细节:对于图形来说,轮廓形状的丰富程度就是它的细节部分,尺寸越小,意味着轮廓越简洁,尺寸越大,意味着轮廓细节越丰富。文字比例越大,细节越丰富/笔画变化性越强;文字比例越小,细节越简化/笔画越规范。所以变化性较大的字体并不适用于小尺寸下使用

用来看和用来读的文字:标准字体属于用来看的文字,而对于海报、招贴等以视觉为主的媒介来说,为了更加吸引视线,字形设计注重装饰性,更偏向图形化的外观,也意味着不需要过于顾及阅读的效率。是以视觉为主要功能的字形设计形式。

2.文字的常用刻画方法

17.字体与图片的味道

通过为项目定位关键词的方式,进而筛选符合项目需求的图片信息。同时也可以根据项目的气质调性选择与之搭配的字体

1.筛选分析出一个与项目气质调性相符合的照片素材作为主画面。

2.构图分析,如:人物脸部占据画面的比例叫面孔率,面孔率高的照片会更加给人信任和理智的印象,画面的构图是正三角形的结构,这种构图结构也会给人稳定的心理感受。

3.色彩分析:对于照片来说,不光是拍摄的内容会影响到画面传递出的气质调性,画面中的色彩同样会影响一张照片的味道。通过将画面像素化,以简化画面中的色彩,方便我们对色彩的分析。

4.字体选择:Garamond是一款非常经典的衬线字体,也是文艺复兴衬线字体的代表,字体优美清晰,雅致庄重、笔画宽度有着细微的差别,纤细的字脚和头发似的细线构成了明快畅亮的调子,圆弧形衬线过渡流畅自然。

人们在阅读时,图片、字体和色彩等信息也会一同被眼睛所接收。而这些模糊的印象会下意识的形成不同的心理感受。作为设计师,我们需要主动控制画面所传递出的气质。

18.网格系统

栏间距的设置最好大于正文两个字左右的宽度,否则会让信息变得难以阅读。网格除了通栏网格,双栏网格到五栏风格,还有以下

一。案例

1.先确定版心:根据项目的气质调性以及内容的多少来决定版心的留白大小,版心面积小会给人雅致、宁静的感觉;版心的面积大,会给人热闹、丰富的印象。

2.划分网格

3.对齐基线

4.编排内容:网格也并不是排版中的万能药,具体的编排形式还是要靠审美来决定的。这里需要注意,并不是所有的格子都必须填满的,完整的留白同样是设计元素之一。

5.添加点缀

当然也可以尝试先编排版面内容,再根据现有版面结构去适配相应网格的方式进行


网格系统为设计者提供了版面骨架,使得编排过程变得更加简单。为版面中元素添加了连贯性和精确度,是提供秩序性的工具。



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,980评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,422评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,130评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,553评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,408评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,326评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,720评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,373评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,678评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,335评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,738评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2 335

推荐阅读更多精彩内容

  • 以下摘自微信公众号 研习社 1.怎样才能不被素材绑架 设计师要准确透彻的理解想要传达的信息,才能合理的利用素材来提...
    葡萄紫耶阅读 1,316评论 0 3
  • 以下摘自公众号 研习社 1.主色、副色、点缀色 掌握好色彩的功能划分必然会让你的配色过程保持思路清晰从而提高效率。...
    葡萄紫耶阅读 1,634评论 0 3
  • 天生泪腺发达,偏爱哭泣这种表达方式。开心、伤心;感动、愤怒;尴尬、委屈;悔恨、烦躁……在每次情绪到了的时候,眼角总...
    回聲echo阅读 749评论 11 6
  • 【翻轉日記,十一】 翻轉課堂最大的魅力在於不會要求學生統一模式進行發展,相反,這一教學策略可以激活學生的個性化差異...
    陈威Jonathan阅读 162评论 0 0
  • 夫妻结婚后 就像百元钞 刚印刷出来 红红的鲜鲜的 等过一些日子 钱就变皱了 没有新鲜感了 一年后 钱就变色了 等到...
    旖旎i阅读 330评论 2 9