网页设计范文精选

对任何网站来说，网页设计都是非常重要的部分，优秀的网站设计师，可以是一个Flash动画师、平面设计师、交互设计师，更有艺术家的潜质。优秀的网页设计，要想达到好的艺术效果，需要设计师拥有一定的艺术涵养，并能结合各方面的技术。

一、网页设计基本内容

1.网页的构成

网页的基本构成，分为网页板块分布、导航、视觉传达，网页设计中的传达信息通过点线面的形式，通过点状的网页版块儿分布，形成一个网页导航，然后才形成一个视觉传达的效果。这三者之间相互联系和辅助，进而向网络使用的受众传达除了视觉信息之外，更重要的其他的信息。三者之间通过技术的实践，以及协调处理，这三者之中包括：文字、图片、动画等元素，来进行网页更优的呈现[2]。

2.网页设计的表现形式

网页的设计形式跟报纸杂志等多种平面媒体设计有很多的相同之处，在视觉传达以及艺术效果上，都有着非同一般的呈现。网页设计需要在一个有限的展示空间，呈现出图片、文字再加上动画的结合信息，来进行此网页需要做到的视觉以及信息的传达，设计者通过处理文字、图片、布局以及网页上需要的动画，甚至声音影效等，来进行理性的艺术化的排版设计，这要求设计者拥有一定的设计艺术鉴赏能力和设计技术掌握能力。

随着网络技术、电脑技术的快速发展与广泛普及，网页设计开启了人类新的生活、新的实践，网页已经成为网络信息的表现和思想传播的主要形式。而在网页设计与网站建设的过程中，Flash的应用尤为重要。在网页设计中适当地使用Flash技术，能使网页呈现出多媒体效果，从而更加具有吸引力，增加网页与浏览者的互动性。同时，Flash也逐渐依靠其诸多优势迅速占领了网页设计领域，成为了网页设计的重心。本文重在探讨Flash动画在网页设计中的应用，以供同行参考。

1Flash动画技术概述

Flash是一类矢量式图形编辑及动画制作应用软件。它通过利用符号、按钮、场景等一系列元素组合，能够使设计者集成图形、动画，影像文件，音频等各种多媒体制作素材，利用最基础的元素制作出内容丰富、形式简洁、交互性强、极富渲染力的动画效果。

2Flash在网页设计中的应用

近几年，Flash作为一种新型的设计方式和娱乐方式，已被广泛应用于网页设计中，从简单的文字、图片效果到复杂的Flash网站建设，可以说Flash所起的作用不再仅仅是增添一些漂亮的动画，而是已经融入到了整个网站的建设之中。目前Flash技术已与电视、广告、动画、MTV制作等紧密结合，并作为一种产业，逐步向音乐、电视、广告、游戏、远程教育等各个领域渗透。

2.1将Flash引入网页设计的必要性

网页设计的目的是提供一种功能强大、使用方便、页面美观的形式，让浏览者能够方便快捷地了解网页所提供的信息，提升用户体验，并最终引导浏览者的行为。研究网页设计信息现象对于网页设计的发展有重要的指导意义。

一、网页设计信息的概念

法国学者德卢西奥•迈耶在《视觉美学》中写道：“一件艺术作品不是独白而是对话。”同样，网页设计也不是设计师的个人独白，而是与浏览者的对话。既然是对话，那么其中就一定有信息的交流与传递。控制论科学创始人美国数学家诺伯特•维纳将信息定义为：“信息是人们在适应及控制外部世界、并且使这种适应及控制反作用于外部世界的过程中，同外部世界进行交换的内容的名称。”对于网页设计来说，网页设计信息就是网页设计师（发送者）对网站环境进行调节与设计，并让这种设计被网页浏览者（接收者）所理解时产生的与网站环境进行交换的产物。对网页设计师而言，如果感到网站环境有某种不确定性（如如何传达客户的需求及理念，如何布局网页的形式等），设计师便会产生审美注意；当设计师通过某种途径或方法接收到了有效信息时（这种信息可以是某种设计形式、某种设计方案等），就消除了对网站环境的不确定性，并完成了对设计信息的编码。而对于网页浏览者而言，浏览者对于网站环境感到有疑问或不确定的时候（如感兴趣的资料在哪里、布局是否合理等），也会产生审美注意；当浏览者通过对信息编码的破译接收到了有效信息时（如在网页上获取到了需要的资料），也消除了对网站环境的不确定性。这样，网页设计中的设计对话和设计活动便在信息传递中真正形成。

二、网页设计信息的层次

在网页设计信息传播的过程中，设计信息是一种多层次的复杂信息综合体，可以分为技术信息、语义信息和审美信息三个层次。网页设计的技术信息指的是信息的物质层面或形式层面，不仅包括网页设计的布局、色彩、音效、交互等信息，也包括隐藏在网页背后、能够让网页正常呈现及运行的网站编程语言，体现了网站整体知觉环境和网站的后台环境。因此，技术信息就是网页表现形式的信息。网页设计的语义信息指的是信息的内容，即单纯作为语言意义的信息。这种信息不仅泛指网页需要传达的文本内容，也包括由网页布局、色彩、音效、交互等体现出来的设计符号、设计功能、交互体验方式等，体现了网站的前台环境。网页设计的语义信息服从普遍逻辑，具有可理解、可翻译为其他语言结构的特点。

三、网页设计信息的流动方式与特征

摘要：响应式网页设计能够让网页的表现效果达到用户的需求，越来越多的响应式网页设计被广泛的应用。论文在阐述响应式网页概念的基础上，分析了响应式网页设计的优势优势，给出了响应式网页设计的关键技术。

关键词：响应式设计；网页开发；EthanMarcotte

1响应式网页设计

近些年来，移动智能设备发展迅猛，用户们可以在各种终端上进行访问，如：个人电脑、平板电脑、智能手机等各种途径进行访问。如何能使同一个网站在许多不同分辨率的屏幕和设备上都可以很好的显示出来，不会出现排版的混乱。EthanMarcotte在2010年提出的响应式网页设计，解决了根据人的行为自动调整空间环境这一难题。响应式设计根据用户不同的设备环境做出响应，提出了一个空间应该根据环境和存在其中的人的变化进行响应。页面的设计与开发根据用户的行为以及设备环境、屏幕尺寸等，能够进行自动的响应和相应的调整，做到“一源多屏”。

2响应式网页设计的优势

由于其便捷的功能，被越来越多的网页设计师们广泛应用，对比响应式网页设计概念没有出现之前的固定宽度为主的页面布局，有很多的特点及优势：优势1，响应式网页可以很好地解决移动终端设备显示差异的问题，当用户使用不同分辨率和屏幕大小的多种设备浏览响应式网页时，页面会根据屏幕尺寸，分辨率来进行重新的排版，能展现出更完美的显示效果。通常情况下，网页设计师想最想传达的第一重要的内容会第一个显示出来，其余内容会根据设计师其他的想法，以一种或几种排序规则排列在屏幕外，用户通过滑动或滚动屏幕就可以浏览其余信息。优势2，在用户使用平板电脑、智能手机等的时候，智能设备可以根据用户的持握方向，主动调整等用户行为进行横屏竖屏切换。横屏和竖屏的切换是发生在一瞬间的，而采用响应式的网页在这一瞬间也能根据不同的方向以及屏幕尺寸，做出迅速的响应，使网页呈现出最佳的布局效果。优势3，采用响应式开发的页面，可以减少维护成本，在目前人们生活中使用的的多种设备平台上只需要一个网页的开发与维护。同时，在更新网站数据的时候也不会出现多个独立平台的网页数据更新不同步的情况。响应式网页不同于多个独立平台的网页，不会需要多个域名。

1网页平面设计的特点

从技术手法来讲，网页设计遵循HTML标准规范。其标记式代码构成正是针对网页视觉元素组织编排的描述语言。如规定文字、图片的位置、大小、透明度、色彩等。通过这种标记语言，清楚的表达了设计者的创作意图，使人能够一目了然。这是一种易于借鉴、重用、修订的设计手法。从观者体验来讲，网页相对与其他媒体更能吸引人的眼球。人们每日频繁打开网站，浏览大量网页，将其作为获取信息的主要渠道。报纸、广播、电视只是单向的提供信息内容给受众，而网络却提供了对信息进行筛选、拓展、深化的手段。网页必将远超报纸、广播、电视在社交媒体中的作用。优秀的网页设计应该能以简洁的布局、明确的导航、统一的风格、便捷的交互带给人们流畅的浏览体验。网页文件大小、分辨率、浏览器等因素都可能影响人们的浏览体验，而传统的平面设计却无需考虑媒介载体问题。

2平面构成在网页设计中的应用

平面构成用于网页设计应为信息内容的流畅传递服务。“不要把信息随意的摆放在屏幕上。要把信息放在由窗口和面板构成的背景中，窗口、面板和基本的网格应有一致、清晰的联系”。遵循传统平面构成的认知，网页中的信息仍可归结为点线面的视觉元素。诸如重复、对比、渐变等构成形式，是将视觉信息元素有序化、艺术化的必要手段。

2.1网页设计中的点线面应用

点是网页设计的基本构件，是不可分割的信息元素和视觉元素，即人们浏览网页的着眼点所在。譬如超链接、按钮、logo、表单输入项、标题、列表项。依笔者所见，网页中的点可以是图片，也可以是文字；可以体现内容，也可以提供交互功能。线是点的移动轨迹，是面的边际，是不同信息内容的板块划分。在网页中，线具有分割、联结、牵引、装饰、组织等作用。在网页设计中，线的作用弱于传统媒介。因为网页处理的多是有规则轮廓的线，有虚实之分。实线如：图片、表格的边框，网页中专门有一个标记<hr>用来画出横线，以示区域间隔。虚线如：无边框网页元素的内外间距（magin和padding），将为信息视觉元素绘制无形的边线，将其与内外层的元素区分开来。网页并不支持无规则的线独立完整的存在。网页的结构布局本质上是由矩形容器，按从上到下的瀑布式排列、嵌套组合而成。横线、竖线之外的斜线、不规则线条最终都是切割、分解到不同行列的矩形容器中拼接而成的。从浏览器看到的完整效果只是假象。即使通过<map>标记创建形状（shap）为多变不规则形（polygon）的热点链接，其所指向的图片本身仍是处于矩形容器中。所谓的不规则链接区域，只是为了表征如地图中特定地点之类的信息内容，却与网页的布局和视觉元素实体无关。面在网页中的表征，即大大小小的矩形容器。和不存在不规则的线条一样，网页结构中也不存在不规则的面。这似乎是一个束缚平面设计师手脚的枷锁。实际上，网页设计并不排斥任何的线面形式呈现。瀑布式排列、嵌套组成网页的虚拟矩形容器，可视为组成报纸、电子屏幕的点阵系统。包括线、面，甚至色彩等视觉元素都可以无碍的呈现在人们面前，只是其实质的结构受到了精密的分解和组织而已。这种组织本身就是平面构成设计最基础的重复构成的应用。对此，火狐浏览器提供了三维视图的查看工具，可以让人更加形象的了解网页中各视觉元素的层次关系。