平面设计基础
平面设计史
-
公元前38000年 :人类开始创作洞穴绘画,这是已知的第一种视觉交流形式。 -
公元前3000年 : 苏美尔人创造了第一种书面语言,目的是记录交易和库存。 最早的语言是标识语言,这意味着他们使用图标来表示整个单词和概念。 -
公元200年 中国人用木雕在丝绸、衣服和纸上印刷。 -
1040 北京用瓷器发明了世界上第一台移动式印刷机。 -
1455 约翰内斯·古腾堡(Johannes Gutenberg)发明了活字印刷机和印刷机,用它印刷圣经副本。 这项发明允许大量生产书籍。 -
1760–1840: 工业革命带来了新的印刷技术来提高效率,如光刻术,最终是彩色光刻术。 -
20世纪初: 印刷术通过科学、海报、报纸和广告发挥了更大的作用。 这些年充满了对设计潮流产生重大影响的艺术运动,如包豪斯和瑞士设计。 -
20世纪晚期到今天 计算机、Photoshop等软件和互联网的发明为新的设计学科铺平了道路,如网页设计、交互设计、UI、UX、数字产品设计以及无数其他数字设计。
设计理论与原则
合适的调色板 精心挑选的字体 精心排版的文本
![平面设计师主要关注应用设计原则进行沟通。](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/quote.jpg)
![平面设计师主要关注应用设计原则进行沟通。](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/quote.jpg)
![平面设计师主要关注应用设计原则进行沟通。](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/quote.jpg)
基本设计原则
余额
![对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/symmetry.jpg)
![对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/symmetry.jpg)
![对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/symmetry.jpg)
![非对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/asymmetrical.jpg)
![非对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/asymmetrical.jpg)
![非对称设计示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/asymmetrical.jpg)
团结
![设计中的统一示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/unity.jpg)
![设计统一示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/unity.jpg)
![设计统一示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/unity.jpg)
![缺乏团结的例子](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/no_unity.jpg)
![缺乏团结的例子](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/no_unity.jpg)
![缺乏团结的例子](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/no_unity.jpg)
对比度
![对比](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/contrast.jpg)
![对比](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/contrast.jpg)
![对比](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/contrast.jpg)
重复
![重复](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/repetition.jpg)
![重复](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/repetition.jpg)
![重复](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/repetition.jpg)
图案
![图案](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/pattern.jpg)
![图案](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/pattern.jpg)
![图案](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/pattern.jpg)
节奏
![节奏示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/rhythm.jpg)
![节奏示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/rhythm.jpg)
![节奏示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/rhythm.jpg)
移动
![运动](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/movement.jpg)
![运动](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/movement.jpg)
![运动](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/movement.jpg)
强调
![强调](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/emphasis.jpg)
![强调](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/emphasis.jpg)
![强调](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/emphasis.jpg)
比例
![比例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/proportion.jpg)
![比例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/proportion.jpg)
![比例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/proportion.jpg)
和谐
![和谐](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/harmony.jpg)
![和谐](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/harmony.jpg)
![和谐](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/harmony.jpg)
品种
![品种](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/Variety.jpg)
![品种](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/Variety.jpg)
![品种](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/Variety.jpg)
色彩理论
![色轮](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/color_wheel.jpg)
![色轮](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/color_wheel.jpg)
![色轮](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/color_wheel.jpg)
颜色配置文件/空间
![rgb与cmyk](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/color_modes.jpg)
![rgb与cmyk](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/color_modes.jpg)
![rgb与cmyk](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/color_modes.jpg)
颜色质量
-
色调 是色轮上的任何颜色。 它是颜色的另一个词。 -
饱和 是颜色的强度或纯度。 -
价值 颜色的明暗程度。 -
阴影 是通过在色调或颜色中添加黑色来创建的,换句话说,使颜色变暗以使其丰富。 -
明调 通过添加白色使颜色不那么强烈来创建。 -
音调 通过将黑白或灰色与色调相结合来创建。
色彩调和
-
互补的 色彩和谐将两种颜色配对在色轮上。 红色和绿色或蓝色和黄色是这方面的基本示例。 这有助于形成强烈的对比。 -
拆分互补项 色彩协调使用一种基色和两种二次色。 因此,不使用互补色,而是使用色轮上围绕其对称放置的两种颜色。 -
相似的 色彩和谐的工作原理是将主色与色轮上与其相邻的颜色相结合。 这个配色方案可以产生一种平静的能量,因为它很容易,没有太大的对比度。 -
单色 只从色轮中选取一种基本颜色,并使用其不同的色调、色调或色调创建调色板。 它看起来简单而内聚。 -
三位一体的 色彩和谐使用三种颜色,它们在色轮上均匀分布,形成三角形。 -
四元的 颜色是构成一部分的两组互补色。 当其中一种颜色在调色板中占主导地位,其他颜色用作强调色时,这些颜色效果最佳。
色彩心理学
![暖色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![暖色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![暖色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![冷色意味着和平与平静](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
![冷色意味着和平与平静](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
![冷色意味着和平与平静](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/warm_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/cool_colors.jpg)
|
|
|
印刷术
类型解剖学
-
衬线 是字母或字符笔划末尾的小脚。 衬线通常用于长正文复制,因为它们非常清晰。 -
上行字符 是延伸到x高度以上的小写字母的任何部分,例如字母b、d或h。 -
下降器 是延伸到基线以下的小写字母的任何部分,例如字母g、j、p或q。 -
轴线 指的是字体中笔画的方向,通常是从用钢笔绘制时字体的外观中获得灵感。 -
耳朵 是一个收尾笔画,通常位于小写字母g的碗的右上方。 -
碗 是字符的弯曲部分,它包含一些字母的圆形或弯曲部分,也称为计数器,例如小写b、d、o、大写d和大写b。 -
肩部 是字母的圆形部分,如r、m或n,均为小写。 这个名字来源于它类似于人的肩膀。 -
阀杆 是字母的主要笔划,通常是垂直笔划,也称为笔划,这是字母的主笔划或高笔划。 -
脊椎 是大写字母和小写字母s中主要的从左到右的曲线笔划。根据字体的不同,书脊可能几乎是垂直的,也可能几乎是水平的。 -
连字 是特殊字符,是两个单独字符的组合。 有些字母在打印时会相互碰撞,连字可以使它们更好地结合在一起。 -
小写字母 是字体中字母的小形式。 -
大写 指字体中的大写字母。 这个名字来源于金属字体时代。 大写字母放在打字箱的上部。 -
字体样式 是字符或大小写的调整,例如斜体和所有大写字母。 -
重量 是任何给定字体中字体笔划的总厚度。 最常见的重量是规则的和粗体的,但重量可以涵盖从非常轻到非常重的极端情况。
类型分类
-
无衬线 :Sans serifs是没有衬线的字体。 无衬线字体是最通用的字体类别。 您可以将它们用作显示字体或长格式副本。 -
怪诞无衬线 :这些字体在20世纪商业上很流行。 它们的特点是粗笔画和细笔画之间有轻微的对比,并且在一些字符中有一个开放的光圈间隙。 -
Neo-Gretosque无衬线 是后来推出的改进版,旨在更加中性和清晰。 它们具有均匀的笔划和闭合的光圈间隙。 -
人文主义无衬线 是基于罗马式大写字母的比例,一些字符具有书法的影响。 它们的特点是笔划之间的对比度更高,光圈更宽。 -
几何无衬线字体 通常有圆形碗和矩形比例。 它们没有笔划对比度,但更均匀,有完整的垂直轴。 -
衬线字体 :衬线字体有衬线,即字符笔划末尾的小脚。 衬线字体可以用作正文副本,因为它们易于阅读,并且非常舒适。 -
旧样式衬线 是在15世纪到18世纪之间发展起来的,用作早期印刷工艺的金属类型。 这些特征是略带圆形、杯状和倾斜的衬线。 -
过渡衬线 18世纪,作为旧字体和现代字体之间的过渡,出现在人们的视野中。 这里的主要特点是衬线更清晰。 -
现代衬线 由于印刷工艺的进步,细节变得更加精细。 它们的特点是完全笔直、平坦的衬线,有时会使它们看起来不那么清晰,更时尚。 -
粗衬线体 很容易从其他serif子组中识别。 衬线是厚重的方形,并且它们的笔划厚度相同,所以它们非常均匀。 这些字体在19世纪早期用于广告。 -
脚本字体 都是基于草书的笔迹流动,分为正式和非正式两大类。 -
正式脚本字体 是婚礼请柬和毕业证书上使用的优雅字体。 他们的灵感来自17世纪和18世纪的写作。 它们有连接的尾巴和华丽的装饰,看起来非常优雅和高贵。 -
临时脚本字体 灵感来自20世纪的笔触。 与正式脚本相比,它们更加轻松友好。 -
等距字体 具有固定宽度,这意味着所有字符都占据相同的水平空间。 这些字体让人联想到计算机编程中的打字机。 -
显示字体 不符合上述任何类别。 它们是最大和最多样化的类别之一。 显示字体不适合正文复制,并且通常是实验性的。 -
可变字体 不是真正的字体样式,而是一种文件格式。 这种由谷歌、苹果、微软和Adobe联合开发的OpenType格式包含一种称为OTF变体的新技术。 可变字体可以包含字体的整个字形集,最多可以有64000个变体,包括粗细、宽度和斜度。
![高级字体示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/premium_fonts.jpg)
![高级字体示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/premium_fonts.jpg)
![高级字体示例](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/premium_fonts.jpg)
排字基础
-
可读性 :这是指如何在页面上设置类型。 它是字体和单词的排列,以使书面内容以简单易读的方式流动。 -
易读性 是字体的功能。 它衡量了字母或单词之间的区别有多容易,以及文本块的阅读有多容易。 有不同的因素,如x高度、字符、宽度、重量和其他设计特征,可以决定字体是否清晰。 -
大小 :字体越小,就越难阅读,尤其是如果你的读者包括儿童或老人。 始终考虑你为谁设计内容。 -
线条长度 :根据经验,每行应该有45–70个字符。 当列宽太窄时,可能会导致许多连字符的单词,迫使眼睛过于频繁地跳到下一行。 另一方面,当长队从一行到另一行时,会给读者带来困惑。 -
领先 (也称为行距):文本框中需要的行距取决于字体大小和x高度。 为了最大限度地提高可读性,请确保有足够的行距,因为太小的行距可能会导致行之间相互碰撞。 -
跟踪 (或字母间距):指文本行中一组字母之间的间距。 调整跟踪可以提高可读性。 -
紧排 是调整单词中两个单独字符之间的间距。 它主要用于徽标或标题,以增强易读性。 -
对齐 :在西文文本的段落中,对齐是指由一个字体块隐含的不可见垂直线。 当类型左对齐时,每条新线都从x轴上的同一点开始。 右对齐不是经常使用的,中心对齐应该只用于短文本。 -
抹布 :这些是文本块左对齐或右对齐时不均匀的垂直边距。 你可以通过在必要的地方断字或对换行进行软返回来修复它们。 -
河流 :这些间隙似乎贯穿文本块,通常出现在对齐文本中。 解决此问题的一种常见方法是删除对齐或使用连字符和软返回对每一行进行排版。 -
孤儿和寡妇 :孤立是指页面或列开头的一个段落首行,它与文本的其余部分分开,而孤立是指段落末尾的一个单词或一行,它是与文本的其他部分分开的。 这两个问题可以通过调整字距或跟踪或添加手动换行符来解决。 -
字体大小写 :大写是指句子中每个字符都大写。 小写表示没有字母大写。 句子大小写是指句子中第一个单词的第一个字母大写。 标题大小写是指每个主要单词的第一个字母大写。
行动中的设计理论
打印设计
![海报设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![海报设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![海报设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![书籍设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![书籍设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![书籍设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![杂志设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
![杂志设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
![杂志设计](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/poster_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/book_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/magazine_design.jpg)
数字化产品设计
![ui设计屏幕1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![ui设计屏幕1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![ui设计屏幕1](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![ui设计屏幕2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![ui设计屏幕2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![ui设计屏幕2](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![ui设计屏幕3](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
![ui设计屏幕3](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
![ui设计屏幕3](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/ux_2.jpg)
数字设计
![youtube缩略图](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/yt_thumbs.jpg)
![youtube缩略图](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/yt_thumbs.jpg)
![youtube缩略图](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/yt_thumbs.jpg)
![横幅广告](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/banner_das.jpg)
![横幅广告](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/banner_das.jpg)
![横幅广告](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/banner_das.jpg)
品牌设计
我首先问是什么激励了老板创立自己的品牌,他们的背景,他们的喜好。 我询问了目标市场:购买这种咖啡的典型人群的年龄和个人资料。 在那次采访的基础上,我做了一个演讲,阐述了我们想要将品牌带入的方向。我描述了品牌的本质、受众、描述品牌的关键词,以及这个品牌与竞争对手的不同之处。 我用情绪板向客户传达了所有这些信息,突出了个人特征,比如关注鲜为人知的咖啡产区,尤其是女性生产者。 基于该公司的独特特点,我开发了一种调色板,这是受迄今为止研究的启发。 除此之外,我还提供了经典和前卫的颜色组合,供车主使用。 从那里,我开发了两个概念,向客户展示。 我建议只提出一两个概念。 这样,就有时间关注概念的质量。 如果在最初的面试中提出了正确的问题,那么我们就有了具体的前进方向。 接下来,我听取了客户的所有反馈,并完善了所选的概念。 现在是测试打印或数字设计的好时机,以确保一切正常,并进行任何必要的更改。 从那里,我为客户创建了一个最终演示文稿。 一旦项目获得批准,我制定了品牌指南,以帮助业主在未来一致地应用设计。 您可以从下面的文档中看到一些示例页面。
![品牌设计颜色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![品牌设计颜色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![品牌设计颜色](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![品牌设计标志](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![品牌设计标志](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![品牌设计标志](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![品牌设计资产](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![品牌设计资产](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![品牌设计资产](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![品牌设计文本](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
![品牌设计文本](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
![品牌设计文本](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand4.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/brand3.jpg)
设计工具
设计工作流
![设计专业](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/design_disciplines.jpg)
![设计专业](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/design_disciplines.jpg)
![设计专业](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/design_disciplines.jpg)
一般来说,我们从客户或创意总监的设计纲要开始,其中包含项目的细节、目的和目标。 接下来是头脑风暴阶段,我们从研究中收集所有信息,并从尽可能多的角度解决问题。 在头脑风暴阶段之后,我们应该有多个解决方案和概念,现在我们需要将解决方案缩小到最多三个概念,或者理想情况下是两个,如果只有一个,甚至更好。 接下来,是准备草图或布局以提交给客户或团队的时候了。 概念陈述应该简明扼要。 请记住,客户往往不是设计师,所以必须详细解释每个概念,以及为什么我们做出了某些决定。 然后,客户将提供反馈。 理想情况下,这种反馈将不仅仅包括“我喜欢或我不喜欢”,而且将更多地由概念驱动。 下一步是将客户的反馈纳入设计,完善细节,展示最终产品,并交付必要的数字文件。 如果需要将其发送给新闻界,那么您需要一个PDF,或者如果是网站,则需要将其实时推送。
-
排版软件 非常适合出版杂志、书籍设计和多页文档。 -
Photoshop软件 适合数字绘画和摄影工作。 -
照明室 用于更专业的摄影工作。 -
插图画家 非常适合基于矢量的设计、插图和徽标设计。 -
Premier专业 非常适合制作视频。 -
后效(After Effects) 用于运动图形。 -
肥姑妈 是一个用于UX和线框图或界面设计的优秀协作web应用程序。 -
卡瓦 是一款用户友好的应用程序,可帮助您创建海报、广告、视频和社交媒体图形等营销设计。 -
相关性设计器 是Illustrator的一个很好的替代品,其他应用程序如 草图 , 核心绘图 、和 墨水画 。 -
地缘发布器 类似于Adobe InDesign,您甚至可以导入InDesign文件以在其中工作。 -
Adobe XD公司 和 草图 有利于用户界面/用户体验设计。 -
字体实验室 是一个多年来一直是行业标准的专业字体设计应用程序,而 FontForge公司 是一个很好的免费选择。 -
特雷略 是一个有用的在线工具,用于组织团队间的设计项目。 -
米兰诺特 是一个很棒的、易于使用的工具,用于通过可视板组织想法和项目。
颜色和设计资源
-
DaFont(大字体) 有一个很棒的库,有大量适合各种项目的字体。 -
谷歌字体 提供高质量的免费字体,并提供多种开源字体供试用和下载。 -
库洛斯 是一个很好的工具,可以帮助您开始使用调色板。 你可以选择颜色,获得灵感,生成随机调色板,甚至可以检查对比度和创建渐变。 -
快乐色调 是另一个很好的颜色工具。 如果你喜欢调色板,但不知道如何应用,这个网站可以给你灵感,并举例说明如何以及在何处使用调色板。 -
环境要素 让您可以找到从复古字体到未来风格的字体,甚至是业界最好的实验字体。 它还提供各种有用的图形、模板、插件等。
技术与人工智能
品牌可以在网上有更多的曝光率,从而与消费者建立直接关系。 数字图像质量已经大大提高,以前拼贴的效果现在可以通过在Adobe Photoshop中绘制或向人工智能输入文字来创建。 如今,我们不仅可以用相机,还可以用手机拍出令人惊叹的照片。 连通性使许多设计师能够远程工作。 技术通过创建交叉学科使平面设计领域扩大。 如果没有互联网革命,UI和UX就不会发生。 这位传统的平面设计师以创造包装或营销广告而闻名。 它现在已经发展成为一个范围广泛的学科,所有这些学科都以通信和技术为共同特征。 当谈到字体时,过去我们需要多个字体文件,但现在我们有了可变字体,其中一个字体文件包含多种字体样式,这些样式在重量、样式和大小上都不同。
![可变字体](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/48/youtube_courses/67/image-upload/variable_font.jpg)
![可变字体](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/48/youtube_courses/67/image-upload/variable_font.jpg)
![可变字体](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/48/youtube_courses/67/image-upload/variable_font.jpg)
结论
设计原理 劳拉·强 2023年7月7日 初学者Adobe Photoshop 丹尼尔·沃尔特·斯科特 2023年4月13日 如何制作《时代》杂志封面模板 劳拉·强 2023年4月14日 InDesign的A到Z:提示、技巧和黑客! 黛西·艾因 2023年11月17日 2024年的平面设计趋势是什么? 格雷斯·福塞尔 2023年11月16日 如何在Photoshop中使用Adobe Firefly 艾斯帕尔扎修道院 2023年11月14日