平面构成的视觉设计语言在网页中的表现

教育教学jiao yu jiao xue115浅谈视觉语言的点线面在美术版画创作的表现◎张雪桐摘要：本文以康定斯基的点、线、面理论为基础。

在版画创作中，点、线、面的结合可以使画面和谐，使版画创作的画面和能动性达到极限。

为了进一步发展版画，我们需要学习更多的视觉语言元素，让更多的人能够识别和接受。

本文就是通过对丝网版画创作中独特而生动的点、线、面形式的分析来展现其自身的价值。

关键词：版画；点；线；面一、版画艺术的发展当谈到版画与视觉之间的关系时，我不得不提到版画制作的发展历史。

人们首先使用木版画印刷了一块宣传图案。

总体历史来看版画发展进程：（1）佛教的传播，为了满足诵经和传福音的需要，人们开始用木版画来印刷经文。

（2）插画家，雕刻和民间书籍组合。

（3）其次是插图民俗风情，木版画在人们中间传播，民族元素可以传承到现在，如用作门神印刷品的人。

二、视觉语言的点线面艺术元素探究点、线、面三元素本身具有的情感意义，以及在作品上的情感表达造成了它们自己语言的交织。

它们给予画面最简洁最准确的表现，它们不仅仅是以形的表现形式出现，更是表达内在情感的重要手段。

外在的形有时候并不能表达出一幅绘画作品其内容的特征与气质，只有这种内在的张力才是作品精神真正的载体。

（一）点点的产生是由工具与材料的碰撞所来，纸，木，帆布和拉丝装饰板等材料相当于面。

工具可以是铅笔，刀具，油刷，钢笔等。

通过这种初始碰撞，可以创建最基本的表面。

从造型设计的角度来看，点是一切形式的基础。

从几何意义上讲，这一点没有立场。

但是，在造型方面，有不同的含义。

它没有连通性和方向性。

此外，必须有清晰的轮廓，以区别于周围环境。

在此基础之上，康定斯基提出了点线面具有张力(内部运动的声音)和体现了抽象艺术、综合艺术特点的形式观。

（二）线几何角度上，线是一个不可见的实体，它是指向移动时离开的轨迹。

这里，我们有从静到动的一步。

因此，该线是最基本的绘图元素点的相反结果。

在平面构成艺术解释线为，线是点运动的轨迹。

网页设计中“点、线、面”的视觉构成此主题相关图片如下：线的视觉构成点的延伸形成线。

线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。

线是分割页面的主要元素之一，是决定页面现象的基本要素。

总的来说，线分为直线和曲线两种。

这是线的总体形状。

同时线还具有本体形状，两端的形状。

线的总体形状有垂直、水平、倾斜、几何曲线，自由线这几种可能。

线是具有情感的。

比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。

线的放射，粗细，渐变可以体现三维空间的感觉。

将不同的线运用到页面设计中，会获得不同的效果。

知道什么时候应该运用什么样的线条，可以充分的表达你所要体现的东西。

总之，线条是网页设计师必须熟练运用的最得力的表现工具。

我们应该对他有一定的了解。

下面我们用一些精彩实例来做具体的分析说明。

在这个页面中，水平线的重复排列形成一种强烈的形式感和视觉冲击力，能够在第一眼就产生兴趣，达到了吸引访问者注意力的目的。

自由曲线的运用，打破了水平线组成的庄严和单调，给网页增加了丰富、流畅、活泼的气氛。

水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比，从而将视觉中心有力的衬托出来。

值得提出的是，页面中点（按钮）的运用，使页面的形象更加活泼，丰满。

此主题相关图片如下：线还具有两端形状。

线的两端形状可以任意形的，它决定了线的本体形状。

在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特殊的肌理，表现了强烈的个性特征和艺术效果。

边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特殊并引人注目。

在这里，字母也可以看做是构成页面的线条的一种。

底纹采用了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。

曲线（字母）的大小对比也可以丰富空间层次。

近实远虚的绘画原理，在这里得到了最充分地体现此主题相关图片如下：将曲线（字母）随意的重叠，变形，占踞了页面左上角的很的一部分空间。

进入21世纪，随着国际互联网络的不断普及与发展，网络正在成为信息传播的重要渠道和交流方式，它越来越成为人们日常生活不可缺少的一部分。

网页界面设计作为一门全新的设计领域，既是平面设计在信息时代的延续，又是平面设计新的发展方向[1]。

网页界面作为视觉传达的载体，从产生阶段就继承了传统平面设计的优势，从而为这种全新的大众媒体奠定了坚实的发展基础。

平面视觉元素是二维空间的平面视觉构成元素，它包括文字、字体、图形、图像、色彩、版式等。

网页界面作为人与信息交流的媒介，通过对这些构成元素的设计布局以及自身特有的界面视觉元素和构成方式的运用，来达到信息传达和审美的目的。

1网页界面设计中平面视觉元素的特性随着网络时代的发展，网页的应用已深入到人们生活的各个领域，同时它也通过其时效、精炼、速达的视觉语言达到信息交流和传递的目的。

在网页界面设计中恰当地使用平面视觉元素语言，能收到更好的效果。

作为一门全新设计领域的平面视觉语言它需要满足以下几个特性。

1.1注目性注目性是指页面形象要能引起浏览者视觉的注意。

这种注意同视觉形象的结构、大小、方位、环境、色彩因素有关。

现代社会环境，变化万千，信息流动性强，使浏览者的注意力不易集中，如果没有引起浏览者足够注意的因素，那么信息的传达就很难进行，因此加强注目性和视认度便成了网页界面设计师必须追求和注意的事项，于是在设计时往往采用概括简洁、生动鲜明的视觉语言，通过对图形或色彩的创意变化，将用文字或听觉语言都难以表达清楚的含义展现出来，这种表达方式利于吸引视线和注意力，可以产生事半功倍的效果。

网页界面设计中的平面视觉元素董海斌1，王丽梅2，孙浩章1（1.西安理工大学，西安710054；2.西京大学，西安710123）摘要：分析了网页界面设计中平面视觉元素的6个特性。

结合传统平面构成方式在网页界面设计中的运用情况，阐述了文字与字体、图形图像、色彩、版面等平面视觉元素适应网页界面设计发展的新特点。

04摘要：随着信息时代的到来，互联网的冲击和新媒体技术的突破为平面设计领域提供了更多维化的视觉空间与探索体验。

通过梳理平面设计多维化拓展的概念范畴以及发展动因，结合日本新一代平面设计师佐佐木俊的设计作品，分析设计需求和逻辑规则，从多维的角度总结提炼出平面视觉语言的表达方式。

促使平面视觉语言由静态向动态、互动体验模式拓展；由二维平面拓展到向多维真实的感性空间，阐述平面视觉语言多维扩展的重要性。

关键词：佐佐木俊；视觉语言；多维视域；平面设计Abstract: With the advent of the information age, the impact of the Internet and breakthroughs in new media technology have provided more dimensional visual space and exploration experience for the graphic design field. By combing through the conceptual categories and development motivations of the multi-dimensional expansion of graphic design, the article combines the design works of the new generation of graphic designer Sasaki Toshiro, analyzes design requirements and logical rules, and summarizes and refi nes the expression of graphic visual language from a multi-dimensional perspective. Promote the expansion of plane visual language from static to dynamic, interactive experience mode; from two-dimensional plane to multi-dimensional real perceptual space, expound the importance of multi-dimensional expansion of plane visual language. Key words: Shun Sasaki ； visual language ； multidimensional horizon ； graphic design中图分类号：J51 文献标识码：A doi：10.3963/j.issn.2095-0705.2022.02.004收稿日期：2022-01-20作者简介：张宝（1974─），男，博士，合肥工业大学建筑与艺术学院副教授，研究方向为工业设计理论与方法；李凤娇（1996─），女，合肥工业大学建筑与艺术学院硕士生，研究方向为视觉与信息设计。

網頁設計中“點、線、面”的視覺構成點、線、面是構成視覺空間的基本元素，是表現視覺形象的基本設計語言。

網頁設計實際上就是如何經營好三者的關係，因為不管是任何視覺形象或者版式構成，歸結到底，都可以歸納為點、線和面。

一個按鈕，一個文字是一個點。

幾個按鈕或者幾個文字的排列形成線。

線的移動或數行文字或者一塊空白可以理解為面。

點、線、面相互依存，相互作用；可以組合成各種各樣的視覺形象，千變萬化的視覺空間。

一、點的視覺構成在網頁中，一個單獨而細小的形象可以稱之為點。

點是相比較而言的，比如一個漢字是由很多筆劃組成的，但是在整個頁面中，他可以稱為一個點。

點也可以是一個網頁中相對微小單純的視覺形象，如一個按鈕（BUTTON），一個LOGO 等等。

需要說明的是，並不是只有圓的形才叫一個點，方形，三角，自由形都可以作為視覺上的點，點是相對線和面而存在的視覺元素。

點是構成網頁的最基本單位，在網頁設計中，經常需要我們主觀的加些點，如在新聞的標題後加個NEW，在每小行文字的前面加個方或者圓的點。

點在頁面中起到活潑生動的作用，使用得當，甚至可以是畫龍點睛的。

一個網頁往往需要有數量不等，形狀各異的點來構成。

點的形狀、方向、大小、位置、聚集，發散，能夠給人帶來不同的心理感受。

以下我們就具體的頁面，談談點的運用和表現。

在這個頁面中，只有唯一的一個點，四周是大量的空白，於是它馬上成為吸引視線，引發興趣的視覺中心。

而這個視覺中心就應該是你想表達的主題，效果是最直接明確的。

在你實際瀏覽這個頁面的時候，這個處於三度空間點（花生）旁邊環繞著一段電腦聯線。

三維技術的運用，更突出了這個視覺中心，讓你迫不及待的點擊進入下一級的頁面。

此主題相關圖片如下︰這是同一網站二級頁面中的一個，我們可以將每一組形看做是一個點，如NEWS可以稱做點，右下角還有四個點。

所有的點互相呼應，組成不穩定的三角構圖。

在這個頁面中，重複出現了用三維動態技術表現，最吸引視線的首頁的點（花生）。

平面构成的视觉设计语言在网页中的表现摘要:随着社会的日益变更,网络时代的到来无疑是为现代社会披上了一层耀眼的外衣。

网址是互联网的最基本的组成部分,而网页则是网址最基本的元素。

网页是由文本、图象、Flash动画、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成;而平面构成则是由点、线、面三个基本元素组成。

因此,本论文从构成的含义,平面构成的概念,发展,基本特点以及平面构成的形态要素在网页中起的作用和平面构成的几种形式在网页中的具体运用等方面结合网页来论述。

关键词:网页；构成概念；平面构成基本特点；平面构成形态要素；平面构成形式现今,网络已经成为现代社会不可或缺的好帮手,人们从网络中能够获得大量的信息,其中网页对于人们的帮助是不容忽视的;如果说网址是互联网最基本的组成部分,那么网页就是网址最基本的元素。

他们是通过各种链接相互关联,从而描述相关的主题或实现相同的目的。

网页是由文本、图象、Flash动画、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成,而这些元素从构成形式上看就是简单的点、线、面等基本元素经过了艺术创造,变得更加的有质感；就拿文本来说,文本作为网页中的基本元素，与平面构成中的点元素有着相同的作用——点睛之笔。

再从构成的含义来说，它首先是一种造型的概念。

所谓构成就是以数种以上的单元重新组合成为一个新的单元。

然而构成它更多的是哲学和科学的含义:即“对象世界诸要素的分解与组合,使新的功能显现。

”构成是创造形态的方法,研究如何创造形象,形与形之间怎样组合,以及形象排列的方法,可以说是一种研究形象构成的科学。

一、平面构成的发展及其基本特点对于网页设计而言所代表的意义平面构成是设计中最基本的训练,是在平面上按一定的原理设计、策划多种视觉形式。

我们学习构成不是目的,而是形成目的的手段,是一种思维方式的训练、分析和实验,最后通过这种思维方式的开发,培养一种创造观念,使我们有更多的想象力和创造性,开拓设计思路。

视觉语言与表达方式在设计中的重要性在当今这个信息爆炸的时代，设计已经成为了我们生活中不可或缺的一部分。

从我们每天使用的手机应用界面，到城市街头的广告牌，从书籍的装帧到服装的款式，设计无处不在。

而在设计中，视觉语言和表达方式的运用则是决定设计作品成功与否的关键因素。

视觉语言，简单来说，就是通过视觉元素来传达信息和情感的一种语言形式。

它包括色彩、形状、线条、纹理、图案、字体等元素，这些元素相互组合、相互作用，形成了一种独特的语言，能够直接与我们的视觉感官进行交流。

比如，红色通常被认为是充满活力和激情的颜色，圆形给人以柔和、包容的感觉，直线则往往代表着简洁和力量。

设计师通过巧妙地运用这些视觉元素，能够传达出特定的信息和情感，引发观众的共鸣。

表达方式则是指如何将这些视觉元素组织和呈现出来，以达到最佳的传达效果。

它涉及到布局、构图、比例、对比、节奏等方面的考虑。

一个好的表达方式能够使视觉元素更加清晰、有力地传达信息，增强作品的吸引力和影响力。

例如，在一张海报设计中，将主要信息放在画面的中心位置，并使用较大的字体和鲜明的颜色，能够迅速吸引观众的注意力；通过合理的布局和对比，将不同的元素区分开来，能够使画面层次分明，易于理解。

视觉语言和表达方式在设计中的重要性首先体现在品牌形象的塑造上。

一个成功的品牌往往具有独特而一致的视觉形象，这是通过精心设计的视觉语言和表达方式来实现的。

比如，可口可乐的红色包装和独特的字体，苹果公司简洁而富有科技感的产品设计，都已经成为了其品牌的标志性特征。

这些独特的视觉元素和表达方式不仅能够让消费者在众多品牌中迅速识别出它们，还能够传达出品牌的价值观、个性和品质。

通过持续而一致的视觉传达，品牌能够在消费者心中建立起深刻的印象和情感联系，从而提高品牌的忠诚度和市场竞争力。

在产品设计中，视觉语言和表达方式同样起着至关重要的作用。

产品的外观设计不仅要考虑美观性，还要考虑功能性和用户体验。

通过合理的形状、色彩和材质的选择，以及巧妙的细节处理，能够使产品更具吸引力和易用性。

网页设计中视觉艺术构成分析作者：赵宏阳来源：《艺术科技》2015年第06期摘要：本文重点阐述了网页设计中视觉艺术构成分析，并从排版视觉艺术构成、文字视觉艺术构成、图片视觉艺术构成、色彩视觉艺术构成等四个方面对此问题进行阐述，希望通过本文的分析大家能对此问题有一个清晰的了解。

关键词：排版；文字；图片；色彩0 前言随着互联网的兴起网页设计已经成为各大平台、公司主页、交流群彰显文化、彰显主题、彰显个性的重要构成，好的网页设计不仅囊括一流的操作感，同时应当囊括艺术设计氛围，而网页的艺术传达主要以视觉感官为主，因此本文重点阐述了网页设计中视觉艺术构成分析，对排版视觉构成、文字视觉构成、图片视觉构成、色彩视觉构成，希望对这一方面的艺术塑造有所帮助。

1 排版视觉艺术构成网页页面设计的第一重点在于排版，现在排版理论可以分为三个方向，即从点、线、面展开排版，以往的艺术形式中，都是以点带线，以线画面，但在网页设计中恰好相反，是以面为主要构成，以线为重点分割，以点作为辅助，比如在一个网页页面中，最重要的是版面设计的主体基调，如搜狐的版面当中最大的窗口面是当天发生的重要新闻，这个新闻版面占据整个网页的六分之一的位置，非常醒目并且配合剪辑画面，能够让人一眼清晰地了解到最新新闻的内容，给予一个“大面”抓住浏览者的眼球，其次才是版块的划分，如生活版、军事版、历史版等等，这就使线的分割，每一个线路都非常明确能够让浏览者能够快速找到自己感兴趣的话题，从而进入到连接当中欣赏内容，最后才是围绕划分内容做得一些辅助和补充。

例如，观看磨一话题时在旁边能够浏览到相关的话题，通过超链接进入。

再比如，会有一些辅助性的淘宝、苏宁的网商的广告，诸如此类分散的点构成了整体的辅助效果，充实了页面设计。

因此，网页设计版面的视觉效果应当从“面、线、点”三个方向逐一排序，让浏览能够把握到主次顺序，使整个视觉效果不会被淹没在冗杂无关注点的文字新闻当中。

2 文字视觉艺术构成文字视觉艺术的重点在于吸引，近年来兴起的标题党就是最好的视觉艺术呈现，文字视觉艺术做成标题形式，能够迅速地抓住关注着的眼球，并且最大程度的吸引关注着。