设计元素1:线条
众所周知,这条线是连接任何两个点的元素,几乎构成了我们周围的一切。在设计中,它也是第一个也是最基本的元素,帮助设计师组成不同的对象,划分功能部分,甚至唤起各种情感。在设计项目中,线条以不同的类型,样式和纹理创建,以更直观和个性化的方式呈现想法。线条可以是垂直的、水平的、对角线的和弯曲的。设计师还使用平滑,破碎,粗,细,实心或虚线来创造清晰的视觉对比。不同的颜色,纹理甚至动作也有效地突出了重要的内容。同的直线或曲线线条类型,可产生不同的设计效果。
设计元素2:形状
形状是用线条包围区域的 2D 元素。我们周围的一切都是以不同的方式呈现的形状。但对于设计师来说,形状不仅仅是简单的设计元素,它们还提供了创新的机会。几何形状或有机形状,两种类型的形状被广泛用于帮助您为设计工作创建更熟悉的对象和视觉效果。几何形状是我们经常在设计中使用的机械形状,例如矩形,三角形和椭圆形。有机形状是不规则的形状,通常很复杂,看起来像我们自然界中的形状,如树叶,星星和动物。像线条一样,形状也可以设计不同的颜色,纹理和形式,以传达不同的信息和情绪。当您在背景中使用形状并赋予其不同的颜色时,它可以像色块一样工作,以帮助设计内容的某个部分脱颖而出。此网站改版示例使用不同形状的色块来显示页面菜单,以帮助受众浏览网站。
设计元素3:颜色
颜色,光线从设计对象反射回我们眼睛的结果,是你永远不应该忘记的另一个重要元素。设计师和艺术家通常单独使用颜色或作为背景,以视觉方式描述或强调其设计作品中的特定对象,区域或动作。颜色被认为是最具挑战性的设计元素之一,因为它可以在观众观看您的设计时唤起特定的情感,从而影响第一印象。例如,红色是引人注目的,使人们感到激情,乐观和充满活力。绿色是舒适和清新的,通常象征着健康和财富,而蓝色是一种柔和的颜色,意味着平静,放松,安全和信任。
设计元素4:排版
排版是图形、Web 和移动应用程序设计中最重要的元素之一,指的是设计师在设计工作中用来讲述品牌故事、描述概念和传达信息的单词和字体。要正确使用此元素,您应该注意以下提示:字体类型为您的设计奠定了基本的情感基调,与颜色一样,您选择的字体类型也可以传达一种情绪,为您的网络或界面设计设定基本的情感基调。例如,著名的衬线字体,如时代新罗马和加拉蒙德,表示经典,精致和正式的品牌,更好地用于一些政府和高眉商业网页或设计。虽然像Arial和Helvetica这样的无衬线字体更加简约,现代和休闲,更适合更多的社交网站或设计。当您在设计中使用不同的字体、颜色、标题、大小和颜色时,排版还有助于创建视觉层次结构。事实上,观众能否清楚地理解你通过设计传达的内容,也取决于你是否能创建一个清晰易读的视觉层次。使用不同的字体、标题和大小来创建清晰的视觉层次结构。有趣的动画或微互动也有助于您最重要的单词脱颖而出。不要在单个页面或设计中使用太多类型的字体。两种或三种类型的字体绝对足以满足您的设计需求。设计元素5:纹理
纹理是用于呈现表面或设计的物理和视觉质量的元素。物理质量,也称为“触觉纹理”,是指设计或表面可以带给观众的物理感觉,无论是光滑,粗糙,美丽还是丑陋。视觉质感,又称“视觉质感”,是指一个设计或表面的想象感觉,是否能在精神上与观众产生共鸣。黄色的纸张状纹理使该网站具有复古风格,与复古留声机商店完美匹配。永远不要让你的纹理分散观众的注意力,无论纹理属于触觉还是视觉,它都被用作助手,以突出您的重要内容或为您的设计创造合适的氛围。因此,永远不要使您的纹理在视觉上比设计内容更响亮。例如,请注意不要在单个表面上混合过多的纹理或纹理颜色,因为它们会分散观众的注意力。此外,不要选择与重要内容过于接近的纹理或纹理颜色,使观众难以阅读设计内容,确保对比度保持。设计元素6:空间
空间,我们经常谈论的正负空间,是指设计中物体周围,上方,下方和后面的区域。正空间表示对象所在的区域,例如 UI 设计中图像或按钮内部的空间,而负空间表示设计中对象外部和对象之间的区域,从而为设计对象提供喘息空间。设计师使用消极和积极的空间来创造一个更清晰的视觉层次,并仔细平衡这两者,以创造一个更好的设计。设计元素7:形式
表单谈论对象占用的3D空间。它通常通过高度,宽度和深度进行测量,为您的设计提供3D效果。除了添加真实的 3D 物理对象来创建表单之外,您还可以使用光和阴影在平面或设计上获得相同的视觉效果。这些是创建自己的设计所需的所有7个核心设计元素。对这些元素和原则有充分的了解,只是朝着创建美观和功能性徽标,Web和界面设计迈出的一小步。您应该始终使用原型设计工具来全面测试您的想法,并与团队的设计师,开发人员,产品经理甚至利益相关者更好地协作。