020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:UI设计师必须要掌握的版式基础

新闻来源:优漫动游 日期:2022-04-13
提起平面设计,也许很容易联想到平面设计师。其实平面设计不仅是职业也是一个重要的设计知识体系,在我工作中发现平面设计知识是UI设计和其他设计领域中必备的能力,然而很多朋友认为“平面设计是属于纸媒行业的事”而忽略这部分知识的重要性,为此我想简明地将平面设计知…

  提起平面设计,也许很容易联想到平面设计师。其实平面设计不仅是职业也是一个重要的设计知识体系,在我工作中发现平面设计知识是UI设计和其他设计领域中必备的能力,然而很多朋友认为“平面设计是属于纸媒行业的事”而忽略这部分知识的重要性,为此我想简明地将平面设计知识体系中最重要的知识点提出供大家汲取。


【UI设计培训】:UI设计师必须要掌握的版式基础


      平面设计(graphic design),也称做视觉传达设计,是指在二维平面内通过多种设计组合来借此传递信息的视觉表现设计。平面版式设计需要使用字体知识(Font)、视觉设计(Visual Design)、版面(Layout)等方面的专业技巧来达成创作计划的目的。平面设计非常重视版式的设计,而版式并非只有纸媒才需要重视。如果想做好移动端设计、网页设计甚至是别的领域的设计,那么一定要加强学习平面版式的基础知识。


  平面构成

  在我们开始学习平面版式基础之前,我们先来讲一下简明平面构成原理。平面构成是运用点、线、面和其他技法来构成基本元素的学习方法。它是在我们工作之前必须要学会的视觉语言。以下的内容希望如果您有时间进行练习,边练边摄取知识效果才能更好。

  点的构成

  点是组成平面构成的基础要素。点可以是不同大小的;可以是不同疏密的;可以是不同虚实的。可以是整齐的点,也可以是随意排列的点。在一个画面上也可以有大小、疏密、虚实、整齐和随意对比的,对比就会产生韵律感。仅仅依靠点来构建画面时,我们会想方设法地让画面丰富,体会点的变化。

  线的构成

  线有哪些呢?垂直线、水平线、斜线、曲线等。垂直和水平都会有稳定的感觉,斜线会更加有冲击力,曲线会感受更加柔和。由不同粗细、不同韵律的线条组合,作品将更加有视觉引导的效果。尝试只用线条构建一个画面,你会体会到不一样的视觉感受。

 面的构成

  面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个词叫做“神圣几何”,我非常的喜欢。几何图形真的是很神奇的存在,几何形是可以用数学表达出来的,也是我们在初中时就开始学习的。比如三角形、圆形、矩形、正方形、椭圆等。这些几何形在视觉上是非常令人感觉舒适的,如果你在创作时没有灵感时,可以从几何形中寻求灵感。不规则形状其实也可以分解成不同的几何形的组合。

 平面构成的八种形式

  平面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发射构成形式、密集构成形式、对比构成形式、肌理构成形式等,如果平时您发现在工作中排版的图形能力比较差,那么建议您了解一下构成形式加以练习。

 重复构成形式

  重复构成形式就是用一个基本的元素在一定的形式下重复排列,排列对方向和疏密会产生一种秩序的美感。谈起重复构成,我想顺便介绍一下重复构成的两种方式:第一种:二方连续。二方连续是图案的一种组织方法。二方连续是由一个单位纹样向上下或左右两个方向反复连续而形成的纹样。第二种:四方连续,是由几个纹样组成一个单位向四周重复地连续和延伸扩展而成的图案形式。

  近似构成形式

  近似构成形式是使用相似的元素进行构成的一种方式。近似构成讲求在统一中带有变化。设计上采用基本形状之间相加相减求得近似的基本形。基本形类似的构成形式就是近似构成形式。总结来说就是看着一样实则要有变化。

  渐变构成形式

  渐变构成形式是把基本元素的大小、方向、虚实、色彩等关系进行渐次变化排列的构成形式。渐变可以是通过颜色、方向、虚实的变化也可以是通过外形的变化来完成,不一定是我们通常理解的颜色渐变。

 发射构成形式

  发射构成形式是以一个点或多个点为中心向周围发射扩散等效果,就会具有较强的动感及节奏感。首先我们需要有骨骼线。骨骼线就是我们画面走向的一个看不见的线索。其次我们可以选择使用离心式、向心式、同心式几种发射方法来设计。

  特异构成形式

  特异构成形式是在整体画面都有规律有固定形态的状况中进行小部分的变异以突破单调画面的形式。特异构成的部分可以用颜色、形状、线条等方法来做。很多运营类设计也会应用到特异构成形式。

  密集构成形式

  密集构成就是在画面中使用大量重复密集的元素来给观察者一种压迫感和与留白的对比,密集构成很容易给观察者造成震撼和心理压力。

  对比构成形式

  我们做对比构成的时候,可以使用元素的形状、大小、方向、位置、色彩、肌理等进行对比,以及重心、空间、有与无、虚与实的关系元素的对比。对比会产生强烈的反差和感官刺激。

  肌理构成形式

  视觉可理解的物体表面图案的纹理,我们就叫做肌理,以肌理为构成的设计,就是肌理构成。我们在做肌理构成时如果用Photoshop的时候会非常的方便,可以用图案、贴图等方式。

 排版中的元素

  在平面设计的过程中,我们其实是在组织图片、文字、按钮、图标等最小元素的信息架构。这些元素是画面中的最小单位,它们本身就附着着某个信息,比如作品的标题、一个功能、去展览的地址、一个景点的照片等。这些排版中的元素需要我们放在画面中,不可以因为好不好看而删去必要的信息,然后根据他们的重要性进行排列组合。  

  以上就是优漫教育小编为大家介绍的“【UI设计培训】:UI设计师必须要掌握的版式基础”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!