被设计吓倒了？你并不孤单。写作和编码本身就已经够困难的了；视觉内容会让人感觉像是一个新的领域（老实说，是压倒性的）。但不要担心：你不需要艺术学位，也不需要登录adobeSuite上千个小时来构建引人入胜的设计。只要有合适的资源和清晰的计划，任何人都可以为博客文章、推特、网站、应用程序或其他项目组合出引人注目的艺术作品。这意味着，你可以自己制作，而不是请你的设计师或聘请自由职业者来开发基本图像。令人愉快的设计从基本要素开始。本指南涵盖了基本的设计元素，包括线条、形状、颜色、纹理和字体，然后探索更高级的原则，如平衡、对比、节奏和空白。我们将教您如何轻松地将它们组合在一起，以创建与您的内容相匹配的出色图形。我们还将介绍一些工具和资源，你可以用来激发创造力，更快地建立美丽的图形。准备好让你的设计技能进入超速档了吗？我们开始吧。设计的基本要素设计的核心原则如何快速创建有效的设计设计资源设计的基本要素"设计是一种以最佳方式安排元素以达到特定目的的计划。"—查尔斯·埃姆斯，设计师设计不是什么神秘的东西，只有艺术天才才能掌握。即使是最简单的设计也可以分解成不同的部分，或"元素"。这些元素包括线条、形状、颜色、纹理和类型。正如ISDA 20世纪最具影响力的设计师查尔斯·埃姆斯所说，设计只是"一种安排元素的计划，以最好地实现特定的目的"。把设计的核心元素分解，你就可以把它们拼凑成任意数量的作品。但请注意：如果您任意使用设计元素，您的设计也将是任意的。了解每一个元素如何影响你的设计，并据此使用它们，你就可以创造一些东西，唤起特定的情感，补充你的内容，并与你的品牌保持一致。让我们通过研究设计的核心元素：线条、形状、颜色、纹理和版式打下一些基础。线路你知道什么是直线：任何连接两点的东西。线条在设计中有两个重要的功能：分离内容，将视线吸引到特定的地方。看看MailChimp主页。一条线将顶部的菜单（也称为导航栏）与页面的中心焦点分开。在主要部分，我们有另一行介绍Mailchimp Pro。这种线性布局使访问者很容易理解到底发生了什么。同时，Digiday使用线条来吸引你对网站关键区域的关注。由于周围的线，主页的"订阅"部分非常突出，因此吸引了更多的访问者输入他们的电子邮件。不同的线条也会产生不同的感觉。水平线使人产生宁静和稳定的感觉（想象一个太阳在地平线下缓缓滑动）。另一方面，垂直线是充满活力的（想象一个警觉、正直的人）。如果你想创造一种戏剧感，用对角线来传达一种不安的，甚至是原始的运动感。查看Vibrant Composites登录页上的示例。它包含两种类型的线：手的垂直线和右角的对角线。因为这两种类型都是动态的，所以这个主页让人感到兴奋和强大。线条看起来似乎是一个简单化的工具，但它们对于组织视觉信息和为设计设定基调至关重要。进一步阅读：线路介绍线条的视觉语法形状当你读"形状"时，你可能会想到正方形或三角形。那些是几何形状。但也有一些自然的"有机"形状，它们是不规则的，通常包含曲线（例如，圆属于这一类，尽管它们在技术上是几何图形）。然后，还有一些抽象的形状，它们是可识别的，但并不真实（例如，一个棒状的图形）。就像线条一样，每种形状都会产生不同的情感效果。几何图形表示结构、控制和顺序。另一方面，有机形状更舒适和友好。抽象形状可以很快地传递信息。Visage主页使用纯几何图形，因此，它感觉专业和可靠。另一方面，大本营主页使用有机的圆形形状来唤起温暖和孩子般的好奇心。Lyft主页是一个很好的例子，它既包含了有机形状，也包含了抽象形状。圆圈是愉快的，没有威胁，而图标有助于传达利夫特的信息迅速和视觉。当你在设计新的东西时，别忘了基本的形状，它们为我们在网络上的互动提供了框架，而你选择的形式传达的信息远远超出了你的视线。进一步阅读：好的设计元素：形状形状的意义（有时是隐藏的）论情感的形与可计算性颜色色彩心理学和色彩理论与市场营销密切相关。毕竟，人们在90秒内就决定了他们对产品的感觉，研究人员发现高达90%的判断完全基于颜色。此外，进一步的研究发现，当一种颜色对品牌来说"合适"时，消费者更有可能购买。最终，没有两个人会对一种颜色有完全相同的反应：我们都有个人喜好、独特的背景和文化影响，这些都会影响到颜色对我们的意义。但总的趋势是可以利用的。温暖的颜色，如红色、橙色、黄色，以及它们的变化，表现出热情、温暖、幸福、力量和活力。绿色，蓝色，和其他的颜色都比较冷静。中性色包括白色、黑色和灰色。从技术上讲，它们没有情感上的影响（但我认为"没有效果"本身就是一种效果！）颜色也有变化。例如，你可能认为猎人绿比霓虹绿更严肃、更阴沉。幸运的是，看颜色很容易本能地知道它至少会对与你有相似背景的人产生什么样的影响。看看Prezi的网站来证明。明亮的蓝色让人感觉精力充沛，充满活力和现代感。与之形成鲜明对比的是，我们有狂欢者主页。正如你所看到的，简单地从黑到白对你对产品和品牌的认知有着巨大的影响。这种设计给人的感觉是城市、强大和强烈。色彩为你的设计提供了流行感和情感，但也很容易让人忘乎所以。如果你在为文本添加内容，那么可读性是目标1——避免与其他元素冲突或分散信息的颜色组合。你的眼睛通常是一个很好的测试颜色的试金石；如果感觉不对劲，那就用不同的色调玩。进一步阅读：内容营销的终极色彩指南。品牌营销中的色彩心理学为营销设计选择正确颜色的初学者指南纹理在数码设计中谈论纹理似乎有点奇怪毕竟，你不能通过电脑屏幕触摸到东西。但你仍然可以想象出什么感觉。根据《粉碎》杂志的作者乔恩·萨维奇和西蒙·H.，"肌理正在成为设计中不可或缺的一部分。它可以引导用户的眼睛，并强调关键元素的重要性。"你可以在你的背景中使用纹理，就像猎犬咖啡一样。也可以通过图像添加纹理。网站推广(()这是一部关于美国奥林匹克帆船队的纪录片，海浪的质感让你感觉自己是现场的一部分。这就是说，平面设计目前正在经历一场复兴，它避开了纹理、阴影、渐变以及任何让设计看起来像三维的东西。相反，他们使用简单的插图和图标、二维形状和明亮的颜色。这种极简主义可以让人感到清新和现代。例如，查看makethiseyear登录页。多亏了打字动画和充满活力的色彩组合，这个设计绝对不需要纹理来让它变得有趣。纹理增加了设计的深度，虽然你会想在混合材料时小心。将相互冲突的纹理像木头和玻璃般的表面混合在一起，可能会使你的艺术与物理联系变得更加刺耳。进一步阅读：什么，为什么，如何在网页设计中使用纹理现代网页设计中的纹理纹理在当代平面设计中的作用印刷术传达你的信息。排版，或者，排列字母和符号的艺术和技巧，对你的听众是否理解这些信息有着巨大的影响。首先，让我们弄清楚"字体"和"字体"之间的区别。把每一个字体看作一个家族，把字体看作是这个家族的单独成员。例如，在Helvetica字体（或族）中，字体（或族成员）包括Helvetica Regular、Helvetica Light、Helvetica Bold、Helvetica Compressed和Helvetica Rounded。Helvetica轻，罗马，斜字体也可以分类。虽然有几种变体，但最重要的两种是serif和sans-serif。衬线是指每个字母后面都有少量装饰性标记的字体。流行的衬线字体包括Times New Roman、Rockwell、Georgia和Baskerville。Serif字体通常被认为更容易阅读，因为单个字母更清晰，它们也感觉更传统或经典。Sans-serif包括那些你猜不出有什么装饰性标记的字体。Helvetica、Arial、Futura和Franklin Gothic都在这个家族中。这些字体感觉更干净、更现代，但可能更难阅读。还有monospace字体，包括Courier、Courier New和Lucida Console。等宽字体的每个字符都是exa