网页设计的流程范文

引言：寻求写作上的突破？我们特意为您精选了4篇网页设计的流程范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

网页是网络传达信息的主要载体，网页设计作为人机界面的一个重要对象，其视觉形式直接影响网络最终的传播效果。网页版面设计的视觉流程是人在观看网页时候的视觉线路走向。根据人的生理特点和心理特点，人们在观看网页时通常是从第一感觉印象到具体信息传达、最后产生整体印象的过程。下面，笔者分析一下网页版式视觉流程的设计原则和表现形式，以及网页视觉流程中的变化性特点。

一、网页版面视觉流程的设计原则

网页版式设计是网页设计的重要组成部分，它遵循一定的认知心理学和审美原则。通过设计创意和设计原理构成网页页面，能更好地实现信息传达和视觉效果传达。承载网页设计的媒介终端的数字化特点，决定了网页版式的视觉流程在具体设计中要遵循以下原则：

1.科学性。网页版式设计的视觉流程以人眼的生理结构和视觉心理认知特征为依据，因此网页版式的视觉流程是符合一般视觉原理和大众认知基础的[1]。根据视觉流程的特点，网页版式在设计上遵照从左到右、从上到下的原则，因此设计中要选择最佳的视觉区域，设计符合科学理性的视觉流程方法。如图1所示视线流动的一般规律，在网页版面中，1区即左上区域，一般为观者视觉进入版面的区域，因此一般放置比较醒目、鲜明、简洁的视觉元素，如标志等。这些元素一般以图形或是文字设计的形式出现，让观者在第一时间了解到网页的代表符号，对网页产生深刻印象，并能同其他网页区别开来。区域2即页面的右上角，虽然不是视觉进入版面的区域，但同样处于页面上方，因此也可放置一些重要信息，在具体设计中，banner、导航条常布置在1、2两个区域。网页的中间部分，如图3区左中和4区右中为放置主要内容的区域，这部分一般放置内容性文字或者图形，属于元素集中区域，是观者阅读和获取信息的主要区域；而3区由于位于页面左侧，处在视觉进入区域一侧，因此在设计中也常常将导航内容放置在3区左侧，便于操控。5、6两个区域靠近屏幕下方，6区一般是视觉线路的终点，因此这两个区域一般放置非重要的信息。

2.识别性。在网页版式视觉流程设计的过程中，最终目的是保障网页内容被更准确、快捷地识别。识别性在视觉流程的设计中关系重大，设计行为都应该围绕着识别性这个主题而展开。根据设计内容的需要，对视觉元素进行处理，如区分主次关系进行设计、通过色彩区别元素、加强设计的整体性等，都是加强页面识别性的设计手法。视觉传达设计的内涵与形式也不是一成不变的，无论采用哪种视觉表达形式，终端受众都必须借助视觉感知来接受信息。[2]

3.合理性。合理性是指在网页版式视觉流程的设计中依照设计的原理合理地展开视觉流程的引导。网页的浏览过程是动态的、互动的，观者获取信息的过程不尽相同，有时浏览者可能会从其他网页链接跳过主页直接进入网站子页面中；同时网页的互动性也容易吸引受众。因此，合理地处理每个网页的视觉流程，让各级页面都拥有设计清晰、可操作性强的导航，便于受众在各种情况下进行浏览。

二、网页版面视觉流程样式

视觉流程在运动的过程中受各种外部因素和主观因素的影响，会产生各种运动形式。结合网页版面设计的特点，主要有如下几个方面：

1.线性视觉流程。线性视觉流程是最常见、最基本的视觉流程样式。文本阅读的方式就是以线性视觉流程的形式呈现的。主要的线性视觉流程有直线、斜线、曲线3种形式。直线视觉流程在版面中引导人的视线做直线的视觉流动，具有直观、确定、一目了然的特点。斜线视觉流程动态性很强，具有较强的个性特征，常用在表现突出动态或个性化的设计中；斜线视觉流程稳定性相对较差，要注意画面的整体均衡。曲线视觉流程是颇具韵律感的视觉流程形式，曲线在版面中的融会贯通让版面舒畅、自然、饱满且充满张力，如“S”曲线形态的视觉流程使页面元素上下左右运动，能在有限的空间中穿插回旋，具有一定的张力。

2.导向视觉流程。在网页设计中使用能诱导观者视线的诱导性元素，令观者的视线能通过诱导按照设计者的布局进行一定顺序的运动，将所有元素从主到次、从大到小构成一个有机整体，形成一个重点突出、流程动感的视觉组合。诱导性的元素有很多种，常见的有文字导向，利用文字的排列组合后的线、面特点来引导视觉走向；肢体导向，利用人体的肢体语言或是手部动作的方向性，来引导视觉走向；指示导向，利用符号箭头的方向性特点，将视线引向主体；形象导向，利用众多的事物形象特征来引导视线，如人或者动物的视线、钟表的指针等。

3.反复视觉流程。反复视觉流程是指由于相同或者相似元素的规律出现，而产生的一种有秩序和节奏的运动。反复视觉流程构成的版面动感性差，通过元素的处理方式能产生很强的节奏和秩序的美感，吸引视线。由于网页技术特点决定了这种反复视觉流程是比较常见的视觉流程表现手法，在网页的导航设计、图片排列、文本信息等设计中常见这种排列手法。

4.散点视觉流程。散点视觉流程使用了后现代的视觉表现中的一些特点，自由、随意、新颖。散点视觉流程指版面中的视觉元素，包括图形、文字等视觉元素及其各元素之间的组成关系不拘泥于规则、严谨的理性编排方式，而是强调感性、自由、随意、分散的排列组合状态。散点视觉流程在初始感官上给我们以散乱的感受，信息获取过程不如其他视觉流程顺畅，但是只要稍加观察我们就会发现散点的视觉流程通常是“形散而神凝”。在对待元素的处理方式、版面的整体协调、主次的关系处理、色彩的利用等方面，都更加刻意精心地遵循着一定的规则，这就使散点视觉流程的表现在灵活、感性、生动之余，不乏理性的雕刻。

5.复向视觉流程。复向视觉流程是从页面的中心点开始，产生向心或离心等形式的视觉运动，画面中心突出、主题明确，视觉冲击力比较强，常用在对某一事物进行强调的页面设计中。

三、网页版面视觉流程中的变化性

网页版式设计同传统媒介版面设计虽然都是在一定的空间中进行视觉元素的组织，但由于二者在最终显示方式上存在差别，因此网页版面在具体的视觉流程表现中必然会受媒介变化的影响。

1.网页版面中的变化性。网页版面设计同传统的版面设计有着一定的联系，但也有着很大的不同，这就是它的动态变化性。对于同一个网页版面而言，观者所见的第一感觉印象未必是最终的感觉印象。由于网页版面互动性的特点，在观者和网页版面的不断接触过程中还会出现各种动态的图标或悬浮导航条等，这些都是带来变化的元素，都会对初始页面视觉流程产生一定的影响。变化会打破最初视觉状态下的相对稳定，在视觉流程的设计中都应该整体考虑。变化的视觉流程可以使网页页面更加生动、多样化，但这也为设计增加了很大的难度，这种变化的视觉流程多用于一些娱乐性的或追求与众不同的个性化网页设计。

2.页面之间跳转的变化性。除了同一网页版面内部的变化性以外，在不同网页页面之间的非线性跳转也是网页设计不同于传统媒介的特征之一，超链接改变了网页内容空间的前后关系。由于网页具有超链接功能和多维性的特点，使得不同站点以及同一站点的不同页面之间跳转成为网页变化性的又一表现。通常来讲，一个站点是由多个页面构成的，观者的浏览顺序是不固定的，可能从主页开始，也可能从二、三级页面开始，因此保持整体的视觉流程至关重要。这就要求设计者尽可能在一个网站的整体设计以及页面的跳转过程中保持视觉元素设计的连贯性，保持视觉流程特征的连贯性，保持整体设计风格的连贯性，来更好地适应页面跳转过程中的变化。

3.视觉元素的动静变化性。网页既包含了传统媒体的形式，其本身又是新的媒体，它具有极大的兼容性和互动性。网页设计中既包含传统的静态设计，又存在具有互动性的游戏、动画、影像和线性播放的影像、广告等元素，这就构成了页面中的动静对比。

对网页浏览者而言，视觉流程的变化还受页面元素动静变化的影响。通常来讲，事物要引起人注意应具备两方面的特点，一是有刺激物出现。在这里网页上的动态元素，如视频、动画、广告等外界刺激具备引起人无意注意的行为，即浏览者事先没有目的也不需要做意志努力就能注意到的，这类变化节奏越快越能吸引人的视线。这是一种动态的吸引，可以改变人的视觉流程，能较先吸引人的视线。因此，在一些页面上，常将一些重点信息进行动态化处理以吸引人的第一注意力。二是视觉主体的意向性。浏览者作为视觉主体，更容易受动态元素的吸引。动态元素的视觉形象力更加明显，受人注意的程度要多于静态元素。因此，我们可以看到，新的媒介赋予了设计以更丰富的内容，网页版式的视觉流程同传统设计相比较增加了动态效果对其的影响，网页上的动态元素可以吸引观者的视线，使观者能按照设计者给出的特定视觉线路进行视觉移动，而页面上的静态元素较之动态元素，其视觉吸引力相对较弱。

结语

视觉是一种主动性很强的感觉形式，新技术在很大程度上要依靠人类的视觉感官去获取、传达和交流，技术的进步让我们开始更加关注网页信息传达的品质。[3]网页视觉流程的设计直接关系着网页版式构成并影响到网页信息传达的效果；在网页设计中组织视觉元素进行视觉表现，使设计形式的组织达到对浏览者视觉线路的引导，能更好地发挥设计元素的功能。总之，加强网页设计的视觉文化基础，利用视觉表现达到提升网页信息传达的目的，对于网页信息传达来讲具有重要的意义。

参考文献：

[1]方新普，陆峰，孟梅林.视觉流程设计[M].安徽：合肥工业大学出版社，2004：49.

篇2

关键词： 农牧养殖；业务流程优化；Petri网模型；ECRS原则

Key words： agriculture and animal husbandry breeding；business process improvement；Petri nets model；ECRS

中图分类号：TP39 文献标识码：A 文章编号：1006-4311（2013）02-0011-03

0 引言

随着人们对农牧产品需求的增多，农牧产品供给能力不断扩大，农牧养殖业信息化步伐不断加快，加之食品安全问题频出，消费者希望养殖信息透明，吃上放心农牧产品，一些大型农牧养殖公司已经开始引入信息化管理养殖过程。母鸡是人们生活中最频繁食用的农牧产品，目前主要采取公司+农户方式养殖，即公司负责育种和孵化鸡苗，孵化出的鸡苗分发到农户管理的散养基地养至130天左右，公司回收这些小母鸡到育肥舍精养至180天左右，最后将达标的老母鸡出舍运往销售点销售。其中的育肥环节主要为了让农户散养的小母鸡统一达标并过滤药残，在此过程中同批进舍育肥的母鸡，到期出舍时有些母鸡可能会因不达标导致需要转舍继续喂养，为了能够准确追溯每只母鸡的养殖过程和核算养殖成本，需要引入RFID[1]等标签对母鸡进行识别。因此，需要对原母鸡转舍流程进行优化以适应信息化管理养殖。

业务流程优化首先需要对流程建模，然后对模型分析，最后针对分析的结果提出优化方案。目前使用的流程建模工具主要有：业务流程图法（Flow Chart）、IDEF模型系列、事件流程链（Event-driven Process Chain，EPC）、面向对象分析（OOA）、Petri网模型等[2]。

业务流程图建模法理解性良好，但是对流程改进能力较弱；IDEF模型系列[3]主要面向功能建模，有抽象机制，但是理解性一般；事件流程链主要面向客户建模，支持流程改造，但是计算机化能力较弱，而且无抽象机制；面向对象分析法建模以业务中的对象及其之间的关系为基础，计算机化能力较强，但是对系统分析评价太简单；Petri网[4]的建模方向是面向混合型，有计算机化能力和抽象机制，对系统分析评价能力强。综合考虑后，选择Petri网建模工具对母鸡转舍业务流程建模分析，并依据ECRS优化原则对业务流程优化。

1 母鸡转舍原业务流程建模分析

1.1 原业务流程描述 为了优化母鸡转舍业务流程，选择某鸡养殖公司开展调研，整理得到母鸡转舍原业务流程如图1所示。

1.2 原业务流程Petri网模型建立 根据原业务流程图建立母鸡转舍原业务流程的Petri网模型如图2所示，Petri网模型的库所、变迁含义以及耗费时间见表1。

对原业务流程的Petri模型分析是优化业务流程的基础和依据，先对建立的模型进行结构分析，然后选取指标进行性能分析。

1.3 Petri网模型的结构分析 结构分析主要对业务流程的Petri网模型进行正确性等基础性分析，保证其与实际业务过程是等价的，不存在死锁、冲突等异常结构。运用基于关联矩阵[5]的分析方法对所建立模型的结构进行分析。

假设母鸡转舍业务流程对应的关联矩阵为C，得出转置为

C■=-1 1 0 0 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 0 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 0 0 0 -1 1

由公式CTX=0可解得S_不变量：

x1=（1，1，1，1，1，1，1，0，0）T x2=（1，0，0，0，0，0，0，1，1）T

在方程组解中得到的S_不变量，当分量为1时表示托肯流经此库所，分量为0时表示托肯不流经此库所。托肯流经何条路线是不确定的，只要托肯的分布符合CTX=0就能保证结构上有界且守恒，但是S_不变量的个数是一定的，即由线性方程组CTX=0的自由变量个数来决定。

根据活性、有界性、可达性[6]的定义可知， 图中Petri网模型是活的、有界的和可达的， 从而验证了模型的正确与可行性。

1.4 Petri网模型的性能分析 性能分析主要考察流程中的评价指标，比如有效性、适应性、流程周期时间、效率、流程成本等，流程周期时间和效率具有相关性，而有效性和适应性度量起来比较困难，所以，一般选择流程成本和流程周期时间作为主要评价指标。选用流程周期时间作为母鸡转舍Petri网模型的主要性能评价指标。

在Petri网中时间参数[7]的计算主要依靠实体托肯的数据传递来实现。一般情况下，一个变迁中，托肯的时间参数发生如下变化：

OutToken.Time=InToken.Time+Waiting.Time

+Act.Time （1）

其中，InToken.Time表示变迁的输入时间；OutToken.Time表示变迁的输出时间；Waiting.Time是等待时间；Act.Time是处理时间。

Petri网模型中并行结构的时间计算公式是

OutToken.Time=

■■（InToken.Time+Waiting.Timei+Act.Timei） （2）

其中m是并行结构中每个串行结构的变迁数，n是并行结构中的串行结构个数。

Petri网模型中反馈结构的时间计算公式是

OutToken.Time=N×■（InToken.Time+Waiting.Timei

+Act.Timei） （3）

其中m是变迁的个数，N是反馈的次数。

在实际业务中，流程完成的时间在某一区间内是随机分布的，因此将随机性引入业务流程的模拟分析中以使得分析与实际更吻合。故设定部分任务的完成时间服从某一区间上的均匀分布。

由公式（1）（2）得公式（4），此业务流程平均周期时间计算公式为：

■=■■■（InToken.Time+Waiting.Timei+Act.Timei） （4）

其中InToken.Time初始为0，在这里我们假设所有变迁在托肯输入库所后立刻发生，即Waiting.Time=0。n是流程个数，m是每个流程的变迁个数。得出图1母鸡转育肥舍业务流程的平均周期为：

■=■■+2+■+■+

■+max2，■+2+30=72（min）

利用上述公式（1），得出每个变迁发生后的时间结果如表2所示。

通过对Petri网模型的结构分析，可知整个模型是正确可行的，与实际业务吻合。整个业务流程包含两个子流程，即P1P2P3P4P5P6P7，P1P8P9。结合模型定性和定量分析，可以总结出以下时间瓶颈：

①流程中最耗费时间并且对整个流程周期影响最大的是变迁T6，即会计将产品验收单送给财务部。实际上P5P6是图中并行结构流程中的一个子流程，所以T6与T7属于并列结构，T7较T6花费时间极少，从而T6的长时间花费严重影响了整个流程的效率。

②变迁T3分拣过称进舍耗时且费大量人力，最重要的一点是，进舍时，有可能会与上一批母鸡混养在一起，对母鸡的日龄很难掌握；

③对于耗时很短的T5和T7，仍然是纯手工填写单据，耗时耗力。

④产品码单与产品验收单中很多数据元素重复，会计统计时填写两张单据繁琐费时。

2 母鸡转舍业务流程优化

2.1 优化原则 在母鸡转舍业务流程优化过程中，采取ECRS原则[8]。

2.1.1 Eliminate（取消） 业务流程首选考虑某些动作有无取消的可能性，如不必要的辅助活动，不必要的搬运，等等，可一律取消。如果不能全部取消，可考虑部分取消。

2.1.2 Combine（合并） 合并即是将两个或两个以上的对象变成一个，如动作与动作的合并。当业务流程中出现能力不平衡，出现人员忙闲不均时，就需要对这些流程进行调整和合并。有些相同的工作完全可以合并在一道流程内。

2.1.3 Rearrange（重排） 重排就是通过改变业务流程中的环节，使工作的先后顺序重新组合，以达到改善工作的目的。如，前后流程的对换。

2.1.4 Simplify（简化） 经过取消、合并、重排之后，再对该项工作做深入的分析研究，使现行方法尽量简化，以最大限度地缩短作业时间，提高工作效率。

2.2 优化思路 根据分析发现的问题，遵循ECRS原则，母鸡转舍流程优化思路如下：

①通过使用ERP系统，自动生成需求单据，工作人员只需网上填写，多部门共享，省去很多时间，如原流程中变迁T6就可以取消，财务部直接在系统中可以调出产品验收单。T5、T7同理也可以取消。

②将产品码单与产品验收单合并为验收单，减少整个系统的数据类。

③引入RFID射频识别技术，在变迁T3分拣过称后给母鸡带上脚环，随时跟踪母鸡的饲养情况，解决了对母鸡的日龄和养殖成本很难测算的难题。

2.3 优化后的流程 根据优化方案可以得出母鸡转舍优化后的业务流程如图3所示。

3 优化后的业务流程Petri网模型建立与分析比较

建立母鸡转舍优化后业务流程的Petri网模型如图4所示，优化后Petri网模型的库所、变迁含义以及耗费时间见表3。

假设育肥舍进母鸡业务流程对应的关联矩阵为C，得转置矩阵为：

CT=-1 1 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 -1 1

由公式CTX=0可解得S_不变量：

x1=（1，1，1，1，1，0，0）T x2=（1，0，0，0，0，1，1）T

根据活性、有界性、可达性的定义可知， 图中Petri网模型是活的、有界的和可达的， 从而验证了模型的正确与可行性。

同理利用上述公式（4），其中InToken.Time初始为0，在这里我们假设所有变迁在托肯输入库所后立刻发生，即Waiting.Time=0。得出图3的平均周期为：

■=■■+2+■+■+

■+2=49.5（min）

本文选用流程时间减少率和变迁数量减少率作为评价流程效率的综合指标，用流程时间减少率反映流程优化后流程总体时间减少的效果，用变迁数量减少的比率来评价过程改进因子。从上文模拟计算得出优化前后母鸡转育肥舍业务流程的平均周期分别为72分钟和49.5分钟，优化前后流程的变迁数量分别为8个和5个，整个流程时间减少率为31.25%，变迁数量减少率为37.5%。所以采取的优化措施是正确的，有效地简化了母鸡转育肥舍业务流程，缩短了流程周期，提高了流程执行效率，从而一定程度上地降低了流程的成本，增强了企业的核心竞争力。

4 结束语

文章研究利用Petri网对农牧养殖育肥舍业务流程建模分析，找出流程瓶颈问题，并依据ECRS原则优化流程。将此建模分析优化方法应用在某公司其他所有部门业务流程优化中，优化后的业务流程提高了业务效率，减少了流程周期时间。这对提高整个农牧养殖效率具有重要的作用。结果表明该建模分析方法在农牧养殖业业务流程优化过程中是有效的。

参考文献：

[1]张玉洁，刘军，贾利民，徐杰.RFID技术在铁路集装箱堆场进出口的应用[J].物流科技，2008，（2）：34-36.

[2]张玉洁.基于Petri网的铁路集装箱运输流程建模与优化研究[D].北京：北京交通大学，2007，12.

[3]李建中，陈良猷. IDEF 方法族在企业过程再造中的应用[J].工业工程，2000，3（3）：6-9.

[4]Murata T.，Petri Nets： Properties， Analysis and Applications. Proceedings of the IEEE，Vol.77，No.4，pages 541-580.April 1989.

[5] 徐新卫，方乐，周小东. 基于“ABCM-CPM-Petri”模型的销售配送流程优化[J].现代管理学，2011，（10）：51-54.

篇3

网页能否有好的发展，不仅体现在好的创意上，也体现在网页的设计上，好的网页设计可以吸引网民的眼球，提高浏览量，但是我国目前网页中的图片视觉效果依然停滞不前，没有太大的发展，在图片的浏览上，缺乏灵活性，图片设计方面没有创意，网页设计人员的技术得不到提高，图片的视觉效果很差。

一、网页视觉设计的原则

要想有展现出完美完美的图片视觉效果，需要了解网页视觉设计的原则，依据原则进行图片设计，从而达到是事半功倍的效果，在设计网页的时候，为了使网页中的图片与内容合为一体，遵循形式美与内容美，要从以下几点出发：

（一）比例尺寸得当,对称均衡适度

合理的比例是美的前提。比例得当不仅适用于绘画，同样也适用于网页设计。在网页设计中，要想把握好比例，需要做好组版元素间和谐的关系。把握好比例尺寸，可以以中心线为轴线，这样做出来的网页图片，带给人一种大方、稳定、端庄的感觉，既体现了秩序的原则，又给人高贵的美。在网页设计中，点线面是很注重的要求之一，首先要在平面中找到平衡点，让绝食产生舒服的感受，接着要找到对称的部位，最后要以整个尺寸为基调，找到平衡点。

（二）动静变化有序,节奏韵律明快

网页中的动态和静态的变化是根据三维空间和图片的比例等因素体现出来的。同种元素因为布局与层次的变化会造成不同的视觉体验。在网页设计中，对空间的要求是很高的，需要考虑动态与静态的结合，节奏韵律的快慢。在网页的设计中，运用动静结合的方式，给人生动活泼的视觉感受，对节奏韵律把握明确，可以增加网页图片的感染力，同时又可以渲染气氛，展开联想。

（三）繁简互衬,多样统一

网页设计，需要考虑好网页的内容和图片版面，既不能使网页看起来太过繁杂，也不能使网页太过简单。在设计网页的时候，可以针对内容的多少进行合理的排版，同时也可以通过色彩搭配来对网页中的内容和图片进行分开。对网页的合理布置，使网页看起来繁简互衬,又能够使整体多样统一，各个元素独立而统一.按照视觉艺术的原则，给人以美的感受。

（四）图形

在网页设计中，图形的设计也是很重要的，图形和图片的比例需要恰到好处。图形是图片的缩小化，它可以帮助网页中的文字更加清晰，使整个网页看起来更加的美观和立体。小的图形在视觉上给人带来一种清新可爱的感觉。对图片的位置和形式的合理的布置，可以使网页更加美观大方。

二、提高网页设计图片视觉的方法

网页设计需要遵循形式美和内容美的有机结合，需要比例尺寸上把握得当，动静变化有序,节奏韵律明快，繁简互衬,多样统一的原则，同时也要做好图形的设计，要想提高网页设计图片视觉，就要从以下几点来进行：

（一）单项视觉流程

网页设计的单项视觉流程是指对网页中的图形、文字和符号等在平面上进行不同方向的变化，可以表现为横向、纵向和斜向这几种形式，然后对其进行构图。单项视觉流程在操作起来简单，同时也能够使网页的平面结构看起来更加的清楚直观，能够直接明了地升华主题，在视觉上给人鲜明的层次感，表现出单项视觉流程的稳定、端庄的效果，具有坚定、直观的感觉。

（二）反复视觉流程

网页设计的反复视觉流程是把相似或者同样的视觉元素进行三次或者三次以上的编排，使网页的图片画面有规律、有节奏、有秩序。运用反复视觉流程，给人的视觉带来冲击性，同时有体现出了网页图片的韵律美、节奏美和秩序美，给人眼前一亮的感觉。

（三）曲线视觉流程

网页设计的曲线视觉流程只要根据人眼来回摆动舒适感的舒适感进行设计，人们的眼睛可以依据弧线的运动变化方式来观看网页中的图片。其中曲线视觉流程主要包括了弧线形（c形）视觉流程和回旋线形（s形）视觉流程。弧线形（c形）视觉流程给人饱满的感觉，具有明确的方向感和扩张感，回旋线形（s形）视觉流程给人流畅，柔美的感觉，使图片生动起来，有很强的动感美和节奏美。虽然曲线视觉流程不如单项视觉流程看起来直观，但是却有飘逸美。

（四）焦点视觉流程

网页设计的焦点视觉流程主要是用焦点来吸引人们的眼球，聚集浏览者的目光。焦点视觉流程为了更好的吸引人们的眼球，往往还要用鲜明的颜色来对焦点进行强化，与网页图片的背景形成对比，同时也会别出心裁的设计焦点，分从从焦点的形式、焦点的层次和焦点与图片的结构进行。焦点视觉流程通常是以图形为主要元素，形成视觉磁场。

三、结语

随着信息科技的不断发展强大，图片对网页的影响也是极其重要的，快节奏的生活，使人们更加倾向于借助图片来获得自己想要的信息。因此只有遵循网页图片的设计原则，分别从单项视觉流程、反复视觉流程、曲线视觉流程和焦点视觉流程出发，才能更好地发挥出图片的价值，给社会大众带来美的感受。

参考文献

[1]刘青玲.图片优势效应在网页设计中的研究与应用探讨[J].科技创新与应用,2015,(21):86.

[2]林欢,谭浩,赵江洪.图片优势效应在网页设计中的应用[J].包装工程,2014,35(18):13-16+24.

篇4

在进入21世纪以后，我国逐渐向信息化发展，人们的日常生活水平也得到了有效的提高，互联网也成为人们在日常生活、工作中必不可少的工具，成为人们在交流、信息查找的重要途径之_。在互联网的发展过程中，网页设计、开发是人们使用互联网工作和生活的重要工具，其中DIV+CSS的布局技术在网页设计和开发的过程中占有重要的地位。但是在传统的网页布局技术运用的过程中，出现了很多隐藏的弊端，并在发展的过程中逐渐显现出来。同时，在这样的情况下，IT行业在网页设计、开发过程中，对DIV+CSS布局技术给予了高度的重视，并且也得到IT行业的广泛应用。DIV+CSS布局技术也是网页设计、开发过程中一种较为流行的技术和术语，开发人员通过利用DIV+CSS布局技术对网页设计过程中的对象进行准确的定位，从而增加了网页在使用过程中的效果和传输、下载速度，也在最大程度上方便了开发人员对网页维护和更新的操作流程。

1网页设计中DIV+CSS布局技术的含义

在网页开发的过程中，DIV+CSS技术布局占有重要的地位。其实DIV+CSS技术也可以分开来说，DIV，CSS在网页布局的过程中，所代表的含义和意义也是不一样的，下面对DIV+CSS布局技术的含义进行了分析：

第一，DIV是DIV+CSS布局技术中的重要组成部分，也是网页设计和开发过程中重要的应用语言和标记元素，为网页设计、开发过程中的文档，提供了网页中的布局结构和网页的背景，在网页设计、开发的过程中也可以将DIV称为定位技术。DIV在起始和结束的过程中都进行了一定标记，并且都是网页设计、开发过程中的文档构成服务的，DIV对网页设计和开发过程中的一些元素进行了有效的控制。

第二，CSS的全称是Cascading Style Sheet，按照中文翻译为层叠样式表，是在网页设计、开发过程中，网页形式和网页信息之间的一种标记语言。在网页设计的过程中，DIV+CSS布局技术中的CSS技术可以准确控制网页中的页面的颜色、布局、背景等，网页中的页面效果更加的丰富，并且开发人员在进行网页设计的过程中，操作流程也相对简单，也使网页中的语言更加简洁化。

第三，DIV+CSS布局技术在某种程度上将也是XHTMDCSS技术。人们在使用网页文档的过程中，对网页中的结构也在进行了一定程度上的规范。DIV+CSS布局技术将网页设计中的结构进行了一定的规范化，将页面中元素进行了一定的规整，使页面中的样式和内容分离，成为一个单独的个体。并且在将2种技术合为1种技术的过程中，可以使网页在操作的过程中，更加灵活、方便。

2 DIV+CSS布局技术在网页设计中的作用

2.1和搜索引擎可以相互融合

搜索引擎在网页设计的过程中起到了重要的作用，是根据Spider程序查找互联网中的内容。Spider程序一般是由少到多地进行网页内容的查找，等到将所有的内容查找扫描后，引入到其他网页中，然后访问网页页面，重复扫描、更新，直到内容出现为止。在使用传统的数据代码的过程中，在内容浏览和操作时不仅复杂，多余的代码也较多，但是在DIV+CSS布局技术中，可以将浏览和操作的流程相对地简单化，并且在搜索内容的过程中，时间也相对较短，其执行的效率也相应提高。另外，在DIV+CSS布局技术的应用过程中，将代码也进行了一定程度的简化，和搜索引擎配合良好。这样，不仅提高了网页设计中的执行的效率，也有效提高了网页设计、开发过程中的质量。

2.2简化了网页维护、更新等操作流程

设计人员在对网页进行设计、开发的过程中，利用Table对网页进行版本的更新设计时，需要对网页中所有的代码进行一定程度上的整合，这样造成网页维护和更新的工作效率在一定程度上的降低。但是，随着时代的不断发展，我国IT行业将DIV+CSS布局技术有效地应用到网页设计。更新、维护的过程中，在一定程度上降低了网页中的内容，并利用DIV+CSS布局技术进行一定程度上的控制。当设计人员对网页中的某一个部分进行一定程度上的更新时，可以有效地提出这部分内容和代码，设计该区域代码，设计人员利用DIV+CSS布局技术对网页进行设St.维护、更新，对其他部位也不会造成任何的损伤。

2.3加强了传输的效率

在传统的网页设计的过程中，往往只注重网页页面的效果和带给人们的视觉冲击，在这种情况下，设计人员在网页中的传输效率较慢，也给网页使用带来一定程度上的影响。但是设计人员在使用DIV+CSS布局技术进行网页设计、开发的过程中，可以对网页中的代码、文字、图片进行灵活的设计，设计人员利用网页中的过滤软件，取代了图片带给网页的视觉冲击。同时，DIV+CSS布局技术也将网页中的中体布局分为不同的层次，在网页开始使用的过程中，无需将网页的内容储存到一个较大的表格中，这样在一定程度上加快了网页的传输效率，在人们的日常生活、工作使用的过程中最大程度地提高了便利性。

2.4有效地提高了网页设计中的视觉效果

软件设计人员在进行网页设计、开发的过程中，利用传统的Table对代码进行整合，在网页的页面中，图片、文字等效果的分辨率并不高，页面的效果并不是很好，同时在设计的过程中，需要大量的设计人员。不同的设计人员所设计的网页形式也是不同的，这样对人们使用的网页造成了一定程度上的影响。但是，在DIV+CSS布局技术对网页设计、开发的背景下，DIV+CSS布局技术能够有效地统一设计人员的设计理念、风格、特点等，并且DIV+CSS布局技术可以有效控制网页中的结构，提高了页面中图片、文字的分辨率，也给人们在使用网页的过程中带来一定程度上的视觉冲击。

3 DIV+CSS布局技术在网页设计、开发中的应用

在网页设计、开发的过程中，设计人员要想有效地利用DIV+CSS布局技术对网页中的结构进行一定程度上的规划，就要对网页中的语言代码的结构进行一定程度的分析。网页中的语言代码其实就是网页结构中的构成元素，网页结构其实就是网页设计、开发过程中的构架。换句话说，就是在网页设计的过程中，对网页中的内容进行有效的规划。下面就对DIV+CSS布局技术在网页设计中的应用进行简单的分析。

3.1 DIV+CSS布局技术在网页中内容规划的应用

设计人员在网页设计、开发的过程中，应当对网页中的内容的几个基本组成要素进行具体的分析。网页内容中的几个基本的要素一般情况下可以分为：网页的头部、网页的主体、网页的页脚和网页中的版权区域。另外，DIV+CSS布局技术在网页设计的过程中，可以使网页形成基本的框架。并且在具体的编写的过程中，DIV+CSS布局技术可以有效整合网页中的代码，最大程度地简化操作流程，为设计人员提供了方便，提高了设计人员的工作效率，同时也使人们在使用网页的过程中可以一目了然。

3.2 DIV+CSS布局技术在网页设计中信息的应用

设计人员在利用DIV+CSS布局技术进行网页设计、开发的过程中，可以灵活地将网页中的信息进行一定程度上的整合，并有效地展现出来，给人们视觉的冲击。在网页设计的过程中，要对网页中的信息元素进行定义，合理安排网页页面中的信息，这样不仅简化了设计、开发的流程，也有效地减少了设计人工作人员的工作负担，从而提高了工作人员的工作效率。同时，也使网页中的形式更加丰富，例如：新闻、通知、公告、天气等信息形式，也有效地节省了网页中的空间，给人们使用网页提供了最大程度的方便，也给人们带来了视觉上的冲击。

3.3 DIV+CSS布局技术在网页设计中的链接的应用