留白艺术网页设计论文

摘要：随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站设计者所注重，而网页留白正是一种重要的艺术表现。结合多年的网页制作教学经验，笔者从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。以下是小编精心整理的《留白艺术网页设计论文 (精选3篇)》，欢迎大家借鉴与参考，希望对大家有所帮助！

留白艺术网页设计论文 篇1：

浅析“留白”艺术在网页设计中的应用

摘要：互联网的发展把人类带入一个全新的媒体时代，时代的变化也促进了人们审美观念的变化，同时也推动了多媒体网站设计的发展。如今，越来越多的网站改变了过去的单调的形式，寻求一种符合现代人审美的新的形式。

关键词：留白;网页设计;应用

一、网页设计中“留白”的作用

在网页设计中，“留白”是一种艺术，合理又恰当的“留白”会让用户拥有轻松愉悦的享受感。[]以下是“留白”在网页设计中的作用：

1、“留白”可以突出主题

每一个设计师都希望自己设计的作品能得到大众的喜欢，然而得到大众喜欢的最重要的一个因素就是要吸引大众的目光。每一个作品都应该有一个视觉中心，大众会先看到视觉中心然后再去看到边上的辅助设计以及其他的信息，形成一条视觉线路。在网页设计中也应该这样，通过视觉语言来表现这个页面信息的主要内容，“留白”的艺术形式可以使网页拥有一个完美的视觉中心。

2、“留白”可以使网页更简约

随着现代设计不断的发展，越来越多人喜欢“极简主义”的设计。极简主义指的是一种以去除为主要的设计手法，只利用极少的设计元素，在西方美学上追求简单到极致的设计风格。[]留白与极简主义相似而又不同。留白是指适当的运用文字图片等素材并不是简单到极致。但是它们的共同点是可以使设计变的更加简约。

简约的设计可以给读者美好的享受，在网页设计中，要合理安排文字和图片的数量和位置，做到让每一个符号、标题、板块都围绕着主题，用最简单的设计通过“留白”的形式将它们表达出来。简约不等于简单，简约的形式可以提高读者的审美能力。

3、“留白”可以提升网页的可读性和易读性

4、网页是传递信息的一种方式，越来越多的人通过网页来了解最新的消息。因此，网页的可读性和易读性是很重要的。“留白”的艺术形式可以使读者更好的了解信息。

适当的留白，可以保持整个页面保持一种相对平衡，使得页面的信息更易被读者浏览，也更容易理解。保证网页的可读性和易读性是网页设计的必要条件。4、“留白”可以增强网页版面的韵律感

网页设计是具有艺术性的，只是艺术性是建立在可行性的基础之上的。在不影响网页可读性和易读性的基础上，可以进行一些艺术性的设计，恰恰会给读者带来不同的审美体验。“留白”的艺术性恰好体现了这一点。

面对一般网站的网页设计，信息量太大、文字处理不当、图片纷杂等等，处理的最好的办法就是“留白”，删除掉不必要的信息。通过对字体、图片的合理排版，以及对整个板块的设计让整个网页设计主次清晰，节奏感强，使网页具有“透气感”。通过“留白”化解了所有信息聚集在一起的压迫感，给读者带来轻松的享受，愉快的阅读心情，增强了网页的韵律感。

二 、“留白”艺术在网页设计中的应用

1、在色彩搭配时的“留白”

在网页设计中，色彩的合理应用是极其重要的。适当的色彩运用可以明确整个网页的板块分布，增添了整个网页的艺术气息。

“留白”并不是代表只能用白色为主体颜色，而是他们在选择色彩时除了对需要强调的部分使用了必要的纯度较高的颜色进行突出外，其他版面都采用了颜色纯度较低的高级灰，而且高级灰的面积较大，有一些甚至无限接近于白色。[]很多设计师时常会采用鲜艳的纯色进行设计，虽然纯色可以使网页非常的抢眼，但是高级灰却更能让读者产生视觉美感。

现今，网页设计师在色彩上增添了“留白”的艺术形式，将色彩通过自己独特的理解融入进网页的版面中，表现出不同网页的与众不同的意境，在众多的设计中脱引而出，形成了一种艺术美感。

2、在文字表达时的“留白”

读者通过网页去掌握新的消息，因此，文字的排版对网页来说也是具有极其重大的意义。简约的文字排版更能吸引读者的目光。

“留白”是在文字间进行适当的排版，根据页面的大小，来调整字体的大小、粗细，以及行与行之间的间距。对于为了“留白”而夸大设计的方法，是错误的，比如字体调的太大，间距太大，这样并不会使读者更清楚的阅读文字，反而造成了阅读障碍。这样做违反了“留白”的可读性与易读性，是不可取的。因此，在设计整个版面时，要合理设计文字。文字本身就带有“留白”的艺术形式，合理的设计会让整个页面和谐而又统一。

3、在版式设计时的“留白”

在现今的设计中，有的版面文字和图片占有少量的一部分，大部分“留白”，这样的设计，更能突出视觉中心，吸引读者的目光，而信息量充满整个页面这样的设计，给读者带来视觉障碍，带来压迫感。因此，如何在版式中添加“留白”的艺术形式成了设计师设计时考虑的重中之重。

对于如何“留白”才能达到最好的视觉效果，有人经过试验认为“留白”在版面中占据三分之二或三分之一面积时最符合人的审美要求和阅读习惯。[]因此根据网页的不同尺寸，需要调节版面的不同尺寸。在进行网页设计时，必须要根据页面的大小，设计好“留白”空间的大小，形成最好的视觉效果。

如何处理好文字和图片在空间上的关系，也是在进行版式设计所要解决的一个重要问题。将文字和图片等版面元素结合起来，创造出版面的形式美感。因而在设计时要注意文字与图片之间的大小、间距，调整到合适的位置，增强页面的视觉冲击力，增添页面的韵律感。

结语

每一个优秀的网页都建立在创新的基础上，因此，如何处理好“留白”在页面空间上的关系，是每个设计师所需要考虑的问题。 “留白”作为现代设计中必不可少的一部分，恰到好处的运用，可以创造出事半功倍的效果。通过对“留白”艺术形式的不断了解，可以将它更好的运用在网页设计上，使得网页更大的体现它的价值。

参考文献：

[1] 汤丽花. 论网页设计中的留白艺术[J]. 教师教育，2016.11

[2] 刘鹏飞. 浅析中国画中的“留白”艺术手法在平面广告设计中的应用[J]. City城市，2015

[3] 潘娇，熊倩，陈思帆. 浅析网页设计中的留白艺术[J]. 美术与设计，2015

[4] 王云英. 论报纸版式中的“留白”艺术[J]. 艺术设计，2014

[5] 韓兵. 对设计中留白的再认识[J]. 艺术与设计(理论)，2009(03).

作者：李钰

留白艺术网页设计论文 篇2：

论网页设计中的留白艺术

摘 要：随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站设计者所注重，而网页留白正是一种重要的艺术表现。结合多年的网页制作教学经验，笔者从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。

关键词：网页设计;留白艺术;功能;方法

一、关于网页设计的“虚实”和“留白”

“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。

网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接受信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”，在网页设计中只要处理得当，依然会成为网页设计留白的典范。

二、Web标准网页设计留白的功能

1.可用性体现。一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流动，最后完成对全部元素信息的吸收。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。当然，简洁不等于简单，简洁的形式更需要网页设计者具有概括浓缩的审美能力，对留白的理解有更高的要求。三是节约网络带宽。在网页设计布局中，所有用户界面设计的一般原则是：浏览器所有的设计元件中，如果少了某个设计元件，该设计仍然能够工作，就把它删掉。简洁总是比复杂要好，特别是在Web设计中，每节省3字节就会减少千分之一秒的下载时间。

2.艺术性体现。网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和扩展。当下网站建设中，功利色彩非常浓厚，网页上堆积的信息可以“多”、“挤”、“满”、“乱”形容，从视觉的角度解决办法之一就是运用网页留白，这种留白可以是空白，也可以是大面积的单纯色彩，或者是规则图形的组合，无一例外地，它使文字之间、图形之间形成页面节奏感、版块层次感、内容主次感，创造“透气”的感觉，以化解大量信息聚集起来造成的压迫感，寻求心理释放，给浏览者带来轻松、愉悦的享受和无限的想象空间，最大限度地激发他们的艺术想象力，从而更好地体会页面信息中所潜藏的深刻含意。这正是网页留白在更高层次上的艺术韵律之美。

三、Web标准网页设计留白处理方法

1.网站整体设计留白。在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。这种留白的思维方式是把整个系统作为留白的载体，而不是单独的某一页、某一侦，这需要设计师从设计的全方位去考虑网站的架构，做到设计的全面统一，从整体气质上定义网站文化的含义，传达更容易被识别和认同的企业品质。因此，留白在这里的表现已经不在再单纯的技术手段，而是融入整个网站系统的构建的、不可或缺的一部分。这种系统的视觉说服力更为直接，可用性更强。

2.网站页面设计留白。在网页设计中，也要注重细节的处理，寻求设计在不同角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面：一是网页顶部(头部)留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。四是版块分离用空白而不是表格或线条。

留白作为一种经典的传统平面设计语言，已经延伸到当今设计的各个领域。它正在从设计的思维方法上给我们更多的思维空间。网页设计留白是网页艺术性的需要，更是网页可用性的要求。无论作为网页设计者，还是网页用户，都应当把看待“留白”提升到一个新的高度。在这样一个多元、开放的时代，它一定会拥有更大的应用空间。

[参考文献]

[1]韩兵.对设计中留白的再认识[J].艺术与设计(理论)，2009(03).

[2]陈学军，郝怡.艺术形式中的留白略论[J].书画，2007(07).

[3]童铧彬.浅谈留白在平面设计中的应用[J].美术之友，2009(06).

作者：汤丽花

留白艺术网页设计论文 篇3：

浅谈网页设计留白的虚实之美

摘 要：网页留白内涵的包含三个方面，页面的空白部分、大面积的有色范围和重复出现的、在视觉上呈现出整体性的规则图形的组合。从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。

关键词：虚实;留白;网页设计

“留白”作为中国画特有的绘画语言之一，随着现代数字媒体技术与艺术的发展，在现代设计艺术中的重要地位和作用越来越突出，在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分，简洁、单纯、可用是当代Web标准网页设计的主流，迅速、有效地传达信息，少用装饰，强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念，无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展，也必将促使我们对这一思维方法展开更高层次的研究和探索。

1 关于网页设计的“虚实”和“留白”

“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。 网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接收信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。“白色是一切色彩中最完美的颜色，我们几乎找不到白色有消极意义的情境。”如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。在网页设计中，无论是页面的空白，还是大面积的有色范围，或是规则图形的组合背景，都是页面的“虚”，是为了强调主体，明晰层次，突出主要的、关键的元素这个“实”的。

2 Web标准网页设计留白的功能

留白是一种艺术形式，在Web标准网页设计中，留白可以发挥重要作用。利用留白来达到页面平衡，使整个页面布局松紧有度，形成虚实、浓淡、动静、轻重的效果，给人以跌宕起伏之感。与其他艺术形式不同的是，网页设计是以传达页面信息为主要目的的，留白更多的是服务和服从于网页的可用性。

可用性体现在以下几个方面。一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随个元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。如在主题文字的周围留出恰当的空白空间，会比更改变主题文字大小和色彩更显突出，同时也使页面在统一性上更易处理。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。

网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。过多的装饰性元素或重复强调往往会导致读者的抛弃性反应，使刻意设置的形象失去震撼效应。因此，无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。

艺术性体现网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和擴展。当用户被网页上满满的文字、声音、图像等淹没时，适当合理的留白空恰似一个心灵歇息的驿站，让我们的神经得到了有效的缓和，从而使用户轻松浏览。

3 Web标准网页设计留白处理方法

在版面设计中，处理好大与小、主与次、疏与密、虚与实，都是美的比例基础，可谓是一种既可浏览又可休闲的两全其美的艺术享受。 但对留白如果不加控制的任意使用，它不仅不能有效发挥作用，反而会造成版面混乱，影响整个页面设计。Web标准网页设计留白可从两个方面把握。

网站整体设计留白：在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使的页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。

网站页面设计留白：在网页设计中，也要注重细节的处理，寻求设计在不角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面。

一是网页顶部(头部)留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。

参考文献：

[1] 屈一锋.论现代水墨画中虚与实的运用[J].美术大观，2007(11).

[2] 爱娃·海勒(德).色彩的文化[M].吴彤，译.北京：中央编译出版社，2004.

作者简介：孟媚(1981—)，女，辽宁人，鲁迅美术学院(设计艺术学)硕士，鲁迅美术学院视觉传达设计学院讲师。

作者：孟媚