网站建设小河片:学习平面设计的基本要素和原则-极简慕枫

网站建设小河片:学习平面设计的基本要素和原则

2019-01-15

网站建设小河片

在本文中,我们将深入研究平面设计的基础知识.

跳转到一个部分:元素,原则,组成。

平面设计的基本要素

一个设计总共有六个元素,你需要注意:线条,形状,颜色,纹理,价值和空间。

1.线

这条线通常存在于每种设计中,即使它是1 px的实边框或5 px中的虚线。每个网站都有线条,但在过去几年里变得更加流行的简约主义风格试图将线条从布局中抹去,或者至少减少它们的使用。

线条可以是长的、红色的、直的、薄的、蓝色的、虚线的、短的、黑色的或弯曲的,它们都属于同一类别。它们大多用于设计的不同部分之间的划界,或用于引导观众的视觉在一个特定的方向。

线条可以产生不同的效果和视觉效果。一条粗体的线条由于其视觉的力量而引起人们的注意,而细线则倾向于相反的方向。颜色也有影响,深色比浅色或浅色更容易看到和吸引更多的注意。

这还不是全部。行的样式也会影响用户对它的看法。这种样式可以很容易地通过CSS定义,并且可以是实心的、虚线的和虚线的。实线与虚线有不同的影响,因为它们更有气势。

我之前提到过的极简主义风格,要么使用较少的实线,要么使用更多的曲线,因为它们给人一种动态和流畅的外观,这也是设计的目的。它们表明能量,保持用户的兴趣,如果与插图相结合,对人类来说是非常强大的。

许多年前,坚固的线条很受欢迎,因为它们决定了设计的风格:僵化、坚固和有条理。网络在过去的几年里发生了变化,这种风格已经不再流行了,特别是对于设计师的投资组合和其他有着强烈的个人触觉需求的网页。

2.形状

形状,或者说表单,是网页设计中使用第二多的元素。它们实际上是以不同的形状组合在一起的线。表单仍然很流行,这是因为如果有什么东西需要突出,表单就是其中之一。

可以有圆形、正方形、矩形、三角形或任何其它抽象形状;大多数设计包括其中的至少一个。简约设计使用它很多,因为它们通常基于插图和图纸。

旧风格的网站设计也包括形状,所以他们一直很受欢迎,很可能会继续这样。

就像线条一样,形状也是由人类头脑与不同的运动联系在一起的。例如,圆圈与运动和自然联系在一起,而方形通常被看作是结构化的、基本的设计。就像线条一样,形状的颜色、风格、背景或纹理可以完全改变观众的感知。

3. 手感( texture的名词复数 )

这些纹理在几年前不是很流行,但是它们越来越多地被使用。他们取代了(或与之竞争,如果我们可以称之为竞争)的单色背景。

纹理可以看起来类似于坚实的背景颜色,但如果他们分析得更近,小但有效的差异是可以注意到的。

纹理风格包括纸,石头,混凝土,砖块,织物和自然元素,在平坦或光滑的颜色之间。纹理也可以是微妙的或发音的,可以被谨慎地或自由地使用。他们几乎处理了所有的事情。

即使它们看起来不重要,纹理可以完全改变一个网站,并提供一个完全不同的视觉效果。

4. <美>颜色,色彩

颜色甚至可能是一个设计中最重要的元素,因为它提供了最强大的视觉冲击力一眼。色彩是显而易见的,不需要基本的图形技巧来注意。

虽然线条和形状意味着与现实中相同的东西,只是在一个更深刻的层次,颜色意味着完全相同的东西,在自然界中。颜色创造情感-红色是热情的,蓝色是平静的,绿色是自然的。

即使你没有意识到这一点,颜色也会对你的大脑产生明显的影响。

研究表明,与生活在蓝色环境中的人相比,生活在红色环境中的人的心跳和脉搏更快。人类大脑看到这一点并影响到身体的其他部分。

因此,色彩理论是非常重要的了解,因为很少有设计师可以自称在这一领域的专家。成为一名色彩大师可能会使一个好的设计和一个令人震惊的设计之间的区别。

我并不是说你必须了解所有这些,但知道色调、饱和度、色调、色调、色调或彩度如何一起工作对于图形设计者来说是至关重要的。

5. 价值,价格

我没有在上面指定价值,即使它与颜色密切相关,因为价值是更一般的,代表一个设计是多么的黑暗或光明。价值与情绪也有很大关系,只是在一个更深刻的层面上。

理解颜色会使你接近完美,但是知道价值是如何运作的会让你超越这一点。较轻的设计提供了一个不同的影响和感觉与黑暗的人,你需要一个专家的眼睛,以注意差异,并决定哪一个是最好的。

6. 空间,太空

空间及其使用方式在设计中至关重要。最近,“空白”(也称为负空间)被广泛使用,因为它让人的眼睛更容易阅读。

对于不熟悉“空白”这一术语的人来说,这并不意味着准确地说是充满了白色的空间,而是设计中的每一个区域都只填充了背景颜色。为了更好地理解这个概念,您可以看到下面的几个例子。

如果在你的网页设计中有很多负面空间,它提供了轻松和开放的感觉。缺乏空白会把你的设计变成一个老式的,杂乱无章的设计。这个空间也与人类对设计的感知有很大关系。

即使我说颜色网站建设小河片可能是一个设计中最重要的元素,空间肯定在顶部,因为它也很容易被未经训练的眼睛所察觉。它可以使一个设计对你有利,并从你的布局中获得最佳效果。

Conclusion

这些是初级平面设计师应该知道的基本要素。有了这些知识,你就可以更专注于用户,设计出更好的风格。然而,这并不是一切。

让我们谈谈设计原则。

平面设计的基本原理

在第一部分,我们涵盖了图形设计的基本要素,包括形状、线条、纹理和颜色等。

在这一节中,我们将更深入地讨论设计原理,这些原则非常重要,因为它们将优秀的设计师和优秀的设计师区分开来。我们今天将要讨论的一些原则是无意识地应用的,但它们确实存在,我们将向您展示来自网络的例子来说明这些概念。

1. 天秤星座

平衡是设计元素在整个布局中的分布方式。如果平衡是好的,那么稳定性是肯定的,虽然最近许多设计师选择不平衡的设计,因网站建设小河片为他们是动态的,并提供了一个完全不同的观点。

个人网页是最适合稍微不平衡的布局,你很快就会看到一些例子。

为了能够注意到一个网站有什么样的平衡,你需要知道三种类型的平衡:对称的,不对称的和径向的。第一种情况发生在设计的两边在形状、线条、纹理等方面都是相同的。

因为这是我们今天设计的方式,这在沿着垂直轴的大部分时间发生,所以当我们谈论设计的两个侧面时,我们谈论左右。也有沿水平轴的例子,有时甚至沿着两者,但这些都是罕见的。在5年前,对称设计在互联网上是相当大部分的网站。

第二种平衡是当一个网站的两面看起来不像对方,但仍然有相似的元素时发生的。虽然它被称为不对称,但它们仍然提供了一些对称性,比如第一类平衡,只是在较低的水平。不对称的网站现在越来越流行(见WordPress布局,一边是内容,另一边是边栏)。

半径平衡发生时,设计元素被放置在一个圆形模式。它们给人一种运动感、活力感,但在互联网上却不是很常见,因为即使是最有经验的设计师也很难设计出这样的设计。

如前所述,平衡是通过形状、颜色、纹理、线条和我们在第一集中讨论过的其他元素来实现的。

2.支配地位和优先权

这两项原则是结合在一起的,因为它们是紧密联系在一起的。它们都与用户体验有很大关系,因为缺少优先级和元素优势可能会让人感到困惑。

优势水平是优先考虑菜单、标志、内容或页脚等不同元素的重要性的层次。当然,这也是通过使用字体和大小来完成的,但让我们再深入一点,看看主导地位和优先级意味着什么。

有三个主要的优先级别。我们有标题或行动的呼吁,这是一个主要的要素;然后,我们有次要的元素,如图像,以表明一点,或,大多数情况下,导航。

它们显然不是网站中最重要的元素,但是没有它们你也做不到。第三要素是信息,如页脚链接,元信息博客或不同的元素,一个网站可以在大多数情况下没有他们。然而,由于它们以不同的方式完成设计,或者提供更多的信息,或者通过使用一些元素来完成布局,所以它们被频繁地使用。

3. 比,比率

比例很重要,代表着元素之间的比例。它们对用户有很强的影响,并与先前的原则相联系。毫不奇怪,较大的元素比小的元素对用户的影响更大。

优势、优先级和比例一起工作,以确保用户正确地看到网站上的信息。在页脚中的字体比在内容中的字体更大是一个错误,因为它不尊重这三个原则。

4. 对比,对照

这是另一个重要的原则,不仅是设计,也是摄影和任何其他视觉艺术。我不认为我们需要深入研究这个问题,因为每个人都知道对比意味着什么。

元素之间有足够的对比,确保其中一些元素比其他元素更突出。如果设计师想要将元素融合在一起,他们可以通过最小的对比来做到这一点。如果对比度很高,元素就会相互区别。

如果通过形状和线条来创造平衡,那么对比就可以通过颜色来创造。然而,最近这种对比也通过排版和纹理发生了变化,因此越来越受欢迎。

拥有完美的排版不仅可以帮助你达到完美的对比,还可以帮助你达到比例、优势和优先权。很容易看出,我们讨论过的最后三个概念在某些方面略有联系。

如果我们能就整个问题多做一些一般性的讨论,我们就能把它们都放在同一个段落中。

5. [诗]节奏,韵律

这对你来说可能是新的。页面的节奏是使人的眼睛从一个元素移动到另一个元素的原则。它确保了眼睛的流动和用户应该看到元素的顺序。

现在,这是一个很难做到的,因为每个人都有自己的方式来查看一个网站,让所有人都以同样的方式去做,这可能太让人难以抗拒了。

有两种类型的节奏:流体和进步。第一种是变化,最好的例子是水的运动,它基本上向同一个方向流动,但在运动方式上有很大的变化。当眼睛在元素之间移动的顺序清晰的时候,就会出现累进的节奏。

6、和谐统一

最后一个设计原则是要确保,即使以上所有原则都被正确运用,如果没有和谐和统一,仍然不可能创造出令人叹为观止的设计,这在现实生活中是很常见的。

我们经常听到富人拥有他们想要的一切,但他们的生活却缺乏和谐和团结。这网站建设小河片在设计上也是一样的。如果所有这些元素一起工作,那么你就实现了我们所谓的统一。

仅将所有这些元素放置在页面上,而不将它们链接到彼此,不会创建设计,而是使用一组元素的页面。如果这些元素相互补充,并且网站很简单,并且提供了良好的用户体验,那么你所做的工作已经或多或少地完成了。

这里没有真正的例子,我们都知道,有和谐和统一的网站可以发现到处都是;想想一个网站,你很喜欢,你永远记得。那可能是一个和谐统一的网站。

Conclusion

本系列的第二篇文章总结了分析您真正需要了解的设计的基本原则的过程。在阅读了前两篇文章之后,您几乎已经掌握了开始设计自己的布局所需的大部分知识,但请稍候。

第三部分,也是最后一部分,介绍了写作的基本原理,如焦点、格网理论、格式塔定律等,也可以用来制作杂志、传单或宣传册等产品。

平面设计的基础:构图

第二个是关于平面设计的原理,我们看了一些概念,如平衡,支配,对比和谐。今天,我们将更深入地讨论最后一篇文章,并讨论其组成及其基本要素。

1.单视觉

此构图是用于设计的单一图像的地方。这意味着图像通常是强大的,产生影响和整个设计是建立在它之上。单个视觉页面的例子包括登陆页,但这在打印中比在web中更受欢迎。

单一的视觉构图是最容易实现的,虽然你需要仔细选择图像,否则它将不会有想要的效果。这种模式背后的主要原则是确保排版和其他设计元素加强视觉元素,而不是与之竞争。

必须有一个明确的定义,其中一个是更重要的,在这种情况下,图像,插图或图形元素必须是最强大的。

2.黄金比率

黄金配给,也被称为斐波那契螺旋或Phi,约为1:1.618。斐波那契螺旋在世界各地被发现在不同的事物和网络也不例外。

这是一个很好的主意,把元素放置在一个网站沿着螺旋线,因为这是人眼的工作方式。设法正确地使用黄金比率会使游客的注意力集中在你想要强调的具体事情上。

网站建设小河片:学习平面设计的基本要素和原则

3.焦点

这是另一个重要的问题,因为焦点是给观众看东西的人。焦点为设计增加了一个更具体的想法,并作为大多数游客的起点。

焦点可以通过简单的排版、按钮、插图、网站建设小河片:学习平面设计的基本要素和原则或任何其他元素来表示。这完全取决于设计师,这是他想要创造一个焦点的方式。

网站建设小河片:学习平面设计的基本要素和原则

焦点必须是焦点,并且必须是观众进入页面时看到的第一个元素(特别是第一次)。

然而,使其过于重要和可见将打破布局的平衡。保持焦点在您的网站的目标,并使网页的目的通过它显示。例如,拥有一个“呼叫行动”按钮是一个焦点,因为这是您希望用户在您的页面上进行的最终操作。

4.GRID设计

这对你来说不应该是新的。网格理论可能是构图中最流行的元素,因为我们一直在做,即使没有意识到。网格将结构添加到设计中,并用于在页面上的元素中保持很好的比例。

你可以在互联网上找到很多网格框架,它们可以免费下载和构建,如果你是这个领域的初学者,我建议你使用它们。从一开始就使用网格会让您对这种方法感到舒服,这对您的布局很有好处。

网格不一定总是僵化的,它们也可以是微妙的,但是如果您选择这个选项,那么在交付之前确保设计仍然是干净的和精细的。

在使用网格时,询问周围人员的反馈总是个好主意,因为在前面的网格框架下工作几个小时可能会使您的眼睛看不到需要调整的小错误。

5.格式塔法

当我在学校学到这个原则时,我惊讶于它在我的设计中所起的作用。这些规律是人类对包括网站和元素在内的事物的视觉感知的结果。这些规律是由不同的元素影响观众的方式产生的。

格式塔定律有五个原则:封闭、相似、延续、一致和接近。

简短地解释了,关闭定律说,我们习惯于在我们的想象中关闭不是真正封闭的东西。一个很好的例子是一个近圆,你只画330°。人类的大脑会把它看作一个完整的、完整的循环。

接近定律表明,我们倾向于将彼此更接近的物体分组,而相似性法则强调的是相同的事物,只是我们将颜色、形状或纹理相同的事物分组。

延拓定律强调,如果对象是共线的或遵循特定的方向,则它们将作为一个整体分组,而最后一条规则,即对齐规则,则表明对象是基于其边缘(非常流行的模式)或基于它们的中心线对齐的。这些对象也可以相互重叠。

实际上有更多的格式塔定律,但并不是所有的法律对设计师都很重要。在文章的末尾,您可以找到与所有法律的链接,您可以更多地了解其中的每一条。

6.“Z”和“F”布局

所谓的“Z”布局是建立在人眼正常运动的基础上的。顾名思义,大多数被跟踪的人都会以Z形状查看网页,这意味着他们从左上角开始,在右下角结束。

按照这个形状对齐主页上的所有对象肯定会提供更好的结果,并将使您的设计更加高效。

还有另一种类型的布局,形状为F,这意味着用户读网站建设小河片取第一行,然后继续读第二行,按照特定的顺序继续这样做。

Bottom line

这些是设计中最重要的原则,通过对每一个原则都有很强的了解,您的布局不仅会看起来更好,而且还会提供更好的用户体验。

为用户创建良好的界面将使他们记住您的页面,并且,如果您习惯于使用这些原则,在某个时候它甚至会变得正常和逻辑。

当然,有更多的知识可以了解所有这些规律,但是这些知识是伴随着经验而来的,你不可能仅仅从书本上得到它,而是通过实践来获得它。

回顾过去,你应该已经对图形设计的基本元素有足够的了解,我真的希望如果你是一个初学者,这一系列文章使你更认真地思考了一个平面设计事业。

联系极简慕枫,免费获取方案及报价

400-606-5301