网页元素（共10篇）
网页元素 篇1
一、概述
(一) 网页界面设计市场发展现状
如今, 互联网越来越走近我们的生活, 网上冲浪也渐渐成为我们生活中不可缺少的一部分。在这五彩缤纷的网络世界中, 涌现出大量优秀精美的网页, 而这些网络信息的呈现, 无非就是通过文本、图像、Flash动画等设计元素。如今, 我国的网页数量逐步增加, [1]到2007年6月止, 网页数量已达到44.7亿页, 但在界面的设计上, 国内的的确还很“年轻”, 还处在起步和探索阶段, 除了一些大的专业网站在版面的编排上比较讲究之外, 其他很少见到界面设计考究、创意优秀的中文网站;相对而言, 国外的界面设计开始趋向成熟阶段, 他们着重突出时尚与艺术, 让象征性、特异性等艺术魅力贯穿于网页设计中, 所以全球最受欢迎的1000个网页更多的是来自西方国家。数字计算与互联网的发展是人类两项最重要的技术成就, 尽管属于现代技术, 而它们的发展却可追溯到几十年, 甚至几个世纪以前。作为近二十年以来意义深远的新兴设计领域, 网页设计的挑战更来自于——怎样在人类和技术之间创建一个有效的界面。
(二) 网页界面设计的性质
尽管网页的界面设计是一个全新的实践领域, 但却可以借鉴其他设计领域, 我们不能以无知的涂鸦为起点来对它, 所以作为一项综合工程, 网页界面设计也吸收了其他设计学科, 甚至非设计学科的技术特征等。虽然它不同其他艺术, 但是从视觉的角度来说, 能否有效地将信息组织编排, 还是会间接影响着整个网站在受众群体中的知名度。一个产品要想得到大众的认可, 首先就得在感官上得到呼应, 所以在设计一个网页界面时, 应该把握受众群体在视觉上的心理特点, 研究各种视觉元素之间的联系与区别, 用合理、有效的编排得到一个吸引人们眼球的界面设计。对于网页设计来讲, 其信息内容的有效传达是通过对各种构成要素的设计编排来实现的:包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素, 而人类的大脑善于在尺寸、颜色、形状及空间位置关系的基础上进行图像处理, 所以视觉化的展示方式对于未来的网络信息领域, 将扮演极为重要的角色。
二、网页界面设计构成要素的视觉冲击与表现
(一) 特殊文字与网站信息的运用
作为信息传达媒介的视觉功能, 文字具有传达主题内容的作用, 在网页中, 它是最为重要的。因为字形符号具有强烈、明晰的视觉效果, 方便传达信息, 能够使之更具时效性和标志性, 网页设计者可以用字体来充分地体现设计中要表达的情感。创造新的形式是为了打破旧的格局, 求新、求异、求发展是当今人们的要求, 字体设计也不例外, 它的视觉形象要给人们耳目一新的感觉。而字体选择是一种感性、直观的行为, 其构成的基本要求是易读性和可读性, 在此之上, 便可以选一些特殊字体来生动画面, 但重要的一点在于, 要服从其风格与内容特性相吻合, 而不是相脱离, 更不能相互冲突。像以下两张的儿童网站 (图1) , 在个别字体上就进行了特殊化, 体现了页面的活泼和趣味性, 不仅能在视觉上获得美感, 给人以美好印象, 而且还能获得良好的心理反应, 作为网页设计者, 既可以按照常规的方式来设置字体, 也可以对字体进行艺术化的设计。无论怎样, 一切都应围绕如何更出色地实现自己的设计目标, 将文字图形化、意象化, 以更富有创意的形式表达出深层的设计思想, 克服网页的单调与平淡, 从而打动人心。
(二) 个性的色彩对视觉上的冲击
从人们的视觉感受来说, 任何物品所带来给视觉的第一印象, 无疑是色彩, 它对视觉的主体起到一定的衬托和协调作用。在网页界面设计中, 色彩的个性运用, 能使网页增加对人们的吸引力。但此处的“个性运用”并不是说色彩自身对比越强, 越鲜亮就越好, 它们还得根据产品的固有特点进行运用, 统一整个网页的风格和情调, 以达到自身的个性化, 所以在完整、简洁的运用前提下, 能充分体现与众不同的一面, 那么对人们的吸引力也就越强, 给受众者的印象也就越深。像一些女性或者文学方面的网站, 颜色背景以浅灰色或浅绿色的居多, 柔和、素雅的风格让浏览者一眼就能了解此网站性质;而黑色这种带有傲慢特性的色彩便更适合男性网站, 它能使整个画面成为他的天下, 散发一种阳刚魅力。颜色的表达, 虽然不能完全的代表企业形象, 但在一定程度上还是可以传达产品信息。“可口可乐”在品牌推广时, 采用红色为其标准色, 所以在制作网站时, 整个页面都是用红色底块进行覆盖, 如此运用不但为整个版式增添亮丽, 也充分体现了产品的特性化, 为其打响品牌。由此说来, 合理地运用个性色彩一方面能够吸引网民的注意力, 而另一方面也有助于体现网站的主题。
(三) 网站整体布局设计的感官效应
由于整个界面的空间有限, 所以一方面, 我们既要考虑界面是否有效地被利用, 里面的信息是否丰富;而另一方面, 我们还要考虑界面布局是否好看, 尤其是一个网站的主页面, 它的界面布局应该更美观, 更抢眼。作为网页编辑者, 只有把图片和文字有力地结合起来, 才能突出版面的视觉中心, 在文字与图片之间的对比与共生中寻找一个平衡点。如boo.net网页 (图2) , 在整个布局上显得紧凑但主次分明, 用一张动感的数码图片占据大量空间, 把浏览者的视点都集中在此, 周围再进行些文字排版, 同样也能让浏览者轻松阅读, 在视觉上得到美感;eyeweekly.com网页 (图3) , 因为文字信息少的缘故, 所以在布局上穿插了较多的图片, 按照网格的构成规律进行排版, 如此大胆又精美的设计方式, 即使文字少、色彩单调, 一样增强了整体版面的可阅读性和视觉感。所以尽管文字再特殊, 色彩再多么的好看, 如果没有一个合理的布局, 带来的只是杂乱无章的页面, 同样, 即使没有光鲜亮丽的元素, 好的布局还是会给浏览者带来良好的视觉冲击。
(四) 图像和flash的有效互动
随着人们对审美、时尚的不断追求, 网页设计不再是一味的追求文字和版式上的美化效果, 由原始的文字表达方式已变成今日的动态、文字和图片的相结合, 更多的视觉图像以及flash出现在网页中, 并且不断地花样翻新, 它们在制作上也越来越精美、新颖, 并且富有创造力和想像力。但从可用性的角度讲, 并不是越花哨的图像或flash就越被用户所接受, 它们的可用性还是要回到它们在网页设计中是如何互动的。大多flash都是用于网络广告, 目的是为了企业和产品得到推广。在flash制作和图像的选材上应该得到呼应, 像百丽的网页, 在进入画面时只是蓝天和大树, 用简单背景图片来突出接下来的产品, 几片简单的叶子飘落也显得生动有趣。现在很多商家为了打响广告, 在制作网页时增添了不少flash广告, 把整个网页排的密密麻麻, 显得很繁琐, 这样不仅得不到视觉上的美感, 而且会给浏览者带来视觉疲劳, 例如同行业的nike与adidas (图4) 相比较, nike官方网在制作首页时, 仅仅只是在一块黑色背景上添加了一双“nike”鞋, 简单明了, 同时也突显了产品特征;而adidas在做产品网页时, 运用了大量图像效果, 使整个画面显得过于花哨, 过多的色彩让人感觉有点眼花缭乱。所以, 不能因为动画的引人而过多地强调动画本身, 要知道, 只有图像和flash互相配合才能实现效果的最优化。
三、加强网页界面设计视觉冲击的重要性
(一) 更好地表达产品信息
其实这种以数码技术支持的网络、多媒体设计也是属于视觉传达设计学科, 但有些人始终认为, 网页最主要的是内容, 可是, 红花还需要绿叶陪衬, 任何一件有实在意义的东西只有经过包装后, 才能更加充分展示它那最有价值的一面。[2]美国芝加哥有人做过一次试验, 将同一份目录印成彩色和黑白两种, 寄发后数月再做统计, 结果发现彩色目录的销售吸引力是黑白目录的5倍。可见在产品中增强对消费者的视觉冲击是多么重要, 相比一个平淡无味的产品, 而被精心设计过后的要更受欢迎。网页设计也是如此, 能在视觉上带来冲击力的网页设计, 既能把产品的特色和质感完全表现出来, 产生真实感, 又具有美化版面、增加网页的美感享受作用。倘若知名的快餐店麦当劳, 又或是咖啡巨头星巴克等国际品牌, 他们没有在网络上进行广告宣传, 又或是对网页的视觉效果并不是那么在乎, 单凭在市场上的营销, 产品的特色是得不到充分展示;反之, 随着它的网站浏览次数逐渐增加, 广告被更多受众者得知, 那么企业效益也会越来越好。形象是人类的第一知觉, 形象化的表现, 独特的表现力, 使信息能够在信息海洋中突显, 吸引受众的眼球, 人们可以直观知晓要领, 从而把握信息, 无疑极大的增强了信息的快捷传递。
(二) 吸引客户的注意力
一个浏览者每天上网都要浏览无数网页, 但一个页面完全下载后也许没半分钟就被关掉了。主要的原因是界面的整体感觉上缺少视觉冲击力, 没有让浏览者停留欣赏的欲望性, 如果一切以客户需求为中心, 从各方面展示亲和力, 在视觉上增强冲击力, 必定能增强消费者的注意力, 增大网页浏览次数, 以便广告得到推广。互联网是个创新意识很强的行业, 所以不单是从内容上, 互动服务块的流程设计上创新, 在网页界面设计上更应该力求视觉冲击, 不断提高视觉创新。
四、结束语
网络正成为日常生活的组成部分, 那么未来必将会出现更多带有不同需求的新用户群以及更多的花样繁复的新技术, 如果能加强在这方面的研究, 不仅能培养研究者探索视觉体验和视觉归纳的能力, 同时也将会从各个方面增强自身的设计理念。如今, 在科技传播和文化创意产业的带动下, 数码媒体已进入飞速发展的时代, 而网络行业也在不断涌现, 中国的网民数量在世界上已居第二位。所以, 在中国市场上, 像这种媒体形式的设计还有很大的发展空间, 而加强在视觉上的突破, 对当今社会新媒体的发展趋势还是有很大帮助。因此, 设计者必须充分认识网络, 了解网络的特征, 才能使设计更加适合于网络上的传播。
摘要：本文就网页的视觉元素给浏览者和产品带来不同反应展开分析。虽说我国的网页数量逐步增加, 但在界面的设计上, 国内的的确还很“年轻”, 忽略了受众群体在视觉上的心理特点, 而一个好的网页设计既能把产品的特色和质感完全表现出来, 吸引客户的注意力, 又能提高受众的关注度。所以本文探讨的是, 在设计一个网页界面时, 应该如何用合理、有效的编排去吸引人们的眼球。
关键词：界面设计,构成,视觉,效益
参考文献
[1]《网络广告设计》孙世圃、李小虎著.岭南美术出版社.
[2]《艺术设计教育展望》陈汉民著.西南师范大学出版社.
[3]《郑州铁路职业技术学院学报》视觉传达设计中的网页艺术设计.吕文静著.
[4]《什么是网页设计》.尼科.麦克唐纳著.中国青年出版社.
网页元素 篇2
图1 两端对齐的版式
单纯使用float:left或者float:right，而不添加额外的class区分元素的位置，似乎是无法实现靠左/右的效果。
首先列出结构：
靠左边 中间 靠右边 靠左边 中间 靠右边 靠左边 中间 靠右边
思路是：li不需要单独的class来设定左右，而是通过扩大ul的宽度和高度，使其溢出父层，再通过父层的overflow:hidden来隐藏多出容器的部分。
CSS
.justify {width:320px; /* 1行3个li，li之间距离10px = 100px*3 + 10px*2 */overflow:hidden;margin:10px;border:1px solid #999999;}.justify ul {width:330px; /* 可容纳下3列的宽度 */margin-bottom:-10px;/* 隐藏掉最下面一行的margin-bottom */overflow:hidden;zoom:1;/* 触发IE的Layout */}*+html .justify ul {margin-bottom:0;}/* 针对IE7中最后1行li的margin-bottom失效 */.justify li {display:inline;float:left;list-style.:none;width:100px;height:100px;margin:5px;background:#EEEEEE;}
其实，用图2来解释更直观一些：
图2 实现原理
提示：IE7内最后一行li的margin-bottom应该会被IE吃掉，所以ul就不需要margin-bottom了，
此处需注意的是调整div的宽度的同时也要调整ul的宽度。
或者不设定ul的宽度而是用负marign值来达到扩大ul宽度的效果。
非浮动和定位的块级元素，其width值为auto（默认值）时，会尽量充满父元素的内容框，也就是说当没有border/padding/margin时，width是100%。
计算公式：
margin-left+border-left+padding-left+width+padding-right+border-right+margin-rigth=包含块的宽度（div的width）
因此如果设定ul的margin-right为-10px，其他padding/margin/border都为0，则：
ul的width=320px（div的width）-(-10px)=330px
代码如下：
.justify {......}.justify ul {margin:0 -10px -10px 0;overflow:hidden;zoom:1;/* 触发IE的Layout */}.justify li {......}
这样的优点在于，只要调整最外层div的宽度，就可以实现2列或者4列的效果。
——查看示例文件——
来自：www.ddcat.net/blog/?p=1199
★ 手把手教你网页布局的基本元素
★ 网页设计总结
★ 网页设计教学
★ 网页设计作品简介范文
★ 网页设计论文
★ 网页设计自荐信
★ 网页设计求职信
★ 网页设计心得体会
★ 元素的教学设计
网页元素 篇3
关键词 网页设计 视觉元素 信息传达
中图分类号：TP3 文献标识码：A
在现代社会，网络已成为信息传播的重要渠道和交流工具。网络是一个处理、传达信息的平台，区别于传统的媒体而言，网络具有信息繁杂、高速高效、人机交互等特征。设计者必须充分了解网络的特征，利用视觉元素将成千上万的信息进行处理，以清晰的脉络和有序的方式呈献给浏览者。让信息更为有效地传播，是身处于信息化数字化的今天设计者所必须具备的基本能力。
1国内网页设计中信息传达存在的问题
縱贯国内的网页设计，普遍存在内容排列杂乱、巨量信息堆积而缺乏条理化等问题。这造成浏览者视觉疲劳，在网页浏览的过程中找不到重点。例如，标题栏与正文的字体大小、粗细没有区分，色彩方案混乱，没有统一的主题色，这些都导致用户在浏览网页时注意力被各个强调的部分分散，没有清晰的视觉流起点与路线，因此不愿在网页中长时间停留或进行后续的访问浏览。
2网页设计中的视觉要素分析
文字、图形图像、色彩和版式是网页设计中视觉呈现的主要构成内容，是组织信息的重要手段。一个优秀的网页设计，其成功之处不仅在于视觉元素的综合运用给人们带来的美的享受，同时也体现在信息传播的有效性。
2.1文字元素
在网页设计，文字是传达信息的重要媒介，除了具有传达内容本身的功能，还能激发情感因素和心理因素，不同字体会在品牌形象的传达上产生潜移默化的影响。例如，汽车营销类的网页设计中，多采用具有男性化特征的无衬线粗体字，而时尚、美容、服饰等行业网页中多采用多装饰、纤细的衬线字体。另外，充分利用字体大小、粗细对于人们视觉诱导力的强弱作用，可以突出重点内容与主题，帮助浏览者用最短的时间找到目标信息。此外，文字编排密度，如字距、行距等会影响浏览者的视觉流，具有良好层次的文字编排可以帮助用户梳理出清晰的阅读路线，在密密麻麻的海量信息中进行自由、流畅的选择。
2.2图形图像元素
相对于文字的信息传达，图片和图形更为直观和生动。与书籍等传统媒体不同的是，浏览网页的过程是连续的，可选择的，用户对信息的接收是非单线性的。信息的隐藏、展开以及跳转在很大程度上依赖于图形的引导。设计师要考虑用户的认知心理，从造型、色彩出发，注意图形语义表达的准确性，让图形与浏览者认知熟悉度相适应。例如，在网页设计中左右翻页与返回顶部的按钮设计，多采用人们日常生活中熟悉的箭头来引导，这样可以减少用户对于这一图形寓意的认知时间，从而留下易于操作的良好印象。基于对常用符号的认知程度，人们可以根据自己的需求将内容展开或关闭，保持页面的简洁。
2.3色彩元素
色彩是网页设计中具有高刺激性的视觉元素，可以表达感情，唤起情绪。例如，红色让人产生冲动、热情的感觉，绿色代表了希望和健康，白色给人纯净、清洁的感受。很多网页设计利用了色彩的情感象征。例如浪琴手表的官网采用了给人沉稳、低调感受的深蓝色，恰如其分地传达了该品牌形象；索尼官网采用黑色为背景色，代表未来感与科技感的湖蓝色为主题色，色彩方案一致，层次清晰。
2.4版式元素
网页设计中，信息密度和位置会影响人的信息搜索的效率，这要求设计师善于运用合理、清晰的版式布局安排信息。例如，根据人们从左到右、从上到下的阅读浏览习惯，网页中的导航、动态等重要信息一般安排在网页中的左侧或顶部，方便人们搜索。
3优化信息传达的设计方法
3.1对比与调和
对比是指具有明显视觉差异因素的并置，如色彩对比、大小对比、虚实对比等；调和是指在不同视觉元素中寻找协调的因素。运用到网页设计中，体现为弱化背景信息，减少其与目标信息的相似性。例如，文字的大小据内容的重要性而有所变化，重要信息可适当采用高明度、高饱和度的色彩进行强调。但要注意色彩的选择数量与面积，达到整体页面的调和一致。
3.2对称与均衡
所谓均衡，是指两种不同色块、形状、密度等在视觉体量上的稳定感。在很多川字型的版式布局中，小面积的部分常采用深色，安排导航栏等，大面积的内容区域，通常为浅色，达到视觉重心的平衡。对称是一种最简单的均衡，例如在图像处理的排版中，很多网站采用方形图这样大小统一、间距一致的对称方式，方便用户在整齐有序的排列中找到自己感兴趣的内容。
3.3节奏和韵律
节奏产生于对立视觉元素的并置和连续呈现，韵律产生于节奏。色彩、比例等特征的重复形成了节奏，利用版式的重复、图形、色彩等相同元素的重复让用户快速适应网页板块分布特征，易于使用。
4结语
设计最终是为人服务的，把用户需求放在第一位是网页设计发展的趋向，也是设计伦理中以人为本的重要体现。如何运用视觉元素，减少干扰，提高浏览者在接收信息过程中的效率，从而提升其体验的愉悦度，是网页设计追求的重要目标。
参考文献
[1] 恵岩，顾群业.网页艺术设计[M].济南：山东教育出版社，2012.
[2] 侯慧俊，钱永宁.网页界面设计创意指南[M].上海：上海科学技术文献出版社，2009.
网页设计中平面视觉元素的应用 篇4
进入21世纪以来, 由于互联网络的迅速发展, 使得信息传播业面临深刻的革命。万维网络作为一种全新的传媒, 具有价廉、迅速、及时、互动性好、传播面广的特点, 为视觉传达设计的推广传播提供了良好的条件;同时基于万维网络传播的视觉传达设计也会受到万维网技术的限制。新媒体、新工具的发明, 对于设计者来说, 有着十分重要意义。
众所周知, 互联网的最基本单元就是网页。在我国, 互联网的迅速发展, 带来网站的成倍增长, 但网页设计的质量参差不齐。除一些大型的专业功能性网站在排版设计上比较考究外, 在小型网站很少能见到比较考究、有视觉冲击力的网页设计。
网页设计是通过将各网页组成要素排列编辑后, 进行信息的有效表达。网页中的基本构成元素, 成为打造网站的关键细节。网页设计的组成要素包括图片、标志、色彩、文字、信息正文、广告、版权等内容。其主要内容有:设计和编排文字;图片的设计和色彩运用。
2 文字的编排
中国运用特有的汉字来表达信息, 在网站设计中, 汉字占据了很大的部分, 汉字的表现形式, 对网站设计的视觉质量有很大影响。然而要想实现汉字在网页中表达的有效性, 则需要对文字视觉运用的整体效果进行研究, 把不必要的装饰去掉, 使人易读。
网站汉字的编排和设计, 要从网站信息内容的性质与特点出发, 其设计风格要与内容相符, 不可脱节, 更不能相互对立。如政府网站中汉字具有严肃大气的特质, 突出了汉字的特点:有序、简洁、大气;而在关于历史文化、教育方面的网站, 字体设计具有优美清新的格调或端庄典雅的风范;商业网站则根据各自的企业理念或行业性质、产品特点, 追求有个性化特征的字体设计;而个人主页则是在很大程度上根据个人的性格、喜好和当时的心情做出别出心裁的、很独特的视觉冲击效果, 从而给人留下深刻的印象。在网页文字的设计中, 因为计算机提供了很多的字库, 所以设计者在运用文字设计上有很大的选择余地, 但是在进行同一网站设计时, 运用哪几种字体来编排设计, 则需要细心研究。一般来说, 同一网站选择字体种类最多不会超过4种。汉字作为网页的形象要素之一, 已经被符号化, 除了表“意”之外, 已经具有了表达情感的功能, 所以在设计上必须具有视觉美感, 才会给浏览者留下深刻印象, 获得心灵上的共鸣。
3 图片的运用
图片是继汉字之后第二个被引入到互联网中的对象。网站通常采用图文并茂的形式准确、快速传递信息。而网站图片的运用, 大大美化了单调的汉字页面, 在网页中一条单调的信息远不如一个漂亮的图片更吸引浏览者。在网站中应用图片的优势是图片的分辨率不高, 只要求72分辨率, 就可以达到图片的最佳效果;因为质量很高的图片与分辨率为72的图片在显示器里用肉眼是很难分辨出图像质量的好坏的。特点是图片追求尽量“小”。这里说的“小”不是指的分辨率, 而是网络传输中限制的字节数大小, 因为图片在传输中会受到带宽限制, 所以图片在规定的范围内字节数越少越好, 文件越小, 下载时间就越短, 这样才能实现图片在网页中快速打开。网页中图片在位置、数量、形式等方面直接影响着网页整体视觉表达。因此在选择图片时, 要考虑图片在网页中在能否与网页达到和谐统一。
4 色彩应用
网页是在网络发展过程中诞生的艺术品, 除了对文字和图片具有很高的要求外, 对色彩也有很高的视觉要求。在网页中如果能够很好地运用色彩, 就会使网站更加生动活泼。浏览者在浏览网站时, 第一印象就是网站所选择的主题色彩, 它会直接影响阅读者浏览网站的兴趣, 因此, 网页的色彩应用在网页设计中占有很重要的位置。
网页的色彩应用要注意两点:一是整体网站根据主题思想来定位色彩倾向, 确定一个主色调。我们看到的大多数网站一般以同色系色彩为主, 配上与主色成对比色的字体, 让浏览者在阅读时有清晰流畅的感觉, 这样的设计一般都是为了突出文字信息。在图片的选择上也是以同色系的色彩为主, 以达到素淡、柔和的效果, 防止喧宾夺主。二是在背景色的运用上, 当采用大面积色彩填充时, 不要同时使用对比强烈的色彩, 应采用对比度低或者是同一色系的色彩填充, 过于丰富的背景色会使页面中的图片和文字难以搭配颜色, 从而影响文字识别。
所以, 网站设计时通常以一种颜色为主色, 采用同一色系或者是互补色系来突出网站个性化。例如在设计网站时, 为了让题目看起来很醒目, 可以搭配背景图片 (参见图1) 。同时, 为了防止色彩突兀, 用灰色调加以辅助, 起到稳定色彩的作用。并配以同一色系的暖色调和少量的互补色相衬托, 使网站从整体上看稳重中不失活泼, 实际上标题的色彩运用决定了网站的整体风格, 起到了画龙点睛的作用, 吸引了网民的注意力, 体现了网站的主题。
5 结束语
数字时代的到来, 让人类的信息传播进入新纪元。万维网改变了人类了人类的信息传递方式, 缩短了信息传递时间, 具有巨大的优越性。
本文分析了网页设计视觉元素在网页设计中的应用, 就网页设计的视觉元素——文字、图片、色彩这几方面的功能与审美进行探讨在网络这一新兴媒体中继续弘扬中华民族文化, 将具有中国特色的网页设计推上世界设计的舞台。
摘要：网页设计作为新的视觉语言, 综合了平面设计中文字、图形和色彩等平面视觉元素, 丰富了我们的信息交流方式。本文以网页设计中平面视觉元素的应用为主线, 探讨了网页的构成要素, 阐述了网页设计中平面视觉元素对网页整体视觉效果的影响。
关键词：文字,图形,色彩
参考文献
[1]尹定邦.图形与意义[M].长沙:湖南科学技术出版社, 2003.
[2]谭平.越位:设计.以承传的名义[M].成都:四川美术出版社, 2005.
[3][英]E H贡布里希.秩序感[M].长沙:湖南科学技术出版社, 2000.
[4][韩]黄在贤.设计师谈精彩网页设计[M].北京:电子工业出版社, 2004.
[5][美]艾莉森.古德曼.平面设计的七大要素[M].上海:上海人民美术出版社, 2002.
手绘元素在网页设计中的运用实例 篇5
PS：事实上，手绘风格和涂鸦很像，很多地方就直接将两者放到一起来说了，如果非要分的很轻的话，，我们一般可以认为手绘比较优雅一些，而涂鸦则更夸张……
Yellow Bird Project
Mark Forrester
camellie
Tech Adventure
Merge
Red Velvet Art
Odosketch
Unlimited Creativity
We Are Not Freelancers
Jesús Rodríguez Velasco
网页设计中视觉元素的运用探讨 篇6
1 视觉元素简介
对于视觉元素这一名词的阐述, 我们可以说是能够用我们眼睛看到的一切事物或标志。举个例子就像拍摄、电视、影视、造型艺术、建筑物、弃取计划、都会修建和弃取科学、笔墨, 也包罗舞台计划、音乐。上述所提及的都可以被我们的眼睛所捕捉, 所以它们的本质上都可以说是视觉元素。在上文我们可以得出, 视觉元素的存在是非常非常普遍的。而在网页计划中, 视觉元素通常以笔墨、图片、图象、标识, 色彩等情势要素和题目、信息菜单、信息正文、口号、单位名称等内容要素表现出来。视觉元素融入网页设计, 索要遵守的规则就是必须要经过网络才可以进行传播, 也就是说没有了网页的支持, 它无法发挥自己的作用, 向人们传播。传布信息, 便是说信息的发起者应用标记向接收者传布谍报的进程。它可所以个别自己的转达, 也多是个别与个别之间的转达。它包含“人物”、“信息”、“传达人群”、“成果以及反响如何”这四个阶段。这也是发起者把思想与设计观念转换成视觉元素的阶段, 就是概念视觉化的过程, 贯穿和联结这两个过程的就是视觉元素。
2 网页中的视觉元素探讨
2.1 网页中的视觉元素分析
网页计划中的视觉元素主如果笔墨、图片与色彩这三大范例。上述三种元素之所以被划分为网页设计中的视觉元素, 是因为它们所存在的一个共性, 不论是文字、图片还是色彩, 它们都是眼睛可以直接接收的最简洁的元素。可以直接的刺激到人们的眼球, 起到更瞬间的宣扬反应。近几年中, 视觉元素的运用更好的融入到了网页的设计中, 让网页设计变得更加纷繁复杂, 多姿多彩。
2.2 网页设计中视觉元素特点
第一, 在网页计划中的视觉元素, 最基本的特色便是具备注视性, 这一特色是网页计划中视觉元素最主要的特色, 也是表现网页计划最基本寄义的特色。因为, 网页的设计便是满足人们获取信息的便捷性, 增强了解性, 只有保证网页具有一定的注目性, 才能勾起读者的兴趣, 让人们有想要去浏览的欲望。最终达成制作网页的最根本的目的。
其次, 适应性是网页计划视觉元素具备的另外一特色。网页中提及的适应性, 指的是在网页之中的视觉元素应该是随着外在的环境不断的提升并发生改变的, 已达到适应外部环境的目的。由于我们处在的是这样一个信息发展提升的时代, 所以唯有确保网页设计中的视觉元素一直是向新时代前进的, 增加全新的资料以及元素, 才会让网页的浏览量进一步提升, 适应好我们所处在的这样一个时代。
第三, 网页计划中视觉元素还具有被记忆性的特色。这一特色的发生, 主要基于视觉元素的引人注目性和适应性特色。第一, 视觉元素无疑是可以起到刺激眼球的作用的, 所以可以从根本上刺激人们去阅读网页上的内容, 在这样的同时, 就会使人们记住这些元素, 有了元素记忆。然后, 这些视觉元素能够不断进行新的变化, 反之又促进其注目性的提高, 并且在这两方面的共同作用下, 使人们对网页的记忆更加深刻。
3 视觉元素在网页设计中的运用
3.1文字视觉元素在网页设计中的应用
从文字开始被创造出来, 一直到如今社会, 它都是我们文化中重要的符号形式。而在网页设计中, 文字自然也是必不可少的组成部分, 地位非常重要。网页设计里面, 文字符号其实不仅仅被作为一种符号语言, 更重如果被作为一种记实和传布信息的东西。进行网页设计的时候, 对文字的大小排序进行合理安排, 用多种形式的文字表达去编辑资料、网页和信息, 让文字不单单起到传播信息的作用, 更作为一种艺术和文化, 去带给人们享受。
要想是文字变得具有视觉效果, 完成上述所说的对文字的变革, 可以在编辑网页时采用艺术字的方式, 让文字告别呆板, 让其表现形式更加的动人多样, 大小颜色吸引眼球。
3.2 图像视觉元素在网页设计中的应用
图片在网页中的应用中也是极其重要的, 扮演着极其重要的角色, 图片在网页编辑中也占据了很大的一个篇幅, 和上文的文字元素比较起来, 图片所占的优势更加大, 视觉效果也更佳。如果在网页里运用了视觉效果较强的图片, 还会在一开始就给人留下很深的印象, 产生的效果是立竿见影的。
对于所说的图片的视觉效果更加强一些, 并不是就否认了文字在网页中所发挥的效果, 文字也是同样重要的。一般情况下, 图片的解释说明少不了文字的参与, 文字可以辅助图片吧效果发挥的更加淋漓尽致, 有助于信息的快速传达。同时, 这样一来不但可以使信息很好的传播了出去, 也增强了其印象, 让网页更加生动。
3.3 色彩视觉元素在网页设计中的应用
颜色视觉元素是网页计划中必不可少的一种视觉元素。色彩本身就具有其自身的独特特性, 同时还具备极佳的视觉效果。额昂也设计中色彩的运用, 主要目的就是提升文字的解释能力以及增强视觉上的刺激, 对特定的文字以及图片增添色彩, 可以让文字与图像达到更好的表现效果, 让网页的整体质量不断的升高。视觉效果更加的显著。此外, 色彩自身还具备很多独特的性质和效应, 并且每种色彩都具有不同的作用, 例如绿色能够给人舒爽的感觉, 代表着大自然的清新, 是青春和希望的象征;红色象征着热情、奔放和活力等等。
4 结束语
总之, 在网页设计中的文字颜色以及图片的应用, 使得网页设计的质量变得更加的高, 这样的制作网页的方式顺应了信息时代的发展。是以, 网页计划者应当不断加强视觉元素在网页计划中的应用。视觉元素作为网页设计中的一个非常繁复的工作, 对其审美和所达到的效果都有很高的要求。因此, 在实际工作中, 必须吸取多种知识, 从设计者角度出发, 对视觉元素进行创新发展, 在多种元素综合运用的过程中, 提高网页设计应用效益。
参考文献
[1]马程华.网页设计中平面视觉应用的探讨[J].信息技术应用生活, 2005 (1) :12-15.
[2]蔡淳.运用视觉元素建设网页设计[J].文艺时报, 2009 (1) :22-27.
[3]邓建顺, 蒋源华.网页计划中视觉元素的应用切磋[J].广西信息文化, 2008 (4) :57-58.
[4]张晶.网页设计中平面视觉元素的应用[J].中国管理信息化, 2011 (08) :4-10.
[5]陈砚.平面视觉元素在网页设计中的应用研究[J].文艺生活·文艺理论, 2013 (6) :90.
论网页设计中视觉元素的特性 篇7
关键词：视觉元素,网页设计,特性
如今的网站可以说是铺天盖地, 但是有些网站的页面让人们流连忘返, 访问量极高, 有些网页页面浏览者则是匆匆掠过, 甚至无人问津, 最后落得个不得不关掉服务器的下场。网页给人的第一印象来自网页设计中的视觉元素方面, 可以说, 视觉元素在网页设计中运用的怎样将直接影响网页的点击率。在网页的整体设计中, 技术方面是理性的、直接的, 它的解决方式也是唯一的;而视觉元素设计方面, 则是感性的、深入的, 需要一定的艺术规律和美学指导。网页设计中视觉元素的运用是一个感性思考与理性分析相结合的复杂过程。
网页设计通过网络这个载体, 运用视觉元素把信息内容更加迅速、更加简便地传递给浏览者, 要想达到信息传递的迅速, 它必须具有一定的特性。我们在进行网页设计时应该抓住它的特性, 只有这样, 我们才能设计出优秀的网页。
一、醒目性
醒目性是指网页页面的设计应该能吸引用户的目光, 具有醒目性, 这种醒目性同视觉元素的形状、体积、位置、颜色所处环境等要素相关。如今的社会, 发展飞快, 信息更新也快, 想要吸引用户的目光不是那么容易, 如果没有足够引起用户注意的醒目要素, 网页的信息内容传递就会受到阻碍, 于是进行网页设计时设计人员追求醒目性成为现在网页发展的趋势, 因而在进行网页设计时运用鲜明、生动、简洁的视觉元素并加以创意和合理用色, 这样的设计有利于引起用户的注意, 具有醒目效果, 可以收到很好的注目性。
二、深刻性
深刻性是指所设计的网页形象能在浏览者的脑中有较深的印象, 并能在脑中形成一定的条件反射。网页设计中的视觉元素可充分利用形式美法则, 通过要素之间的对比、均衡、统一等手法, 使画面富有创意, 让人看后印象深刻, 产生强有力的视觉信号, 让整个网页作品充满艺术性, 加深浏览者对网页设计中视觉元素形成的印象。如:我们可以在进行网页设计时, 在字体元素运用方面不全用电脑中的文字, 可以自己设计一些特殊字体, 既美观又具有唯一性, 如立体字、空心字等等, 然后将这些设计好的字体以图像或者图形的方式设计到网页页面之中, 第一, 可以增加美观性, 其次, 让浏览者可以到达印象深刻性, 摆脱了完全应用电脑系统字体的平淡和呆板, 当然也不能大量运用, 因为大量运用会影响网页页面打开的时间, 做什么事都讲究个度, 网页设计者应当在网页的深刻性和照顾浏览者访问传输之间作出一个恰到好处的选择。
三、明确性
浏览者在观看网页时, 随着视觉不断地接受信息, 心里也会有一系列的活动产生, 会发生从对网页感兴趣到产生联想再到最终去行动等心理活动过程, 网页设计中的视觉元素所要达到的效果应按照这样一系列心理进行设计编排, 合理运用视觉元素引导浏览者向网页的重点内容发展, 从而形成正确的认识, 所以在运用视觉元素的时候都应选择适宜、明确、可靠的要素以免给浏览者造成信息误导, 构图上要合理, 可有可无的视觉元素一概删除, 干扰浏览者注意力的视觉元素也一并删掉, 只要运用的视觉元素都应该为传达信息服务, 视觉元素的编排应该清晰、简洁, 页面繁杂、琐碎、条理不清只会让用户很快离开该页面, 使得信息内容得不到良好的传递。
四、适时性
在信息飞速发展的社会, 视觉元素想要达到传递信息的目的, 应该具有适时性特点。网页设计中的视觉元素要适应现代社会的发展, 还应考虑浏览者的文化背景, 层次以及他们的生理和心理等因素, 从浏览者的自身习惯出发, 会让他们产生亲切感和认同感, 也体现了网页的适时性特点, 如果进行网页设计时运用视觉元素时没有考虑到这一特点, 网页页面中的视觉元素的运用无论是形象上还是色彩上都会让人觉得太随意, 不严谨, 最终影响网页信息的传递, 这样这个网页页面设计就是失败的, 在设计网页时, 还应考虑当下比较流行的视觉元素, 这样可以适应当代形式的发展, 与时俱进, 因为设计是具有时效性, 应当适时就更新页面中的视觉元素, 这样才会吸引更多的浏览者, 如果总是一成不变, 会给人一种厌倦感, 慢慢就会被遗忘, 最后只好关门大吉了, 所以设计网页时在选择视觉元素时一定要具有适时性。
五、连续性
连续性是指页面上的信息应该是层层叠加进行传递的。人们对页面上的信息浏览是按照点到线、线到面的顺序阅读的。因此, 设计人员在进行页面设计时应考虑信息内容出现的次序, 而且要保证信息的出现要连续不间断的, 页面中信息要素的连续并且有次序地出现, 会让人们在进行信息阅读时自然流畅并易于信息的传达, 这样信息既得到了传递, 也为浏览者浏览网页带了便利, 连续性的运用可以让页面中的内容更加整体, 也适合设计人员合理划分版块, 整体布局。
六、功能性与美感特性
如今人们对网页设计中的视觉元素设计不仅要求它具有一定的功能, 还要它具有一定的美感。就像我们现在对手机的要求, 不仅仅是在功能上要强大, 外表也不能逊色, 只有功能与美感并存, 才可以称得上是一部好手机, 也就是说只有功能与美感并存的网页, 才是好的网页。网页中的美感性体现在信息传递的过程中, 各个视觉元素所呈现给受众的视觉感受, 达到视觉享受的同时也促进了信息内容的快速传播。如:文字应该在没阅读之前是什么颜色, 阅读之后又是什么颜色, 起码要有个明显的变化, 同时文字颜色的变化也应该和网页页面的整体色调协调, 应当遵守形式美法则, 不能太随心所欲, 应当既注重文字的功能性又注重文字的美感特性, 这样才会让浏览者在浏览网页时身心愉悦。
网页元素 篇8
关键词：网页设计风格,插画,影响
插画艺术一种传统艺术形式,有着十分悠久的发展历史,随着现代计算机网络不断发展,插画艺术与网络技术也逐渐融合,在网页设计中很多插画元素均得到应用,并且对网页设计风格产生很大影响。因此,为能够使网页设计得到较好效果,必须要了解插画元素对网页设计风格的影响,这样才能够对插画元素进行合理应用,从而较好进行网页设计。
一、网页设计中插画元素的应用效果
首先,插画元素的运用使网页设计效果更加丰富。对于网络平台而言,其属于网页交互及共享功能得以实现的技术基础,由导航设计可以看出,插画的运用使由左至右的常规阅读方式发生改变,其对画面浏览具有较好引导作用,可使信息导航优势得以充分体现;在视觉层次方面,通过插画的运用可创造更加丰富的视觉空间,并且具有机理效果的插画能够与音效进行良好结合,从而使浏览者兴趣能够得以有效提升,对情绪及信息情感表达比较重视,另外,对于具备个人特色插画而言,在网页设计中进行运用往往能够使其审美性得以有效提升。
其次,插画元素的运用对网页设计发展具有很好促进作用。在当前社会信息技术不断发展大形势下,插画艺术已经与计算机技术实现有效融合,其与传统手绘插画之间存在明显差异,其中比较明显的特点就是大大节约时间,可利用图像处理软件对手绘风格进行模拟,可虚拟现实空间环境。一些绘图软件的应用具有传统手绘无法比拟的效果。另外,当前插画艺术风格也得到逐渐扩展,各种不同插画风格逐渐出现,包含当前信息时代各种艺术创作风格,因而对网页设计发展起到很大促进作用。
二、网页设计中插画元素应用对其风格所产生影响
1. 网络游戏风格影响
就当前实际情况而言,在很多游戏网站中日本漫画风格表现出十分明显的影响力,这与当前整个动漫时代具有十分密切的关系,动漫对当前社会上的年轻人产生十分严重的影响,使其理解事物及解释事物的方式均发生改变,构建出虚拟世界。由于网络虚拟世界影响,在社会上开始出现御宅族人群,另外,由于漫画中表达方式的影响,一些新型网络语言也开始出现。所以,在动漫网站中对符合游戏的相关设计元素进行运用,尤其在图形及色彩设计方面,通过对成熟图标、图形及游戏画面进行运用,对插画形象进行大面积使用,将其当作网站中主体,可使强烈视觉冲击力得以形成。对于我国当前武侠游戏而言,大部分都是依据武侠小说而制作形成的,其使得武侠世界得以例题呈现,在大程度上使制作成本降低,并且受到很多人喜爱。对于这类网站而言,其中所包含CG插画更多地是注重插画元素所表现的整体效果,而并非简单装饰网站,在网站信息中属于主体。
2. 复古拼贴风格影响
随着现代社会不断发展,品牌效应也越来越被重视,在塑造品牌及不断提升品牌效应过程中,需要使其独特性得以表现出来。在网页设计过程中,为能够使品牌形象得以较好传播,应当注意应用插画所具备的感染力及表现力,另外,交互性特征也能够使插画表现力得以较好改变。比如,匡威鞋网站,首先就其风格而言,基本上全部选择流行、复古及环保的插画风格。对于网站设计中的图形风格而言,其设计字体表现出明显随意感,并且充分体现自我,排列方式也比较随性,在海报宣传方面选择摄影图片结合手绘笔触方式。通过对复古图片进行再处理及线描,使匡威网站独特风格得以形成,网站中的文字表述被代替,同时交互表达也更加灵活,相关引导文字转变成为插画形式,具有很强动态性特点。
对于复古拼贴风格而言,其流行体现出后现代风格,使得以往理性刻板的传统设计形式得以改变,符合现代社会主流心理。在一些个人网页设计作品展示中,很多传统元素得到广泛应用,同时对上世纪五六十年代插图进行改良,对很多现代化图形元素进行应用。
3. 儿童插画风格影响
在书籍设计过程中,很多绘本形式中便对儿童插画进行广泛应用,并且近几年来已经有越来越多的人对绘本产生喜爱,受众程度的变化也在很大程度上使消费群体得以扩大。对于儿童插画风格而言,其特点就是质朴可爱,当前其受众已经不再仅仅是儿童,在很多个人风格网站设计过程中,其均对儿童插画中相关元素进行运用,从而可将各种童话梦境创造出来。在儿童网站设计过程中,FLASH动画及小游戏的应用使其互动性得以增强,在有些应用游戏中上网人员在作品创作中参与的一些艺术涂鸦开始出现,在网页设计过程中,网络技术及多媒体的应用使其动态性得以增强,同时可使其视觉享受增强,进而使网页设计达到理想效果。
三、结语
随着现代信息技术不断发展,网页设计专业也得到很快发展,已经有着越来越多元素在网页设计中得以应用,其中插画元素就是一种。为能够在网页设计中更好掌握并应用插画元素,必须要掌握插画元素对网页设计风格的影响,这样才能够为插画元素的运用奠定基础。
参考文献
[1]刘泰晖,张玲玲.现代插画艺术表现手段初探[J].美术大观,2016(4).
[2]章琼,蒋玉红.浅谈插画设计与品牌形象的塑造[J].科技创新与应用,2013(1).
网页设计中视觉元素的应用与研究 篇9
网页通过视觉元素吸引受众从而实现信息传达, 为了使网页最大程度的吸引受众的注意力, 网页的设计必须适应人们的视觉流程心理和生理的特点, 由此确定各种视觉构成元素之间的关系和秩序。本文研究分析网页设计中的平面视觉元素, 分别对平面视觉元素中的文字、图形、色彩和版式进行深入分析研究。在网页设计中这些元素相辅相成, 最终合理搭配才能形成一个完美的界面。
一、文字元素
文字作为记载信息的符号, 在网页设计中有着举足轻重的重要性, 其作用是图片、视频和动画等元素不可代替的, 文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开, 周围元素不能影响到文字的阅读, 对流动文字的应用要慎重。文字的距离一定要设置好, 注意细节, 安排好文字和图形之间的交叉错合。在现代设计中, 文字图形化的趋势越来越强烈, 即是强调把文字作为图形元素来展现, 加强其美学效应, 强化了原有的功能。
二、图形元素
图形元素的存在大大美化了网页设计, 它拥有强烈的艺术美感和视觉冲击力, 是文字之后最早被引入到网页设计中的元素, 它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理, 才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究, 人们的视线在浏览网页时, 会首先垂直的落在屏幕中心, 然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域, 所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到, 受到宽带的限制, 所以要求图形文件量尽可能的小。在图片大小固定的情况下, 文件量越低说明图片分辨率要越低。对于显示器上的图片而言, 分辨率为72dpi是大多数图片的最佳选择。
三、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素, 它建立在文字图形的基础上, 依靠眼睛的功能, 通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静, 暖色中的红色代表激动;黑色给人沉重感, 浅色则让物体轻盈;色彩从色调、饱和度、明度三个方面影响着网页, 我们可以找到很多运用广泛的色彩配色方案, 来作为实际学习和工作中的向导。
网页设计中的色彩元素需要符合国际色彩的标准, 因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色, 不能毫无节制的运用太多颜色, 一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的, 目前显示器大都采用RGB颜色标准, 这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的, 通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯, 当它们的光相互叠合的时候, 色彩相混, 而亮度却等于两者亮度之总和, 越混合亮度越高, 即加法混合。在显示器上, 通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
四、版式设计
用户界面展现在浏览者面前的数字化物化界面, 组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则, 把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路, 引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌, 欠缺规划, 缺乏审美意识。各种文字、动画、色块等杂乱无章, 令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析, 指定网站合适的整体风格, 以合适的版式设计表达形式营造出相适应的氛围。
摘要：网络作为我们日常生活的一部分, 网页设计也越来越重要。网页是一种综合了文字、图形、声音等多种信息的载体, 也是一个新的设计领域。在网页设计中视觉表现力和审美情感是视觉传递不可缺少的, 本文从视觉元素分析入手, 重视情感因素在设计的运用, 研究网页视觉元素的创新运用, 促使我国的网页设计发展潮流。
关键词：网页设计,平面设计,视觉元素
参考文献
[1]公茂兰.平面视觉元素在网页设计中的运用研究[D].赣南师范学院.2013.
网页元素 篇10
一、网页设计教育的现状
我国艺术设计人才的培养始于20世纪80年代。随着时代的发展, 设计专业开始不断细化, 以就业为导向被划分为不同设计门类。网页设计作为一门交叉性学科, 体现了艺术性与技术性的融合和统一, 同时, 网页设计也是一门实践性较强的科学。然而当前网页设计专业的人才培养方式基本沿用了艺术设计人才培养的一般模式, 较多地强调专业技能学习, 忽略了创新能力和专业素养的培养。
在专业技能学习上, 也多是盲目模仿西方设计形式, 忽视传统文化的学习, 在课程的设置上关于传统文化的教学内容较为单一;对如何将传统文化融入设计的教学内容和方法都缺乏创新性。
二、传统文化融入网页设计教育的价值和意义
中华民族丰富灿烂的传统文化有着独特的魅力。中国传统文化的基本内容可以概括为以下三个方面:首先, 传统文化的核心, 即中国人内在的精神生活形式, 包括价值观念、审美情趣、思维习惯等。其次, 传统文化的物态形式, 即其内容的外在表现, 包括人们衣食住行的习惯和规范等。再次, 传统文化的民族特征, 这是在长期的历史发展中形成的, 这种民族性的文化也是多元的世界文化的重要组成部分[2]。设计中运用的传统文化元素就是从一个民族的传统文化中提炼出来的具有代表性的东西, 如我国传统文化中关于文字的元素有汉字、书法、篆刻和甲骨文等。将传统文化融入高校网页设计教学是为了让学生能具备良好的文化素养, 以便设计出具有民族文化特色的作品, 传承和发扬好传统文化。设计教育不能一味照搬西方的模式, 优秀的设计作品要能体现出民族的文化内涵, 经得起时间的考验。面对当下新媒体飞速发展、中国网民数量飞速增长 (包括使用手机媒体的网民) 的现状, 高校应当更加重视网页设计人才的培养, 而将传统文化融入高校网页设计人才培养, 不仅能为学生提供网页设计的灵感和素材, 而且能够给予学生正确的人文教育和设计观念, 使其明确设计不能盲目追随流行, 而是要体现设计师的社会良知和责任感。
三、关于网页设计人才培养的思考
(一) 立足传统文化, 更新教学内容
课程教学是实现教学目标的重要途径, 在设置课程时要注重对教学内容的选择。传统文化的融入网页设计教学不应仅仅停留在设计形式上, 而应从传统文化的内涵出发, 更新教学内容。首先是专业基础课。专业基础课是学生进入专业学习的铺垫, 可以在专业基础课中融入传统文化元素, 例如在绘画基础课程中可以选取瓷器、京剧脸谱等元素, 这样可以使学生了解并且熟悉传统文化符号。在构成基础课阶段, 在学生学习了构成法则的基础上, 对应用部分的练习可配以主题性的训练, 如传统图案图形的运用。平面构成部分可强调对传统图案图形的认知、理解和运用;色彩构成部分可强调对具有民族特色色彩的认知、理解和运用。通过这样的方式让学生在网页专业后续课程的学习中学会运用传统元素逐渐理解传统文化。在专业课方面, 学生有了一定的传统文化知识的基础, 进行以传统文化为主题的设计练习时才有可能。如在网页的界面设计中, 可以让学生以传统纹样为题材进行主题创作, 组织画面元素;也可以以传统民俗文化为主题进行界面设计创作, 如二十四节气、中国结等。在引导学生对传统元素运用时, 可以让其采用直接运用和间接运用两种方式。直接运用传统文化元素, 需要做到表现形式具有新颖感, 能直观、生动地表现主题, 传统文化元素可以图像或者图形的形式呈现。若想在直接运用的基础上设计出表现形式独特的作品, 不能模仿照搬而应在理解传统文化元素内涵的基础上合理运用, 这需要学生在学习的过程中不断积累。间接运用传统文化元素需要寻找元素间的联系, 将看似没有关联的设计元素巧妙地联系起来。元素可以是具象表现也可以是抽象表现, 运用形式美法则构成主题。如何选择元素间接表现相关主题则需要学生对传统文化内涵有一定的了解。
(二) 加强对传统设计思想的学习
在网页设计教学中传统文化以及相关理论也应当受到重视, 我们在注重培养学生专业技能的同时也要使其加强对传统设计理论知识的学习。可以通过增开与传统文化相关的理论课程, 增强学生对传统文化内涵的理解。这种理论课程教学可以联系专业实践开展, 避免学生因课程枯燥而出现对其不够重视的现象。如在设计史论课程的教学环节中, 可以从设计风格和设计思潮的角度指导设计实践, 让学生在理解设计历史的基础上学会理解和分析经典设计作品的内涵, 学会查找和分析资料, 提取其中的设计元素。传统文化融入网页设计教学不能仅停留在传统文化元素的运用上, 还要注重对于传统文化思想和内涵的传承和表达。
(三) 课题形式实践教学
实践教学是培养现代创新型设计人才尤为重要的环节, 可在以往实践项目基础上融入传统文化元素作为再设计的实训项目。网页设计对综合运用专业知识的能力要求比较高, 教学方式的变革应该从实践的各个环节全方位展开, 目的是使网页设计的实训部分摆脱单调枯燥的教学模式。以往各门专业课程的实训内容都是围绕着课程的内容展开的, 学生的专业练习也是在老师指导下按部就班地模仿, 无法真正锻炼学生实际运用知识的能力。将传统文化融入的再设计实训, 需要理论联系实际, 不能孤立看待一个传统元素, 而是要注重与其他实训练习的关联性和连贯性。网页设计人才培养目标是一专多能型高技术人才, 具有较强的综合运用知识的能力;网页设计在实际工作中需要多种技能协作完成, 只有综合各门课程知识融入到综合实训项目中, 才能使学生对知识的理解形成有效的衔接。因此, 在实践教学过程中应要求学生在理论学习之后进行有针对性的项目实训练习, 挖掘出与课程相关的设计项目作为课题, 把专业知识与实践运用联系在一起。课题的选择要利于将传统文化和专业教学融合在一起, 由浅入深。每一个大项目的内容都需要运用几门实训课程的知识点共同完成, 只是每门课程在不同的项目中担任的“角色”有所不同。学生从课题的问题着手, 寻找解决办法, 运用所学的知识解决问题。在实训课程内容的开发上也可以采用校企合作的方式, 共同开发实训项目来丰富实训课程的教学内容, 这样的教学方式能使学校对人才的培养和企业对人才的需求达到统一。
四、结语
传统文化是当代设计发展的基石, 传统文化教育注重人文精神的培养, 教师要引导学生把传统文化思想与网页创意设计有机结合起来。当然将传统文化融入到网页设计专业的教学, 不是一朝一夕就能做好的, 需要广大师生共同努力。作为艺术教育工作者, 应该时刻关注和改进教学内容和方法, 在引导学生自主学习的同时尽可能地帮助学生形成专业学习的目标, 学会选取学习材料, 提升自身文化修养, 在本土文化与外来文化相协调的基础上谋求创新和发展。
摘要：随着中国网民数量的飞速增长, 社会对网页设计人才的需求大量增加。当前我国网页设计教育较多地强调专业技能的学习, 忽略了对学生专业素养和创新能力的培养。而将传统文化融入高校网页设计教学不仅能够为学生提供网页设计的灵感和素材, 而且能够给予学生正确的人文教育和设计观念。高校网页设计人才培养要立足传统文化, 更新教学内容, 重视对传统设计思想的学习和借鉴, 加强实践教学, 以培养具有创新能力的现代设计人才。
关键词：传统文化,网页设计,教学
参考文献
[1]林家阳.林家阳的设计视野:设计创新与教育[M].北京:三联书店, 2002:157.