什么是网页艺术设计

第页什么是网页艺术设计什么是网页艺术〔制定〕

网页艺术制定是是〔网页制定〕者以所处时代所能获取的技术和艺术经验为基础，依照制定目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动。下面具体介绍什么是网页艺术制定，希望为大家带来帮助。

网页艺术制定：

网页艺术制定是是网页制定者以所处时代所能获取的技术和艺术经验为基础，依照制定目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动。

制定活动中包涵着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉制定的对象和构成的要素。网页艺术制定涉及的具体内容很多，可以概括为视听元素和版式制定两个方面。

制定内容：

视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页制定者所要合计的是如何以感人的形式把它们放进页面这个"大画布'里。多媒体技术的运用大大丰富了网页艺术制定的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无必须任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件(如MP3音乐)必须要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和优良的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术制定中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术制定提出了更高的要求。

版式制定

网页的版式制定同报刊杂志等平面媒体的版式制定有很多共同之处，它在网页的艺术制定中占据着重要的地位。所谓网页的版式制定，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页制定者不能准确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式制定带来了一定的难度。

什么是网页制定

网页制定是一种视觉语言，特别讲究编排和布局，虽然主页的制定不等同于〔平面制定〕，但它们有许多相近之处。版式制定通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排制定要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最正确的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

网页制定(webdesign，又称为WebUIdesign，WUIdesign，WUI)，是依据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面制定美化工作。作为企业对外宣扬物料的其中一种，精美的网页制定，关于提升企业的互联网品牌形象至关重要。

网页制定一般分为三种大类:功能型网页制定(服务网站B/S软件用户端)、形象型网页制定(品牌形象站)、信息型网页制定(门户站)。制定网页的目的不同，应选择不同的网页策划与制定方案。

网页制定主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

什么是自适应网页制定

一、什么是自适应网页制定?

2011年，网页制定师AaronGustafson在他的书《自适应网页制定》里率先提出了自适应网页制定的概念。

Adaptivedesign(自适应制定)：为不同类别的设备建立不同的网页，检测到设备分辨率大小后调用相应的网页。目前AWD网页主要针对这几种分辨率(320，480，760，960，1200，1600)

和响应式网页不同，自适应制定是基于断点使用静态布局，一旦页面被加载就无法再进行自动适应，自适应会自动检测屏幕的大小来加载适当的工作布局。因此，当您在〔电脑〕上打开浏览器浏览网页时，该网站会自动检测并选择该桌面屏幕的最正确布局。

二、如何做自适应网页制定?

基础的网页制定涵盖了几大重要环节：

前期的原型制定(工具：Axure，Mockplus)UX制定(工具：Justinmind)UI制定(工具：Sketch)后期的前后端，HTML,CSS,JS.

而做好自适应网页制定则必须要遵循以下几个步骤：

Step1.Meta标签

为了适应屏幕，不少移动浏览器都会把HTML页面置于较大视口宽度(一般会大于屏幕宽度)，你可以使用viewportmeta标签来设定。以下viewportmeta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放：

Step2.HTML结构

在这个例子中，页面布局包括Header,Content,Sidebar和Footer.Header固定高度为180px,Content宽600px,Sidebar宽300px。

Step3.MediaQueries

CSS3mediaquery是自适应网页制定的关键，就像高级语言里的if条件语句，告诉浏览器依据不同的视口宽度(这里等于浏览器宽度)来渲染网页。

网页制定和〔web前端〕的区别

web前端通常称为软件制定或者〔美工〕，普遍工资确实要比网页制定高，因为软件的收费比网页或者网站高多了，一个网站收费过万就算比较高了，而软件随随便便就是好几万的，一二十万、几十万甚至上百万的都也是正常，但是网站的制作周期比较短，小点的网站通常是一两周之内就可以完成，而软件的周期短则几个月、半年，长则一年几年都有可能，像我们公司就是给政府部门做监控及统计软件的，每个项目随随便便都是半年以上的制作周期，收费嘛自然也比较高，有个项目都做了3年了，不过这个项目是个长期项目，不断的提交又不断的增加新功能而已;

话说回来，网页制定和web前端其实差别并不太大，关于制定师来说两者也就是界面模式不同而已，关于熟练的制定师来说，两者之间可以很好的转换，页面/界面布局的方式其实还是一样的，使用的也还算div+css布局;

我本人做这行已经8年了，刚开始做了2年的网页制定，后来转了软