设计干货：点、线、面在版式设计中的作用 注：设计师大部门时候，就是在排布点线面在版面中的巨细比例及位置关系，设计师可以在不睬解案牍内容的环境下，仍然能通过这些法例来将文字和图片进行公道的结构。而本文要谈的恰是点、线、面在版式设计中的感化。本篇文章将深切解析版式设计的根基组成单元，点、线、面。我们将点线面称为设计三元素，一个文字或许标点，我们可以抽象成一个点，一行文字可以抽象成一条线，那末一段文字就是一个面，一张图片也能够被看作是一个面。其实我们设计师大部门时候，就是在排布点线面在版面中的巨细比例及位置关系。换句话说，我们可以在不睬解案牍内容的环境下，仍然可以或许通过情势美法例将文字和图片进行公道的结构。笔者在外企担负视觉设计师的时辰，常常面临各个国度和区域的设计需求。母语是英语的我们还能看懂文字的意思，可是像德国、俄罗斯、日本这些国度的说话我们也看不懂，那看不懂就不设计了吗？一定不克不及，每每案牍编纂会在word中标明哪段文字是大题目，并进行加粗加大字号显示，哪些是正文已在哪换行城市标注清晰，所以你只需要依照版式纪律进行设计就OK。这类环境就是把文字和图片抽象成点线面了，你现实排的就是点线面的位置关系了。那末点线面在版式设计中的感化是甚么呢？点的感化点，可以聚焦我们的视野。可让人们把注重力聚焦在我们想重点表达的信息上面。好比：APP启动页面中的LOGO，这些都可以看作是一个点，让我们只存眷这个品牌并留下印象，解除其他的信息干扰，这也是减法法例的应用，少便是多！下图中只有一个点，我们的视觉核心会不自发的落在这个点上，所以点可以起到聚焦视觉的感化。那末在现实设计中有哪些经典案例呢？列位看官请继续往下看：天猫APP开屏页面中间位置只有一个天猫的LOGO，现实就是起到聚焦用户的眼球，从而加深对品牌的认知和记忆。有的同窗可能会感觉天猫如许的亿级用户量产物，怎样可能华侈这么大的banner位却只放一个logo呢？由于天猫这个品牌更需要人们记住！当页面傍边有两个点并列存在的时辰，环境又纷歧样了。我们的视觉核心会在两个点之间进行频频的游离，很难获得到视觉核心，所以这里又触及到了一个奇数法例。奇数法例就是在版式设计中，一个区块内的元素应最好是奇数个数。如许一向会有一个视觉中间可以获得我们的核心，从而让视觉连结均衡。看到这里，良多视觉设计师可能会恍然大悟，本来视觉还有这么多的讲求和道理。那末在现实设计中，有哪些经典案例呢？一般大都APP底部标签导航和顶部标签导航，都应当是奇数摆列才契合视觉纪律。参考下图APP页面顶部标签及底部导航标签个数：