Computer Design Fundamentals
帮助学习者掌握必要的设计知识和技能。
以PS、即时设计为工具,通过案例教学,由浅入深地进行教学和学习。
课程内容由以下几个版块组成:PS工具的使用、即时设计工具的使用、设计理论、综合案例、课程实践等。
访问https://flowus.cn/share/051c50f9-e834-4b04-bce3-22acc6793944查看作业要求。
设计需求分析在平面设计中起到关键作用,有助于确保设计项目能够满足客户或项目的需求,提高设计的质量和有效性。它是设计过程中的重要第一步,有助于为后续的设计工作提供方向和指导。
在制定任何产品或服务的营销策略之前,首要任务是明确目标用户群体。这包括年龄、性别、地理位置、职业、兴趣爱好等方面的详细信息。只有了解您的目标用户,才能更好地满足他们的需求。
产品卖点是指产品或服务的独特特性或优势,能够吸引目标用户并使其愿意购买。这些卖点可以包括价格竞争力、高品质、便利性、创新性、独特设计等。明确产品卖点有助于在市场竞争中脱颖而出。
在制定营销策略时,需要明确传达的目标和信息。这可以是提高品牌知名度、增加销售、改善客户体验等。确保明确的传达目标有助于确保所有营销活动都朝着实现这些目标的方向前进。
了解产品在用户生活中的使用情境和场景非常重要。这可以帮助您确定最佳的营销渠道和时机,以确保产品在正确的时间和地点被展示给目标用户。产品情景也可以影响广告和宣传的设计和内容。
绘制信息关系草图,明确信息之间关系(从属、并列、顺序、因果等等)。
适当地增减画面元素是平面设计中非常重要的一个环节。这一过程旨在达到视觉上的平衡和简洁,同时确保设计有效传达信息。以下是一些关于如何适当增减画面元素的指导原则:
识别并突出设计的核心元素,例如品牌标志、关键信息或主题图像,移除或简化那些与主要信息无关或分散注意力的元素。
使用大小、颜色、对比度等手段来区分主要和次要元素。通过有意识地布置元素,引导观众的视线流动。
不必将所有空间填满,适当的空白可以帮助元素“呼吸”,增强整体的清晰度和阅读性。使用留白来平衡设计,创造视觉上的和谐感。
使用颜色来区分不同的元素,但避免过多颜色导致混乱。简化或去除复杂的纹理和图案,特别是在背景中,以避免分散注意力。
限制使用的字体种类和风格,保持文本的可读性和整洁性。精简文本内容,保留关键信息,避免过多文字堆砌。
通过研究其他设计师的作品和持续学习来提高你的细节处理技能。保持对设计趋势的关注,从中获取灵感和新的视角。
颜色是物体吸收和反射光的一种特性,是人的视觉系统对光的不同波长的反应。不同的波长与我们眼中的不同感受器相互作用,给我们带来不同的颜色体验。
光的亮度或能量水平。这可以影响颜色的明度,例如,强光下的颜色会看起来更亮。
眼睛中的视网膜上有两种主要的光感受器:视杆细胞和视锥细胞。
颜色的感知会受到周围环境的影响。例如,同样的颜色在不同的背景颜色旁边可能会看起来不同。
颜色可以影响我们的情感和心理状态。例如,红色通常与活力和激情有关,而蓝色则与宁静和冷静有关。
原色(红色、黄色、蓝色)被称为原色,因为不能混合其他颜色来创建它们。 次要颜色(绿色,橙色,紫色)由两种原色组合而成。 三级颜色(红-橙、红-紫、黄-绿、黄-橙)是在混合主色和副色时创建。
HSL是一种描述颜色的色彩模型,它使用三个参数来表示颜色:色相(Hue)、饱和度(Saturation)和亮度(Lightness)。这个模型使得我们可以更直观地理解和操作颜色,相对于RGB(红绿蓝)或CMYK(青、品红、黄、黑)等其他颜色表示方法来说更容易理解。
色相表示颜色的基本色调或色彩类型。它通常用一个角度值来表示,其中0度代表红色,120度代表绿色,240度代表蓝色,以此类推。通过改变色相的值,你可以改变颜色的基本外观,例如从红色过渡到橙色再到黄色。
饱和度表示颜色的鲜艳程度或淡化程度。它用一个百分比值来表示,通常在0%到100%之间,其中0%表示无饱和度,即灰阶色,而100%表示最饱和的颜色。通过改变饱和度的值,你可以使颜色更加鲜艳或更加淡化。
亮度表示颜色的明暗程度。它也用一个百分比值来表示,通常在0%到100%之间,其中0%表示完全黑色,而100%表示完全白色。通过改变亮度的值,你可以使颜色更加明亮或更加暗淡。
对于大多数突出信息的设计情景,可以使用所谓的60-30-10
规则。
在排版设计时,可遵守重复、对比、邻近、对齐、同源原则。
在版面设计中,重复原则是一种关键设计原则,它有助于增强一份设计的一致性、连贯性和视觉吸引力。重复可以在不同的元素之间或页面之间创建一种统一的外观和感觉。
版面设计中的对比原则是一种强大的设计工具,可以用来强调信息、增加可读性和引导观众的注意力。这一原则涉及将不同的元素相对比,以突出它们之间的差异。
可以通过颜色、文字大小、尺寸、空间、材质、形状等方面进行对比。
在排版设计中,邻近原则是一项关键设计原则,它强调将相关元素放在彼此附近,以传达它们之间的关联性和联系。这有助于观众更容易理解信息,减少混淆,并提高可读性。
对齐原则在版式设计中扮演着至关重要的角色,因为它们有助于构建整洁、有序的布局,减少视觉混乱,并使设计更易于理解。通过选择适当的对齐方式,设计师可以强调信息的层次结构,传达信息的关联性,并创造视觉吸引力。
同源原则指的是在设计过程中,所有的设计元素(颜色、图片、图标、纹理、文案等等),都为主题服务。
版式设计是一项关键的平面设计领域的任务,旨在将文本、图像和其他设计元素有效地组织在页面或画布上,以创造有吸引力、清晰、易于理解的布局。
文字排版是版式设计的核心部分。它涉及到选择字体、字号、行距、字距以及文本块的布局。排版的目标是确保文本易于阅读、理解和吸引人。
字体选择在平面设计和排版中非常重要,它可以显著影响设计的可读性、情感传达和整体外观。以下是一些字体选择的原则:
字号 | pt | px | em |
---|---|---|---|
初号 | 42pt | 56px | 3.5em |
小初 | 36pt | 48px | 3em |
一号 | 26pt | 35px | 2.2em |
小一 | 24pt | 32px | 2em |
二号 | 22pt | 29px | 1.8em |
小二 | 18pt | 24px | 1.5em |
三号 | 16pt | 22px | 1.4em |
小三 | 15pt | 21px | 1.3em |
四号 | 14pt | 19px | 1.2em |
小四 | 12pt | 16px | 1em |
五号 | 10.5pt | 14px | 0.875em |
小五 | 9pt | 12px | 0.75em |
六号 | 7.5pt | 10px | 0.625em |
小六 | 6.5pt | 8px | 0.5em |
七号 | 5.5pt | 7px | 0.4375em |
八号 | 5pt | 6px | 0.375em |
https://arco.design/docs/spec/style-guideline
.psd
文件,启动PS。文件
菜单,选择打开
。可以在Photoshop启动时恢复默认选项,方法如下:
应用情景:
工具面板(工作区最左边的长条形面板)包括选取工具、绘画和编辑工具、前景色和背景色选择框以及查看工具。
放大镜按钮
,快捷键为Z
Alt
键,可进入缩小模式。选择工具面板中的吸管工具,可以用于提供前景色、或者背景色
Photoshop中的矩形选框工具主要用于辅助画出图形,也可以用来辅助删减图层内容,或者辅助其它工具进行做图。
选中工具后,在图像的任何地方单击鼠标右键,或者按住Ctrl键单击鼠标左键,将打开工具的上下文菜单。
Photoshop画笔工具是绘画的基础工具之一,它可以模拟不同类型的画笔效果,如铅笔、水彩、油画等。通过调整画笔的大小、硬度、透明度和流量等参数,用户可以根据自己的需求绘制出各种细腻、逼真的图像。具体来说,画笔工具的主要功能包括:
Photoshop之所以能够成为首选的位图编辑软件,除了其本身功能齐全、操作便捷、稳定性高之外,还因为其拥有一个繁荣的生态系统。这个生态系统由大量的教程、插件、笔刷、纹理等组成,为使用者提供了丰富的资源和工具,使得他们能够轻松地完成各种复杂的图像编辑任务。
工具栏中还有其他工具,通过这些工具,可以达到快速添加、选择内容,创作内容的目的。
Ctrl+C
Ctrl+X
Ctrl+V
Ctrl+Z
Shift+Ctrl+Z
使用PS修复图片的通用步骤
练习
要消除图像中不想要的元素,可使用修补工具。在内容识别模式下,修补工具几乎可将内容与周边环境无缝地融合在一起。
练习
练习
修饰照片时的最后一步是锐化图像。在 Photoshop 中,锐化图像的方式有多种,但智能锐化滤镜给您提供的控制权最大。鉴于锐化可能导致伪像更突出,因此下面首先来消除伪像。