页面分析

页面分析（共11篇）

页面分析 篇1

0 引言

在系统运行过程中，若程序所要访问的页面不在内存而需要把他们调入内存，但内存已经没有空闲空间时，为了保证该进程能正常运行，系统必须从内存中调出一页程序或数据送到磁盘的交换区中，这个过程称为页面置换。决定将哪个页面调出，需根据一定的算法来确定，通常，把选择换出页面的算法成为页面置换算法。

置换算法的好坏，将直接影响到系统的性能。当发生缺页中断时，虽然可以随机地选择一个页面置换，但是如果一个被频繁使用的页面被置换出内存，很可能它在很短时间内又要被调入内存，这会带来不必要的开销。一个好的页面置换算法，应具有较低的页面更换频率。从理论上讲，应将那些以后不再会访问的页面置换出，或者把那些在较长时间内不会再访问的页面调出。这对提高系统性能极其重要。

1 常见的页面置换算法

1.1 最优页面置换算法

1.1.1 算法思想介绍

最佳页面置换算法(Optimal Page Replacement Algorithm,OPT)是一种理想情况下的页面置换算法，它在所有页面置换算法中产生的页错误率最低，但实际上该算法是不可能实现的。

该算法的基本思想是：发生缺页时，有些页面在内存中，其中有一页将很快被访问(也就是下一条指令要访问的那一页)，而其他页面则可能要到10、100或者1 000条指令后才会被访问，每个页面都可以用在该页面首次被访问前所要执行的指令数进行标记。

最佳页面置换算法规定：标记最大的页应该被置换。例如，如果某页在800万条指令内不会被使用，另一页在600万条指令内不会被使用，则置换前一个页面。这个算法惟一的一个问题就是它无法实现，因为当缺页发生时，操作系统无法知道各个页面下一次是在什么时候被访问。虽然最佳页面置换算法不可能实现，但是该算法可以用于对可实现算法的性能进行衡量比较。如果一个页面置换算法不是最优的，但是它的性能与最优置换相比相差不大(如仅有2%的性能差距)，那么就可以判定该算法是有实用价值的。

1.1.2 算法分析

从理论上说，当置换一个页面出内存时，被置换出的页面在将来仍然需要被访问，那个时候将发生缺页中断。既然不好的事情(缺页中断)总会发生，计算机也和人一样，希望把不愉快的事情尽可能地向后拖延。一个最好的页面置换算法应该把因为需要调入这个页面而发生的缺页中断推迟到将来，越久越好。因此选择最久之后才会被访问的页面换出内存是理论上最佳的，这也是这个算法被称为最优置换的原因。

1.2 先进先出页面置换算法（FIFO)

1.2.1 算法思想介绍

FIFO算法总是淘汰在内存中停留得最久的那个页面。具体实现方法是由操作系统维护一个所有当前在内存中的页面的链表，最新进入的页面放在表尾，最久进入的页面放在表头。当发生缺页中断时，淘汰表头页面并把新调入的页面加到表尾。FIFO页面置换算法容易理解和实现，但是其性能并不总是很好。

1.2.2 算法分析

FIFO算法仅仅考虑到在内存中滞留了很久的页面的需求性可能比新进入的页面更小。就像在超级市场中，新引进的商品往往比已经库存了很久的商品更容易被购买，因此当新引进商品时，通常淘汰那个库存了最久的商品。

但是这种考虑显然不太准确，谁说新上架的东西一定比库存很久的东西更有用呢?考虑一个页面，它在很早的时候被调入内存，之后被频繁的引用，这个页面很容易被FIFO算法当作没用的页面从而被淘汰。因此纯粹的FIFO算法很容易淘汰重要的页面，实际很少使用。

1.3 第二次机会页面置换算法

1.3.1 算法思想介绍

第二次机会页面置换算法是对FIFO算法的改进。它在FIFO的基础上进行了修改，其性能较FIFO有了很大的提高，避免了把经常使用的页面置换出去。

和FIFO算法一样，操作系统维护一个所有当前在内存中的页面的链表，最新进入的页面放在表尾，最久进入的页面放在表头。当需要置换页面是，检查最老页面的R位，如果它为0，表示它最近未被使用，也就是说，它又老又没用，可以立即置换。如果是1，则把R位置为0，并把该页面放在链表尾端(即把它作为刚装入的页面一样)，然后继续搜索。

1.3.2 算法示例

如图1(a)所示，页面A到页面H按照进入内存的时间先后顺序保存在链表中。页面上的数字是该页面进入内存时的时间。第二次机会算法的一个执行示例过程如下：

(1)在时间20发生了一次缺页中断;

(2)检查最老的页面A，如果A的R位为0，则将它淘汰出内存;

(3)现在页面A的R位为1，则将A放到链表的尾部，并且重新设置页面的进入时间为当前时刻，并置A的R位为0。即让A页面好像是刚刚调入内存一样;

(4)检查当前最老的页面B，重复以上过程。

可以看出在上面的过程中，如果A到H页面都被访问过了，那么在遍历了一次之后，仍然是页面A被淘汰，此算法就变成了纯粹的FIFO算法。

1.3.3 算法分析

该算法的思想是找到一个最近的时钟滴答中从来没有被访问过的页面，而且这个页面是最老的(最先调入内存)，这样综合了两个方面的考虑：

(1)老的页面比新的页面需求量小(FIFO算法的想法)

(2)局部性：最近未被访问的页面今后也可能不被访问

并且算法优先考虑局部性，例如在上面的过程中，如果A～H页面都被访问过了，那么在遍历了一次之后，仍然是最老的页面A被淘汰，此算法就变成了纯粹的FIFO算法。

当选择置换页面时，依然和FIFO一样，选择最早置入内存的页面。但是二次机会法还设置了一个访问状态位。所以还要检查页面的的访问位。如果是0，就淘汰这页;如果访问位是1，就给它第二次机会，并选择下一个FIFO页面。当一个页面得到第二次机会时，它的访问位就清为0，它的到达时间就置为当前时间。如果该页在此期间被访问过，则访问位置为1。这样给了第二次机会的页面将不被淘汰，直至所有其他页面被淘汰过(或者也给了第二次机会)。因此，如果一个页面经常使用，它的R位总保持为1，它就从来不会被淘汰出去。算法的这个特点使它被称为第二次机会算法。

1.4 时钟页面置换算法

时钟页面置换算法是对第二次机会算法的改进，也是现实中最常用的页面置换算法之一。第二次机会算法比较合理，但是效率较低，由于它经常需要在链表中移动页面。因此，时钟页面置换算法改进了链表的组织方式。它将所有页面放置在一个类似钟面的环形链表中，用一个表针指向最老的页面。

当发生缺页中断时，算法首先检查表指针指向的页面，如果它的R位是0就淘汰该页面，并把置换进来的新的页面插入到这个位置，然后把表针前移一个位置。如果R位是1，那么清除R位并把表针前移一个位置。重复这个过程直到找到了一个R位为0的页面为止。

算法的示意图如图2所示。

1.5 最近最少使用页面置换算法（LRU)

1.5.1 算法思想介绍

LRU算法基于这样的原理：在前面几条指令中频繁使用的页面很可能在后面几条指令中被使用。而已经很久没有使用的页面很有可能在未来较长的一段时间内仍然不会被使用。

因此，可以置换未使用时间最长的页面。这个策略就是LRU(最近最少未使用)页面置换算法的核心。显然，LRU算法的主要问题是如何找出最近未被使用时间最长的页面。

1.5.2 LRU算法的实现方法

方式1：硬件有一个64位的计数器C，它在每条指令执行完后自动加1。每个页表项中有一个足够容纳这个计数器值的域。在每次访问内存之后，将当前的C值保存到被访问页面的页表项中。发生缺页中断时，操作系统检查所有页表项中计数器的值，找到一个该值最小的页面，这个页面显然就是最近最少使用的页面。

方式2：在一个有n个页帧的机器中，LRU硬件维持一个初值都为0的n×n位矩阵。当访问到页帧k时，硬件首先把k行的位都置为1，再把第k列的位都置为0。在任何时刻，二进制数值最小的行就是最近最少使用的，第二小的行是下一个最近最少使用的，以此类推。

1.5.3 LRU算法的优缺点

LRU的优点是性能很好，它提供了对最优页面置换算法很好的近似，并且它在理论上可以实现。但是LRU算法的缺点在于它实际上实现很难。因为以上讨论的实现方式都需要硬件的参与，在现实中只有非常少的计算机拥有这种硬件。通常在实践中，人们使用软件方案实现一个LRU的近似算法。最著名的近似LRU算法是最不经常使用页面置换算法(NFU)和老化算法。

1.6 最不经常使用页面置换算法（NFU)

1.6.1 算法思想介绍

最不经常使用页面置换算法(NFU)是一种用软件实现的对LRU粗略的近似。

算法的基本思想是每个页面拥有一个软件计数器，计数器的初始值为0。每次时钟中断时，操作系统扫描内存中的所有页面，将每个页面的R位加到它的计数器上。(R为1则代表在最近的一个时钟周期内页面被访问了，因此页面的该计数器值大致代表了该页面被访问了多少次)。在N个时钟周期内，如果页面有m次R位为1，则表示N个时钟周期内，在m个时钟周期里该页面被访问了，因此这个计数器跟踪了该页面被访问的频繁程度。发生缺页中断时，将置换计数器值最小的页面。

算法蕴含的思想是：统计从程序开始运行到现在为止，每个页面被访问的频繁程度。换页时，选择访问最不频繁的页面换出内存。

1.6.2 NFU算法的问题

NFU算法的问题，用一句话简单概括就是：它从来不忘记任何事情。

例如，可能某页面一开始被频繁使用，其计数器值可能已经高达10 000，但是这个页面在程序运行后期就很少使用了。但是由于前期的频繁访问，它的计数器值已经很高了，因此按NFU算法的原理，它很难被换出，尽管它应该在程序执行的后期被换出才是合理的。

1.7 老化算法

1.7.1 算法思想介绍

老化算法是对NFU的一个修改，实现了对LRU的很好的近似。

对NFU的修改：

在R位被加进之前先将计数器右移1位。

将R位加到计数器最左端的位而不是最右端的位。

发生缺页中断时，将置换计数器值最小的页面。

1.7.2 算法示例

如图3所示，一开始5个页面的计数器值均为0。第0个时钟周期内，各个页面的R位分别为1,0,1,0,1,1，将其加到计数器的最左端得到图3(a)。第1个时钟周期内，各个页面的R位分别为1,1,0,0,1,0，将其加到计数器的最左端得到图3(b)。依此类推，如果图3(e)时发生缺页中断，那么计数器值最小的页面3将被置换。

1.7.3 算法分析

这个算法解决了NFU的问题，如果一个页面前期频繁访问，如值为11111111，但是后期不再被访问，它的计数器值会越来越小，从01111111到00111111到00011111到00001111……;相反，如果一个页面前期不被访问，后期频繁访问，它的计数器值会越来越大，从00000000到10000000到11000000到11100000……。

一个在最近一个时钟周期内被访问的页面获得的计数器增量是最大的(左端加1，相当于给计数器加了10000000)，由于页面最近一次时钟周期被访问了，表示以后可能也要被访问，这个信息的参考价值是最大的，应该提供最大的计数器增量，这是很合理的。而在前一个时钟周期内被访问的页面获得的计数器增量会慢慢变小，由于这个访问记录逐渐成为了历史，可参考价值越变越低，这样设计也是很正常的。这就是蕴含在算法背后的思想。

为什么说老化算法只是LRU的一个近似?下面用一个例子来说明。页面A和页面B的计数器分别为00100000和00101000。它们都是在最近的两个时钟周期内未被访问，但是没有精确的记录。

LRU中是按指令而不是时钟周期记录的，老化算法中只知道它们都是在最近的两个时钟周期内未被访问，但是不知道具体的先后顺序(一个时钟周期有多个指令，A,B总有一个更先被访问)。因此在老化算法中只能看它们计数器值的大小来决定，不是真正的最近最少使用算法，仅仅是它的一个近似。

第二个与LRU的区别是，老化算法的计数器只有有限位数，限制了其对以往页面访问历史的记录。

2 系统颠簸的分析与解决

2.1 系统颠簸的概念

颠簸(Thrashing)(又称抖动)就是指当内存中已无空闲空间而又发生缺页中断时，需要从内存中调出一页程序或数据到磁盘的交换区中，如果算法不适当，刚被换出的页面很快被访问，需重新调入，因此需再选一页调出，而此时被换出的页面很快又要被访问，因而又需将它调入，如此频繁更换页面，以致花费大量的CPU时间，极大地降低系统的效率，我们称这种现象为“颠簸”(或“抖动”)。一般如果每执行几条指令程序就会发生一次缺页中断，那么就可以称这个程序发生了颠簸。

2.2 系统颠簸的产生

2.2.1 局部页面置换算法与全局页面置换算法

页面置换算法可以分为两大类，全局置换和局部置换。全局置换允许一个进程从所有页帧集合中选择一个页帧置换，而不管该帧是否已经分配给其他进程，即一个进程可以从另一个进程中拿到帧。局部置换要求每个进程仅从自己的分配帧中进行选择。局部置换和全局置换的一个示例如下：如图4所示，三个进程A,B,C构成了可运行进程的集合。假设页面置换算法是LRU算法，每个页面的生存时间列在页面的右边。当进程A产生缺页中断时，如果采用全局置换算法，将选择所有页面中生存时间最少的页面B3进行置换。如果采用局部替换算法，将选择分配给A的所有页面中生存时间最少的页面A6进行置换。

2.2.2 因为物理内存不足而产生系统颠簸

采用全局页面置换时容易产生系统颠簸，即使是使用最优页面置换算法的全局页面置换也不例外。因为当某个进程需要更多的页帧时，为了增加该进程的页帧数目，可能直接导致另一进程的页帧数目减少。当整个系统的物理块不能满足所有进程的需要时，缺页率将持续维持于一高水平值，意味着颠簸的产生。其具体表现形式如下：

(1)进程竞争临界资源

考虑这样的情况：系统中已不存在空闲物理块，而进程A却要求增加物理块，于是，中断处理程序只得将原属于进程B的物理块分配给进程A;同样地，进程B又分配到原属于进程C的物理块，如此下去。在一定时候，各缺页进程都将被阻塞，就绪队列为空，颠簸从此形成。

(2)增加多道程序度

当CPU利用率处于低水平时，为提高多道程序度，调度程序要求从后备输入队列选择进程加载到内存。图5可清楚地说明这种情形下颠簸的形成原因。首先，随着多道程序度的增加，CPU利用率随之增加而达到一个理论极值。但在极值点右边，再增加多道程序度，因为进程事实上只能从已加载的进程处获得页帧，从而使得更多的进程因缺页而阻塞，随着更多的进程执行内外存的I/O操作，CPU利用率反而更低;为提高CPU利用率，调度程序又要求调入新进程.如此形成恶性循环，系统诸进程都将缺页，颠簸形成。

2.2.3 因为页面置换算法而产生颠簸

基于局部性原理，几乎所有的页面置换算法总是试图从当前正在引用的页面去”预测”将要引用的页面，据此产生淘汰页和置换页。大多数情形下，这种预测的命中率可以很高。但对于特定的程序(如有大量的跳转语句的程序)，命中率将很低，其结果很可能是所选择的淘汰页却是即将要引用的页;而从磁盘置换到内存的页面在最近很长时间却不会被引用。不得已，继续进行页面置换，反反复复，颠簸形成。当然，不应用局部性原理的页面置换算法在大多数的情形下都有可能产生颠簸。

2.3 系统颠簸的解决

解决系统颠簸主要有3个方式：好的页面替换算法;减少运行的进程数;增大内存。

这里主要分析如何使用好的页面替换算法尽量避免颠簸的发生。

(1)局部置换

采用局部置换算法，当某个进程产生缺页中断时，只允许从本进程分配的页帧中选择置换页面，而不能从其他进程处拿到帧，就不会使其他进程也发生颠簸，可将颠簸框定在一个特定的、较小的范围内。

当然，这种方法并不理想。全局置换提供了更好的性能，这与局部分配本身是矛盾的。另外，它并不能从根本上防止颠簸，只能局限其范围。如果某个进程处于颠簸状态，则其将长期处于阻塞队列，不断地进行内外存交换，又必然会影响其他进程进行缺页处理。

(2)动态调整页面置换算法

页面置换算法与实际应用相关，对于大多数的进程，与置换算法同时吻合了局部性原理，从而缺页率低。而其余少数进程因与局部性原理相背，而使”预测”失效，其缺页率偏高可能引发颠簸。

因此，我们可以在一个系统中预备2种以上不同的选择淘汰页和置换页策略的置换算法，并定义一个缺页率的临界值，在缺页处理程序中设置一个判断，当缺页率大于临界值时改用另一种页面置换算法。

(3)跟踪缺页率

根据局部性原理，绝大多数时候，进程是从一个局部区域转移到另一个局部区域执行。所以，必须有足够的页帧供使用，以减少缺页，避免颠簸。到底应为每个进程分配多少页帧呢，实际上，它是系统拥有总的页帧数目与当前系统实际应用相关的一个经验值。这从缺页率与所分配的页帧数关系曲线得到证实。(如图6所示)在拐点附近，每增加(减少)进程的页帧数目都能显著地改变缺页率。

而一定时间以后，即使再增加页帧，缺页率变化也不明显。拐点左边缺页率非常高的区域就是本来的颠簸，拐点就是理想的页帧数目。据此，可对系统中的进程定义其缺页率的上限和下限阀值，此区间内的页帧数是进程拥有的相对合理的页帧数，缺页率高于上限时说明其分配到的页帧太少应当追加;而当缺页率低于下限时说明该进程所拥有的页帧数太多，可收回一部分。

3 算法间的关系

在页面置换的过程中，选择好的页面置换算法是提高系统整体性能的关键。本文分析了常见的7种页面置换算法的原理和思想，并对一些算法给出了实例。

另外作者对各个算法的本质提出了个人的见解，从为什么会有这样的算法?算法解决了什么问题?算法的优点和问题是什么?算法和其他算法之间的联系是什么?等多个方面剖析了页面置换算法的方方面面。

图7小结了各个页面置换算法之间的关系。

4 结语

作者简介：潘亮铭男，1992年出生，湖北人。研究方向为操作系统。汪梦泽女，1992年出生，辽宁人。研究方向为操作系统。系统颠簸也是内存管理中的一个重要问题，本文详细分析了系统颠簸产生的原因并阐述了如何使用好的页面置换算法尽量避免颠簸的产生。

参考文献

[1][荷]TANENBAUM A S.现代操作系统[M].陈向群^,马洪兵^,译.北京^:机械工业出版社^,2009.

[2]张尧学,史美林,张高.计算机操作系统教程[M].北京:清华大学出版社,2006.

[3]GALVIN P B,GAGNE G.操作系统概念[M].郑扣根,译.北京:高等教育出版社,2011.

[4][美]BRYANT R E,O’HALLARON D R.深入理解计算机系统[M].龚奕利,雷迎春,译.北京:机械工业出版社,2010.

[5]严蔚敏,吴伟民.数据结构(C语言版)[M].北京:清华大学出版社,1997.

[6]NULL L,LOBUR J.计算机组成与体系结构[M].北京:机械工业出版社,2004.

[7]李芳,徐丽,陈亮亮.LRU近似算法的研究[J].现代电子技术,2009,32(3):36-38.

[8]王凌飞,王保保.Java虚拟机内存管理分析[J].现代电子技术,2007,30(5):172-174.

[9]刘小军,李秀娟.嵌入式操作系统VxWorks的内存管理技术研究[J].电子科技,2008(6):62-65.

[10]刘东栋.一种VxWorks内存管理方案[J].电子科技,2007(2):63-65.

页面分析 篇2

分析网站：京东商城 域名：/ 分析目标：首页的各个模块布局

分析目的：总结出页面优缺点，提出个人的改进方案

分析整体：

主体颜色以白色背景，红色作为点缀 主打的口号：有机、天然、高品质 页面W: 1180px

Head 顶部是注册、配送地区、会员账户信息

下面是通栏广告

承接的下面的是以左中右三部分，左边Logo，中间搜索有默认搜索和推荐的商品信息

右边是做会员广告入口

在第一屏最后是以主导航、Ad和最新资讯组成

其中主导航是分为左侧+通栏；Ad是分上下主次布局，主Ad分为七个展现，次Ad分为轮播三个展现；右侧资讯分上下两部分，其中下面是单商品及价格

/head 小总结：能看出商家非常会利用网页有限空间分众多小模块去划分并填充模块，可能是设计输出问题也可能是布局安排高度原因，文字过多会造成一定的视觉疲劳感众多集中表现后小块亮点较少指引性一般。

Body 分两大部分 第一部分，是同一种模块两个层级

第一层级以左右两部分左边是选项卡切换4个区域超值抢购、本季热卖、本周推荐、新品上市，右边是选项卡分三个商品单品可直接进入详情页。承接下面的也是同一个模块左右两部分，左边是限时抢购，右边是热门商品Ad。

第二层是通栏Ad

第二部分是同一模块分五个层级 其中每个层级分为左右两部分组成，左边上边是排行榜，下边是单个商品的Ad

右边上边是该层级选项卡Nav下边为各个商品展示及价格

/body Foot 底部分为两部分

第一部分分为左中右三个区域

左边区域是食谱推荐，中间区域是用户评价展示，右边是二维码

第二部分上下两层

第一层是食品安全、新手教程、配送方式、支付方式、售后服务和帮助信息；给用户一个网站指引性的Nav

第二层是Ad展现公司实力

/foot

页面性能影响电商业务 篇3

在本次“行业现状”调查报告中，Radware对美国500家领先的零售网站（这些网站由知名分析公司Alexa排名）的性能和页面构成进行了为期两周的测试与追踪，以便能够充分了解这些领先的电商网站的真实性能。同时，该报告也想进一步了解这些网站如何满足在正常浏览条件下使用Internet的访客的需求，并提供不同访问策略和有效的优化措施，使得网站运营者可以大幅提升网站性能。

此次“行业现状：2013年秋季电商网站页面速度与Web性能”调查研究的结果包括以下主要内容：

1.Web页面日益变大，页面加载呈现出越来越慢的下降趋势。页面首次访问的平均加载时间为8.56s，与三个月前（2013年夏季）7.48s的加载时间平均数相比，整整下降了14%。

2.页面可以进行交互操作所需的平均时间为5.3s。相较于2013年夏季在经过4.9s（面即可以进行交互时间（TTI）的平均数，网站性能下降了8%。而在理想情况下，页面应在3s或更短的时间之后即可进行交互操作。

3.三种常见的设计方法令人失望。多数网站在设计和展示功能内容时至少会犯以下三种错误中的一个：最后加载特征横幅、将动作调用按钮置于特征横幅的底部或是根本没有设置动作调用按钮。

4.即使是领先的网站，也存在对最佳优化技术的使用前后不一致的情况。在参加测试的前100家电商网站中，有些优化技术被过度使用，而有些优化技术则基本上被忽视。

5.浏览器厂商无法满足页面加载需求。针对三大主流浏览器，Web性能都呈现出下滑趋势。当前的动态网页内容越来越多，也更加复杂，为满足这些动态页面的加载需求，浏览器厂商面临着更加严峻的挑战。

TTI即页面显示主要交互内容（例如带有动作调用按钮的特征横幅）的时间。自2013年夏季以来，网站性能已下降8%。在接受测试的前100家电商网站中，只有18%的网站TTI为3s或是更少，而26%的网站TTI则为8s或是更长。

Web性能专家Tammy Everts表示：“在刚刚过去的几年，网页速度受到越来越多的重视，这不仅是一种技术发展的趋势，也是一个热点业务问题。当前许多研究都发现，加载时间与业务转化率和收入增加等关键性能指标之间有着非常重要的关系。网站运营者应该了解到，优化Web性能比简单地加快页面推送更加重要：我们要了解用户在进行页面浏览时需要哪些内容，然后对页面进行调整以确保关键内容可以优先加载。忽略核心最佳页面优化技术的网站运营者也错失了相对容易实现的性能提升的机会。”

Box

DCN“业务定义网络”

11月5日，DCN（神州数码网络有限公司）在其“业务定义网络FOR YOU暨云数据中心系列产品发布会”上，针对这一现象，同时也基于对大数据时代网络需求的理解和实践，提出“业务定义网络”概念，倡导创新从客户需求出发，提供客户最适合的产品，在行业内首次将客户需求提升到品牌层次。

DCN CTO向阳朝在会上表示，从业务的角度看，DCN一直的愿景就是“让网络应用普遍成功”，也就是说，我们需要的理想网络是“智慧安全的网络”，即业务可感知、业务有保障，并且可演进、可扩展、易部署、易管理。因此，DCN从品牌理念、产品和服务三个维度阐释了“业务定义网络”的概念，即要为客户提供最适合、最智慧、最贴心的解决方案和服务，为客户创造价值。

目前，市场上有很多高精尖的网络设备产品，但对大多数客户来说，大而全的产品往往并不是最适合他们的，且给企业带来了不必要的成本浪费。DCN在“业务定义网络”理念的指导下，将行业客户进一步细分，为其制定最适合的解决方案，认为“最适合”的才是最好的。在强调“适合”的同时，DCN同样重视产品的智能化设计，致力于用“最智慧”的产品提高管理者和使用者的工作效率。“最贴心”更多是指DCN的服务，在售前、售中和售后为客户提供全方位服务，让产品注入更多人性化的因素。

“数据经济”变革

11月8日，IBM以“创存储之先，领数据经济”为主题，掀起智慧存储“数据经济”新变革。针对数据密集型业务，以及需要快速上线的社交、移动等业务和企业核心应用等三大典型企业应用场景解读数据的价值，并提供基于“智慧存储”的创新技术和策略，旨在帮助拥有不同需求的企业客户把握数据经济价值，推动业务变革。

不同类型的数据有不同的经济价值，不同类型的应用对底层存储架构有着不同的需求，要最大化获取数据价值，企业必须基于具体的业务场景有针对性地选择存储方案作为数据支撑。因此，IBM针对三大典型业务应用场景，即数据密集型业务、社交移动等需要快速启动的业务，以及核心应用进行了深入的分析，并提供相应的存储解决方案。

IBM拥有业内最完整的存储产品线，包括存储虚拟化产品Storwize家族、高端存储DS8000、网格存储XIV、云存储和大数据存储方案，并领先于友商率先推出全闪存阵列。全面的“智慧存储”产品线能够满足客户在不同场景下的需求。最重要的是， IBM作为全球最大的企业级IT供应商，能够凭借完整的软硬件产品线和服务为客户提供最为全面的IT规划，全方位帮助客户获得数据价值，把握数据经济。

网购网站中宝贝描述页面设计分析 篇4

网上商城的商户可以通过网络开店节约店面、柜台、人力等成本, 但也面临着新的困难, 比如网络销售覆盖面窄, 不像实体店铺可以用高档华丽的环境衬托商品, 无法让消费者更加具体真实地观看和了解商品等。

宝贝描述页面可谓是消费者了解商品各个方面信息的主要平台, 所以该页面设计的成败直接影响着消费者对商品的档次、属性及品质的认可度, 对销售起着至关重要的作用。如果想要把宝贝描述页面设计好, 需要从以下几个方面入手[1]。

一、提供消费者关注的信息

购物是从需求开始的, 消费者首先有购物需求和需求标准, 然后再到网上寻找符合自己预想标准的商品。所以首先要了解消费者都会关注商品的哪些信息。经统计, 想要了解商品的详细功能和用途的消费者占67%, 想要判断是否适合自己的消费者占61%, 想要了解商品的规格型号等信息的消费者占58%, 想要看商品各个角度清晰照片的消费者占31%。根据这些调查数据可知, 在宝贝描述页面中, 这四方面信息必须提供。

依据上述统计数据, 可以对宝贝描述页面的主体内容做如下规划:

1. 将消费者都定位为非专业人士进行产品介绍。这样做的优势是可以使消费者了解产品最基本的信息, 满足大多数消费群体的需要。

2. 突出产品的价值点, 即卖点。

现在多数商铺生怕遗漏消费者想要了解的信息, 经常把各种信息全部堆砌在页面上, 导致重点不突出, 卖点被淹没在大量的信息之中。所以首先要将产品的卖点突出, 才能吸引消费者继续关注产品的其他信息。

3. 着重用页面前三屏的内容吸引顾客。

由于商品信息量较大, 消费者在每个页面停留的时间一般在10秒之内, 宝贝描述页面的前三屏是否有足够的吸引力留住消费者的视线极为重要。

4. 与其他产品对比, 突出本产品的优势。通过优势对比, 可以坚定消费者购买本产品的决心, 使其放弃购买其他同类产品。

5. 添加产品清晰的、多角度的实物照片。弥补网购无法看到实物的缺陷, 通过展示清晰的细节, 让消费者全面了解产品。

二、避免混乱的色彩搭配

色彩是营造情感氛围的最重要元素, 色彩搭配是否合理, 决定了其是否能给消费者良好的第一印象, 从而使其乐于进一步了解商品细节。很多店铺的卖家为了使自己的宝贝描述页面看上去不那么单调, 往往喜欢使用多种颜色来进行搭配, 例如图1中某页面的设计, 文字红色、蓝色、紫色和黑色随意使用, 而且都是纯度很高的色彩, 导致页面看起来十分混乱, 条理和主次不清。消费者看到如此杂乱的页面, 一般都没有耐心仔细阅读, 从而忽略其重要的信息, 甚至会直接关掉页面去寻找其他店铺的同类商品[2]。

因此, 色彩的搭配至关重要, 在宝贝描述页面中, 可以使用两种方法对色彩进行运用。

1. 使用单色或者同类色搭配。

如图2的某电钻宝贝描述页面, 从底色到文字及图片, 全部都是蓝色系。单色或同类色搭配的设计色调统一大方, 页面宁静而富有层次感, 可以使消费者专注于产品的信息, 并会继续向下阅读。

2. 使用多色搭配。

多色搭配是较有难度的搭配方法, 使颜色多而不乱是其难点。如图3为某护肤品的宝贝描述页面, 为了体现产品的纯天然属性, 页面中采用了许多花卉等植物的图片进行烘托, 有红、黄、橙、绿等颜色, 如果搭配不当, 就会出现与图1类似的混乱效果。如果想让页面色彩多而又协调统一, 可以采用两种方法:一种是降低色彩饱和度, 减弱不同色彩的对比冲突;一种是缩小大部分色调的面积, 以某一种色调的面积为主体。图3中的设计就采用了第二种方法, 使绿色调在页面中占主体, 其他的色彩所占比例都很小, 页面虽色彩多, 但依旧风格统一, 活泼美观[3]。

三、简化页面信息

许多卖家为了能够让买家阅读到自己店铺更多的信息, 往往在单个宝贝描述页面中堆砌大量广告信息和类似的冗余信息。如图4为某食品的宝贝描述页面, 当消费者点开该宝贝描述页, 准备详细了解一下该产品信息时, 看到的却是店铺里其他商品的广告, 并占据了大面积的空间。当消费者把这些广告阅读完毕之后, 对自己原本想要了解的那种商品的印象已经模糊了。这样的广告链接通常会造成两种后果, 一是消费者又被其他商品信息吸引, 点入了其他商品的页面, 最后打开了一大批原本自己不想购买的东西而页面, 很长时间后, 才会想起“原来我想买的不是这些”;二是花了很长时间看完了这些广告内容, 很艰难地才找到自己想要了解的产品信息, 内心已经积攒了许多不满, 势必影响对该商品的购买决心。

由此可见, 宝贝描述页面的内容不是越多越好, 而是越重点突出、越精炼越好。把无关的其他商品广告删除, 把本商品不那么重要的信息, 如产品的历史背景, 曾经得到过多少好评等等信息删除, 就可以让消费者更快地找到自己想要了解的信息, 更快地决定是否购买。那么, 如果商品本身的信息量就很大, 又该如何对页面进行设计排布呢?

1. 先使用产品意境图。

如图5.1为某手链的宝贝描述页面的第一画面, 为烘托手链的禅意, 设计者采用圆形花纹和竖排文字营造出典雅古朴的意境, 又采用仿古书卷的亮暖灰色调, 衬托出手链的怀旧感, 营造出宁静的意境[4]。

2. 展示产品使用状态。

销售服装, 就一定要把服装穿在模特身上展示;销售床上用品, 也一定要把它在床上铺开以完整展示其效果, 如果只是展示产品照片, 则很难达到打动消费者的目的。如图5.2, 商家将手链戴在手模的手上进行展示, 手模的手富于美感的姿态, 细长的指形, 衬托出手链雅致的风格, 再配以详细的文字描述与注释, 无疑更加能够打动消费者。

3. 简化产品信息。产品的信息一般包含参数、型号、产地、材质、用途等, 但有些信息是消费者迫切想要了解的, 有些是在买到商品之后, 使用中才可能会用到的, 还有些是很多消费者毫不关心的。所以应该把消费者最关心的信息放置在页面中, 其他信息可以通过产品参数页面详尽告知。如图5.3, 产品信息内容简洁明了, 使用短小精悍的语言对产品进行了准确的描述, 起到了很好的信息传达作用。

四、图片的美化处理

网络购物的最大缺陷是消费者无法看到商品实物, 只能通过照片和文字描述对产品进行了解。这样的形式对商家来说有利有弊, 利处是可以对图片进行美化处理, 使图片上的产品比实物显得更加美观, 更吸引消费者;缺点是照片没有实物直观, 如果照片没有经过专业的拍摄和处理, 往往会使消费者感到失望。如图6展示了某食品的宝贝描述页面中的产品图片, 通过这张照片, 消费者只能看到歪歪扭扭的标签, 俗气的瓶贴设计, 鼓鼓囊囊的塑料封, 还有暗黑色的食物。作为食品, 这样的照片显然无法令消费者产生食欲, 除了之前曾经购买过的老顾客, 其他的消费者则可能会放弃购买。

产品的照片要真实, 但是也需要进行美化。只有将产品的优点更加鲜明地展示给消费者, 才能使产品更富有感染力。可以用以下几种方法对产品图片进行美化:

1. 修正照片的透视变形。

拍摄产品照片时, 镜头过近或过远都会造成照片中的产品产生些许的透视变形, 后期处理的时候要将这样的透视变形进行修正, 否则照片会失真。

2. 去掉杂乱背景。如果照片不是在白色背景或纯色背景下拍摄的, 就要去掉原有的杂乱背景 (拍摄时专门搭配的背景除外) 。

3. 图片尺寸不宜过大或过小。

如图6, 要以一屏可以容纳一张至四张产品图片为宜。如果图片过大, 一屏不能看到一张完整的产品图片, 则会妨碍消费者对产品进行整体观察;如果图片过小, 消费者则无法看到产品细节。

4. 对产品质感进行表现。

如图7, 玻璃器皿展示时要突出玻璃的晶莹剔透, 金属产品展示时要表现出金属的光泽感, 纺织品展示时要表现出其柔软感和温暖感。

5. 对图片进行色调处理。

当把产品图片放置在合成背景中时, 如图6和7图, 要将图片的色调进行调整处理, 从而与背景效果更好地融合在一起, 使产品既能与背景浑然一体, 又能从中突出, 得到足够的关注度。

五、用设计烘托产品风格

设计是为产品服务的, 风格设计是宝贝描述页面设计中最难的一项。风格设计不仅要贴切真实地表现出商品的品质、档次和价值, 还要将视觉美感、图形创意以及视觉冲击力进行完美融合, 才能够使页面吸引力达到甚至超出消费者的心理期待, 才能在最大程度上完成对产品的推介。

目前, 在网上有许多宝贝描述的模板, 这些模板大都千篇一律, 缺乏特色和风格。如图8, 某服装的宝贝描述页面设计, 便是套用了模板, 这样的模板也有设计元素的体现, 比如中英文文字的搭配, 线框的装饰以及色块的铺垫等, 但是和该产品的风格对比起来, 没有表现出产品的任何特色, 反而拉低了产品的档次[5]。

用设计来烘托产品风格, 需要从以下几个方面着手:

1. 使用彰显产品档次的背景。

产品的档次和品质感影响着消费者对该商品的认可度。设计风格要符合或略高于产品档次, 可以利用背景来彰显产品的档次感。如图9某皮包的宝贝描述页面, 为了体现产品的设计源于法国, 采用了巴黎卢浮宫作为商品背景, 增加了商品的时尚感和艺术气息。

2. 选用合适的模特展示产品使用状态。

模特的选择也非常重要, 模特的年龄、气质要与产品品位相吻合。如图9中, 选用的是欧美模特, 模特的服装时尚新潮, 与皮包的风格相一致。图10中的跑鞋模特, 选用阳光而富有朝气的青年男子, 体现出了跑鞋的青春活力感。

3. 用意向图衬托产品的特色。

意向图的设计较为有难度, 需要设计师用创意抽象地表现产品特色。如图10, 为了体现跑鞋的舒服环保, 适于户外活动, 设计师采用树枝拼成“四月踏青季”的造型, 使跑鞋的特色更加突出。

4. 版面分割主次分明, 层次清晰。

宝贝描述页面通常会有一张以上的图片, 这些图片的排布方式也影响着版面的效果。通常可以采用图片大中小搭配的原则, 即页面中大图、中图和小图并存, 但在数量上, 大图较少, 中图居中, 小图最多, 以此使页面效果产生主次对比, 使层次更加清晰。

六、结语

综上所述, 如果想要将产品的宝贝描述页面设计得更加出色, 使其从同类产品中脱颖而出, 就需要店主和设计师在平凡中创造特色, 在同中找差异, 只有设计更加富有魅力和吸引力, 才能克服网络销售消费者无法看到实物的弱势, 将弱势转化为优势, 达到促进销售、留住消费者的目的。

参考文献

[1]余露露.网上商城的网站风格设计[J].包装工程, 2013, (14) :17-21.

[2]武彦如.网店“宝贝描述”页面设计改进策略[J].包装工程, 2012, (14) :36-39.

[3]赵广庆.网上消费存在的问题和对策[J].合作经济与科技, 2012, (16) :89-90.

[4]刘锦绣.电子商务的实现网上购物系统的分析与研究[J].中国电子商务, 2012, (11) :3.

微博页面提示账号异常等 篇5

在单位上微博的时候，突然就打不开页面了，然后弹出提示说“账户存在异常，需要手机验证”。但是我始终没有其他异常的操作，也没有浏览过其他网站，这是怎么回事儿呢？

出现账号异常并不一定是你自己做出了什么异常的操作，也有可能是你所在的网络环境违反了新浪微博的安全规则导致账号异常；另外也有可能是系统检测到你的账号有被盗风险，所以需要手机验证以提升账号安全性。在出现该提示页面后，只需跟着提示一步一步完成操作即可。首先输入账号绑定的手机号码，然后发送验证码进行验证，在输入正确的验证码后即可验证成功（如图）。

新申请QQ克隆好友方法

最近申请了一个新的QQ号，然后就开始添加以前QQ的好友。但是一个一个地添加实在是太慢了，有没有什么更快的办法呢？

在申请QQ号码成功后，获得的QQ号码下面会有一个克隆好友的页面入口，点击进入“打开好友列表/选择要添加的好友（可点击选择全组）/发送请求/完成”。不过如果申请QQ号码成功后的页面关闭了，就无法再找回这个页面克隆好友的入口。如果还想使用该功能的话，那就只有再申请一个QQ号了。

网易邮箱中心收取邮件被跳过

今天在收网易邮箱中心的邮件时，页面上方提示说“收取完成！共收到21封邮件，3封邮件被跳过”。请问下邮件被跳过是什么意思？

这种情况主要有以下原因：1.如果你在收取设置中，设置了收取的时间范围，那么在时间范围外的邮件将会提示被跳过；2.收取邮件的时候发生错误，收取其他邮箱邮件时因网络或对方服务器问题使得邮件收取失败；3.收取到的邮件附件超出50M（目前网易邮箱暂不支持超过50M的附件，不过云附件除外）；4.多个邮箱间循环代收，如果两个或多个邮箱间互相设置了代收，也会收到提示邮件被跳过；5.代收的邮件中发件人地址被列入黑名单，这些邮件也会被跳过不收取。

出现绿屏怎么办

在优酷看视频的时候，偶尔会出现绿屏。这时如果刷新一下也可以恢复正常，但是过会儿又会出现。请问有什么解决的办法？

在播放器中点击右键，选择菜单中的“设置”，在设置中取消勾选“启用硬件加速”选项，点击右下角关闭，并刷新页面即可。

安装爱酷后出现系统异常

为了在优酷下载视频，我安装了爱酷客户端。结果后来就频繁地出现系统异常和断网等现象，这该怎么办呢？

首先确认你的爱酷是否为官网最新版本，建议你在官网下载并更新最新版本。下载地址：http://c.youku.com/iku。另外迅雷早期版本可能与爱酷存在冲突导致出现异常，建议你核查当前安装的迅雷版本并更新至官方7.2.2.3188版本或之后的版本即可。

傲游3浏览器无法打开部分网页

使用傲游3时，平时常用的网站偶尔会出现无法播放视频、页面错乱或功能无法正常使用等情况。这是傲游本身的缺陷还是因为我的设置不当呢？

多媒体页面色彩设计的探讨与分析 篇6

1 色彩的心理感应

色彩的心理感应是光线对人视觉作用的结果, 色彩本身没啥“感情”。然而, 在我们的生活中色彩留给人们的刺激却无时不在, 对人的心理、情感的影响无法避免。不同的色彩对人有不同的心理暗示, 比如冷暖, 大小, 轻重, 远近, 明暗, 强弱, 胀缩等。

1.1 前进色与后退色

大量事实证明, 生活中不同的色相给人的视觉感是不同的, 有的颜色看起来向上凸出, 有的颜色看起来向下凹陷, 其中显得凸出的颜色被称为前进色, 而显得凹陷的颜色被称为后退色。前进色如红色、橙色和黄色等, 为高彩度的暖色;而后退色包括蓝色和蓝紫色等, 为低彩度的冷色。

前进色和后退色的色彩效果在众多领域广泛应用。例如, 广告牌就大多使用红色、橙色和黄色前进色, 这是因为这些颜色不仅醒目, 而且有凸出的效果, 从远处就能看到。比如, 在同一个地方立两块广告牌, 一块为红色, 一块为蓝色。从远处看红色的那块要显得近一些, 而蓝色则显得远。在多媒体设计中也是如此, 正确使用前进色以突出主题效果, 把需要强调的重点部分用红色或者黄色的大字显示, 会产生一种吸引眼球的效果, 对提升课堂教学效果有着积极的意义。

1.2 色彩的冷暖感

不同的色性对人的心理和生理反应不同, 并与人们的年龄、性别、经历、民族及所处环境有关。因此, 色彩冷暖的设计应当充分考虑不同色性的表现规律, 依据教学内容、对象的不同, 正确选用色彩, 使色彩更好地适应观者, 满足其心理需求。

色彩的冷暖是色相的差别对比产生的。有红、橙、黄倾向的颜色为暖色, 易于联想到太阳、火焰等, 产生温暖之感, 常用于欢庆及政治类题材的多媒体页面用色, 比如:感动中国十大人物评选网页, 中国共产党党史多媒体教材等;而青、蓝有冷色倾向, 容易使人联想倒天空、大海等, 有清凉之感, 易用于环保, 科技项目的企划等多媒体的用色。

1.3 色彩的轻重与距离感

色彩的距离与轻重感由彩色的明度所产生。通常情况下颜色的明度越高其色彩感觉越轻, 白色最轻;色相的明度越低, 色彩感觉重, 黑色最重。明度相同时, 纯度高者色彩感轻。对色彩的认识, 成年人对彩明度、纯度低的色彩比较喜欢, 给人成熟理性之感;而青年人更喜欢色彩的明度、纯度比较高的颜色, 有轻快活泼之感。

人们在生活中发现, 在同一个页面上的不同色彩, 有的显得突出, 有的显得隐退。这种突出与隐退感由明度和色相来决定, 通常是暖色近, 冷色远;明色近, 暗色远;纯色近, 灰色远;鲜明色近, 模糊色远;对比强烈的色近, 对比微弱的色远。强烈、清晰的暖色利于突出主题:模糊、灰暗的冷色可衬托主题。

1.4 色彩的绚丽与质朴感

纯度和明度较高的亮色, 如大红、橙黄、米黄等都具有较强的绚丽感, 而纯度和明度较低的沉着色, 如天蓝、墨绿等却显得素雅质朴。设计中采用那种色彩风格应依据内容而定, 比如文艺晚会、庆功会等, 用色的纯度、明度要高, 给人绚丽之感;科技成果项目的展示则以蓝、绿、灰为宜。同时色相的多少也会产生不同的效果, 色相多显得绚丽华美, 色相少显得质朴素雅。色彩的配置技巧运用得好, 不但使多媒体页面更具魅力, 主题的典型特征更为突出, 而且对扩大和促进多媒体的使用效果将产生积极的影响。

2 色彩的对比关系

在十二色相环中, 两个相互对顶的色彩叫对比色, 其色相、明度差异很大, 这种强烈的对比, 能够让人产生鲜明、强烈的对比感觉。大量的实践证明, 只有恰到好处的色彩对比关系, 才能更加彰显色彩的表现力, 才能使多媒体页面有华而不浮、艳而不俗、协调和谐的美感。

2.1 色相对比

色相对比是两种或多种色彩并置时, 因色相不同而造成的色彩偏移现象, 是设计用色上两种性质不同的颜色同时巧妙地出现在同一界面中而产生的视角效果。比如, 深红色底图衬托浅黄色文字, 深蓝色底图衬托白色文字或在咖啡色的色块中使用淡黄或白色的图案线条, 表现出明快、简洁、温和、素雅等视觉效果。因此, 好的色相对比关系, 既有鲜明的视觉效果, 又利于强化主题的表现。

2.2 明度对比

明度对比是指色彩明暗程度不同而形成的对比, 包括同色相和不同色相的明度对比。明度对比可给人一种明快感, 对比越强烈, 视觉效果越明显, 相反, 对比越弱, 视觉效果越模糊。因此, 色彩设计应围绕教学内容主题的不同, 进行反复比较, 精心配置。通常情况下明度的对比运用, 往往是主色的深色与少量的浅色进行调和搭配, 反过来, 也有主色浅色与局部深色进行搭配。这样, 才会使画面呈现温馨、和煦、热情的氛围和宁静、清凉、高雅的感觉, 给人以美感, 愉悦人们的心情。

2.3 纯度对比

纯度对比是指不同纯度色彩之间的对比。页面构成中, 各种色彩纯度上的高与低、强与弱的差别, 不仅强化了视觉效果更利于主题思想的呈现。因此, 在设计色彩的过程中, 如果不用心把握色彩间纯度的对比关系, 也就无法设计出令人赞叹的多媒体页面。为什么文艺类常采用一些高纯度色调风格, 因为高纯度色彩比较鲜艳夺目, 让人心情愉快, 并具有活泼、强列的特点;一般哲学、理工类多媒体用色喜欢采用低纯度色调, 因为低纯度色调含有一定灰色成分, 能给人以平稳、含蓄的感觉, 并具有条理、秩序、深奥等特点。

2.4 冷暖对比

冷暖对比是指不同色彩之间的冷暖差别, 色彩的冷暖是相对的, 是由对比产生的。有时冷色系的颜色在画面比较中成为暖调, 而暖色系中的颜色在比较中又变成了冷色调。因此, 色彩的冷暖倾向是相互对比产生的。如黄色与绿色、橙色与蓝色等, 好的色彩冷暖对比关系, 是产生理想设计的必要条件, 用好冷暖对比可使视觉更加舒适, 页面更加和谐。在冷暖的应用上应控制好度的把握, 既不要太强也不易太弱, 太强画面显得刺眼, 太弱画面又失去层次感, 不利于主题思想的展现。色彩在冷暖对比时同样也是一种衬托的关系, 对比中冷色更冷, 暖色更暖。

3 色彩中的调和关系

色彩调和是指两个和两个以上的色彩, 有秩序、协调和谐地组织在一起, 能使人心情愉快、欢喜、满足等, 在自然界中万物的色彩总是以调和的方式呈现在我们的眼前, 有色彩就有调和, 正是这种调和让我们了解到色彩和色彩本身的特性, 关注色彩的调和是多媒体设计色彩配置的基本要求。

3.1 色彩调和的原理

色彩调和是为满足视觉生理的需求, 以适应理想的色彩效果为依据, 控制好色彩的秩序与量的关系。一般情况下, 调和的色彩有变化但不求强烈, 统一但不是单调, 整体中有统一, 局部中保持对比。很多色彩学者对“调和”概念提出了许多独到而精辟的见解:有的认为“调和是对比的反面, 与对比相辅相成”;有的认为“调和”就是“近似”, “调和就是秩序”;还有的说“调和感觉是视觉生理最能适应的感觉, 是视觉生理的平衡”;更有人明确地指出“调和与对比都是构成色彩美感的要素, 调和是抑制过分对比的手段”。凡此种种, 都说明“调和”是色彩组合完美的形式语言。

色彩的调和与对比是相辅相成的, 往往是同时存在, 弱对比时则为强调合, 强对比时则为弱调和。在处理色彩强对比或色彩刺激太强很难达到调和效果时, 则必须在某一方面做一些“调配”处理, 使其在对比中产生调和, 在调和中又不乏拥有对比关系。其基本的原则可归纳为, 调和中有对比。

3.2 色彩的近似调和

色彩的近似调和, 是指色彩配置的多样、变化与统一效果。使处在不同环境下的色彩产生一种秩序达到和谐稳定的视觉感受。色彩调和可以说是艺术设计者不倦的追求。它强调色彩要素中的一致性关系, 追求色彩关系的统一感, 表现为统一调和与近似调和两种形式。

统一调和由于各色均为统一色相, 只有明度和纯度上的差别, 所以各色的搭配给人以简洁、爽快、单纯的美;同明度调和由于同一水平面上的各色只有色相、纯度的差别、明度相同, 能取得含蓄、丰富、高雅的调和效果;同纯度调和分为同色相同纯度的调和与不同色彩同纯度的调和, 前者只呈现明度差, 后者既表现明度差又表现色相差, 均能取得审美价值很高的调和效果。

近似调和, 色相、明度、纯度三要素中, 某种要素近似, 变化其他要素而得到的调和。近似就是双方色彩接近、相似, 在色彩搭配中, 选择性质或程度很接近的色彩组合以增强色彩调和的方法称为近似调和。近似调和主要包括明度近似调和、色相近似调和、纯度近似调和、明度与色相近似调和、明度与纯度近似调和、色相与纯度近似调和, 以及明度、色相、纯度均为近似调和。

3.3 色彩的对比调和

色彩的对比调和是指色彩变化而组成的和谐关系。在对比调和中, 色相、明度、纯度三要素都处于对比状态, 因此色彩更富于活泼、生动、鲜明的效果。在实际应用中, 由于对比本身具有排斥性, 因此最好避免同样程度、同样面积的对比。如能将某色相的明度升高或降低, 纯度造成一强一弱, 使用面积一大一小, 形成虚实、宾主关系为宜。对比色的调和原理, 蕴含着相对立的两原色的并置技巧, 因此, 运用恰当会产生明亮、辉煌、华丽的效果。反之会相互排斥, 会使画面格格不入而显得俗气。

3.4 色彩的补色调和

补色在色环中处于180度的对立位置, 是对比非常强的颜色, 彼此相互排斥, 属于极端不安定的配色。单独存在的补色会产生残像或色晕, 两色并立, 相互强化, 在进行补色配置时应注意如何减低彼此争艳的牵制情形, 区分宾主、虚实、强弱。强调一色为主, 加强主色的强势, 将另一色以弱色之态作为补色, 产生美丽而又和谐的感觉。如果补色调和处理得当, 有华丽而甜美之感, 如果处理得不当则相互排斥, 缺乏主题和重心。

3.5 色彩的面积调和

面积调和是指各种色在画面构成中所占面积大小的比例关系而引起相应的明度、色相、纯度、冷暖等方面的对比。色彩所占面积的大小给人心理的作用也是不一样的, 不同的色彩, 由于受明度、纯度的影响, 也可造成不同的面积感受, 在同等色度的条件下, 面积的大小与视觉的刺激度成正比, 面积越大刺激度越强, 反之越弱。俗话说“万绿丛中一点红”, 这里的红色, 正是面积上的对比与调和优势;俗语中还有一句“鹤立鸡群”, 说的既在面积上, 还在形状上的特异。因此, 面积对比中还应该对形态关系进行调节。

4 色彩设计的常见问题

从现有众多的多媒体播放效果看, 对色彩的设计并非个个理想, 存在不少的问题。尤其在内容与色彩的一致性, 色彩对人心理影响的理解, 准确用色传达教学信息等方面表现得比较明显;其次对色彩的配置缺乏应有的表现力, 无法集中和吸引学生的注意力。综上所述, 这些问题的出现与色彩运用不当有很大关系。

4.1 页面的色彩设计缺乏整体的艺术构思

从色彩效果上分析, 缺少整体的色彩感觉, 主要表现在色彩基调不突出, 随意性较强, 色相过多显得杂乱无章。用色的最佳境界, 并非色相越多越好, 设计中对色彩的配置既要考虑色彩的明度与冷暖, 又要考虑色彩的对比与和谐, 为此, 我们应对色彩的基本理论认真研究, 强化色彩的独立表意功能, 实现色彩设计与教学内容的完美统一。

4.2 层次混乱主体不突出

教学内容的呈现达不到良好的视觉效果, 强化色彩的对比是解决这一问题的重要手段。明度对比、色相对比和纯度对比是最基本、最重要的对比形式, 在实践中很少有单一对比形式出现, 绝大部分是以明度、色相、纯度综合对比的形态出现。

4.3 页面色彩之间缺少呼应

呼应就是相同或相似的色彩相互照应, 有呼应才有完美。有效解决色彩的呼应问题, 对表现形象、烘托气氛、反映对象方面, 具有独特的作用。多媒体设计中, 应根据表象的内容, 对色彩进行创造性的组合, 使得多媒体课件产生一种和谐的气氛和情绪, 从而吸引学习者的注意力。

4.4 色彩知识的匮乏

由于多数老师对色彩的认知较少, 色彩设计有很多配置上的错误, 比如, 色彩的对比、平衡、虚实等。只要我们坚持不断向他人学习, 在实践中总结经验, 不怕失败, 充分调动自己的创新意识, 多观看、多研究、多总结, 一定能在理论与实践中求得发展, 为搞好现代教育和提高教学效果作出自己努力。

5 结束语

色彩设计是一个综合性的完善过程, 一个重要环节。通过色彩设计扩展思维, 发挥想象力, 不仅是设计的过程, 又是一个创造和创新的过程。是依靠教学主体, 主动安排和正确把握页面布局的思维过程, 这一过程充分体现了教师独特的个人艺术修养, 也是教师信息技术与教材内容有效整合的能力体现。在进行多媒体色彩设计过程中, 必须树立现代设计理念, 加强页面的色彩布局及设计语言的个性化创造, 不断建立和完善属于自己个性化的视觉语言, 形成个性鲜明的多媒体页面的色彩表现风格。

参考文献

[1]习跃良, 赵一恒, 李鸿明.设计色彩[M].中国电力出版社, 2009 (01) .

[2]网页设计中的色彩要素:http://wenku.it168.com/d_000444739.shtml, 2013-06-19.

[3]浅谈网页设计中的色彩理论:http://wenku.it168.com/d_000785868.shtml, 2012-06-11.

页面分析 篇7

一、页面信息的采集和处理应遵循的原则

互联网页面信息的采集和处理技术从其应用原理来看, 主要指的是利用相关程序自动的、定期的到用户所设定的各个信息源中去获得需要的特定类型的最新信息资源。从这方面来看, 它所应用的特点就是对于信息的获取较为主动和灵活, 那么它在工作时需要遵循的几个原则如下所讲:

首先, 安全性原则。需要把系统和信息的安全保密作为技术应用的基础, 并配合以网络隔离技术, 在前端服务器和后端服务器之间提供一个严明的安全保密措施, 进而起到对整个处理系统的强化和加固作用[1]。

其次, 实用性原则。采用的信息采集和处理技术还需要以最终用户为中心, 技术应用的操作较为简单方便, 基本业务流程科学合理, 做到真正的符合最终用户的实际需要。

第三, 针对性原则。依据用户对信息的真实需求, 把握用户对信息浏览的特点和规律, 进而有重点、有针对地得到利用价值较高的信息资源。

第四, 预见性原则。所谓的预见性原则就是一方面要立足于现实需求, 另一方面也要尽可能地获取对未来发展有指导作用的预测性信息。

二、页面信息的采集目标和方法

首先, 定向采集和定题采集。定向采集就是在计划范围内, 对于某一学科、国别以及特定信息可能全面和系统的采集;而定题采集则是依据用户所指定范围内或需求进行针对性采集。

其次, 单向采集和多向采集。单向采集是指根据用户的信息需求特点, 仅仅以一条渠道, 向一个信息源进行收集, 它的目的性较强;而多向采集是根据特殊用户的特殊性要求, 以多种渠道和方式进行信息采集。

第三, 主动性采集和跟踪性采集。所谓的主动采集就是按照需求或者是采集人员的事前预测, 发挥主观能动性, 确保在用户要求提出之前开始采集工作;而跟踪采集则是对相关信息资源实行一个动态性的监测和跟踪[2]。

三、信息采集和处理的主要技术形式

3.1基于web的信息采集。这种采集方式主要是指目标为从一些种子URL进一步扩充到整个web的信息采集。它主要是作为门户站点搜索引擎和大型web服务提供商的数据采集部分, 由于它的采集范围和数量较大, 会对采集的速度和储存空间有很高的要求。但是, 这类web信息采集构建的搜索引擎, 适于搜索较为广泛的话题, 而且搜索的相关性也很强, 因此, 它在实际应用中占有重要地位。应用需求较强。

3.2主题式web信息采集。这种采集形式是指有选择性的搜寻那些和预先设定好的主题以及相关页面的采集器, 这里的主体设置可以是关键词, 也可以是样本文件[3]。相对于整个web的采集器相比来说, 它最为不同的就是需要对提取出来的URL添加一个主题相关性判断, 当前最为常用的相似性判断方法是向量模型VSM, 也就是把主题和待比较的URL转化为向量后再通过余弦夹角公式来计算出它的相似度, 它的主题一般是用若干个样本文件来刻画的, URL则是采用包含有URL的液面、URL前后的信息以及URL自身的信息三项内容来较为准确的预测出此URL所代表的网页页面内容。

四、总结

互联网的兴起, 改变了人们的生产和生活方式, 人们从互联网可以获取自己所需的信息和资源。对于互联网页面信息的采集和处理技术得到广泛应用, 但是它的应用还需要有一个专业化的信息采集器和系统做支撑, 在采集器的辅助下, 可以根据用户的需求为用户提供所需的信息资源, 实现对网络信息的正确分类和处理。

参考文献

[1]颜琳.网络信息采集与处理系统设计与实现[D].中国科学院大学, 2013.

[2]徐春凤, 王艳春, 翟宏宇等.全自动网页信息采集系统[J].长春理工大学学报 (自然科学版) , 2015 (2) :151-154.

页面分析 篇8

关键词：多媒体课件,制作,构图要素,美感

目前以计算机为中心的现代教育技术正广泛应用于各类教学, 作为现代教育技术精华的多媒体课件在教学中也扮演着越来越重要的角色。随着多媒体课件的使用, 人们已经逐步认识到一个好的界面对课件传递教学信息的重要性和必要性。具有视觉美感、亲切友好的界面, 可以创造一种愉悦的学习氛围, 调动起学习者的感情因素, 使学习者在良好的心境下接受知识, 这样就有利于学习者对知识的理解和掌握。事实上多媒体课件页面的质量主要体现在向学习者呈现教学信息的一个个页面上, 而页面的质量在很大程度上取决于页面构图各要素, 这些要素具体就是指页面上的文字、按钮、图形图像、动画视频等, 由此我们可以看出页面构图的各要素对整个课件质量的重要性。除此之外, 要得到一个好的页面构图, 仅仅考虑到构成页面的各要素的具体情况是不够的, 我们还要考虑到页面各要素之间在页面构图中的相互关系, 这对页面的整体表达效果也有着非常重要的作用。

下面我们从四个方面分析页面构图的要素。

一、页面上应有的文字

任何多媒体课件的页面都包含文字, 没有文字的页面无法说明要讲的内容。既然文字对于多媒体课件的页面十分重要, 那么对于文字的处理就是重中之重了。

文字包含着大量的教学内容, 它有字型、字号、颜色、下划线、阴影、字符间距等诸多限制, 这些限制因素也同时影响文字信息呈现的效果, 从而影响教学内容。在对文字的设置上, 我们应以视觉的舒适、美观、易读为标准。如遇到需强调的内容, 我们可将其加重或加下划线, 这样能起到引起重视的效果。如教学内容需进行区别, 我们可将内容用两种颜色显示, 增加其区别度。

在教学内容呈现时, 一般我们可采取逐层次显示的方式, 还可配音乐、动画等, 从而吸引学习者的注意力。

二、页面中的按扭

按钮一般出现在页面的固定位置, 方便使用者点击。点击按钮可以产生很多动作, 常见的如翻页、跳转、答题选择等, 是多媒体课件制作中不可缺少的一部分。按钮的使用可以方便学习者, 主要有如下几种类型。

1.答题按钮。

由于多媒体课件给学习者提供许多练习的机会, 会给出一些与所学内容相关的测试题, 这就要求学习者进行选择。每个按钮都对应着一定的界面, 会对学习者所作选择给出反馈, 提高教学质量。

2.控制按钮。

此类按钮主要是对页面进行控制, 常见的有“首页”、“上一页”、“下一页”、“退出”等, 这些按钮的使用会给学习者带来方便。

3.热区按钮。

热区按钮一般都没有明显的标志, 只有当学习者将光标移到热区里时光标才会发生变化。一个图片、几个文字都可以是热区按钮。如在课件中出现一个“门”, 用鼠标点击就可退出此课件, 那么这个门就是一个热区按钮。热区按钮一般在页面中都很明显。

三、图形、图像的存在

在多媒体课件的页面中图形、图像占有很大的比重, 也是在整个页面构图中的重要组成部分。图形、图像看起来较直观, 能很好地传达教学内容, 然而任何事物都有双面性, 如果其使用不当的话, 就会影响教学效果。因而在运用图形图像时, 我们要考虑以下几个因素。

1.图形、图像的清晰度。

图形图像要传达教学内容, 因而对其清晰度要求较高。不清晰的图形图像会引起学习者的视觉疲劳, 不能很好地表示教学信息, 易使学习者产生厌学心理。

2.图形图像的呈现大小与呈现时间。

呈现页面及表达需求共同控制着图形、图像呈现的大小。而呈现时间最好是由学习者自己控制, 每个人的学习程度不一, 故学习进度不同, 自己控制能很好地掌握教学进度, 从而更好地学习。

3.图形、图像的色彩。

色彩是产生美感的直接因素, 因而色彩的搭配要和谐、均衡。由于图形、图像总在页面这个大背景中, 因此, 要考虑前景色与背景色的搭配问题。

四、页面中使用动画、视频

由于技术的发展, 人们越来越多地在多媒体课件中使用动画、视频, 借助它们更好、更有效地呈现教学内容。如对一些操作性的知识的传送和实验的呈现, 使用视频、动画的形式更适宜一些。由于视频、动画呈现的都是一些运动的物体, 因而更易于吸引学生注意, 可以充分调动学生的主动性、积极性。但是在课件中我们不可过多地使用视频、动画, 只要能清晰呈现教学内容就好, 否则就会使学生的关注点产生转移。

页面的构图除了要注意以上的四条外, 在具体的设计中还需注意一些小的问题, 实践多了才能做出好的页面构图。

页面构图涉及很多方面, 要将其合理组合, 因而在实际的页面制作过程中我们要遵循许多原则, 如各要素的综合原则、统一原则、平衡原则等。任何原则都是针对页面上的各要素的, 只有将页画上的各种元素之间的关系进行统一处理, 合理搭配, 使之构成和谐统一的整体, 才能较好地呈现教学内容。

多媒体课件区别于传统教学手段虽显著的特点, 就是能把文字、图像、声音、动画和视频信息等众多媒体集于一体, 向学习者提供一个丰富多彩的、生动友好的、交互式的学习页面, 因此页面的设计就成为课件制作过程中一个重要环节。学校从事课件的制作者, 一定要对这个问题以充分的重视, 这样才能提高学校自制课件的质量和水平, 使多媒体课件在教学中的应用更为广泛。

参考文献

[1]Ben Shneiderman.Designing the User Tntcrface.Addi-son——Welsey Publishing Compang.

[2]冯学斌, 万勇.认知规律对CAI信息处理启示.电化教育研究2000, 9.

[3]张际平, 张琴蛛.计算机与教育.电子工业出版杜.

页面分析 篇9

苹果公司在2015年9月发布的i Pad Pro是i Pad系列的转型之作, 苹果CEO蒂姆库克将其称之为“i Pad诞生以来最大的革新”。苹果公司的产品一直都是以出众的设计理念和对细节的专注而广为人知, 对其广告也是煞费苦心, 每一个宣传页和每一条广告都是智慧的凝结。根据韦氏词典对于广告的定义:C. to call public attention to especially by emphasizing desirable qualities so as to arouse a desire to buy or patronize (吸引大众的目光, 特别是通过强调产品的质量, 来激发消费者的购买或是支持行为) , 可见广告作为一种特殊的文本其交际的目的性较强。鉴于i Pad Pro广告的原本为英文, 对产品的宣传和影响力也仅仅局限于母语为英语国家的消费者, 为此笔者以纽马克的交际翻译理论为切入点, 通过比较苹果公司大陆和香港官网i Pad Pro产品宣传页面, 来讨论两种中文译文对中国消费者产生的影响。

二、 Peter Newmark的交际翻译理论和i Pad Pro产品介绍的文本特征

1 . 交际翻译理论核心内容。英国著名的翻译家Peter Newmark在1981 年提出了交际翻译的理论 (attempting to produce on its reader an effect as closely as possible to that obtained by the readers of the original) 。交际翻译理论提倡把读者的感受放在首位, 重视译文带给读者的反应, 尽可能的让译文对目的语读者产生的效果和源语言对源语读者产生的效果一致。

2. i Pad Pro产品介绍的文本特征。通过浏览i Pad Pro的产品介绍页面, 笔者发现不同部分都暗示着不同的交际意图。苹果官网在给消费者呈现出此款产品的介绍的同时, 更多的是给消费者提供了一种唤起购买欲的商业广告。其产品的宣传语对用户体验描述表现的可谓是淋漓尽致, 能让读者如同身临其境般的感受其产品的独具匠心之处。对于广告翻译实践来说, 我们需要注意到的是译文带给目的语读者的感受。所以在选择翻译理论指导的时候, 恰好符合纽马克所提出的交际翻译理论强调信息的传递以及读者的感受。

三、 大陆和香港苹果官网译文的对比分析

例1. Unlike anything before it, iPad Pro is a far bigger experience.

大陆官网:iPad Pro绝不只是把显示屏变大了那么简单, 它更是带来了一种恢弘壮观的体验。

香港官网:iPad Pro, 开创更宽广的体验, 前所未有, 无可比拟。

Bigger一词一语双关, 不仅说明了iPad Pro配置的显示屏要比历代iPad大之外, 还暗示了消费者能够通过使用大屏的iPad Pro获得更大的视角效果, 更好的用户体验。香港译文中四字格的使用是一个亮点, 尽管“前所未有, 无可比拟”在源语言中未曾体现, 可原文的介绍给消费者透露出苹果公司竭尽各方面的所能, 将iPad Pro推上了一个新的高度这一深层次的含义, 恰好照应到了广告文案的原本意图, 并且读起来朗朗上口, 强劲有力。尽管大陆译文在意义上没有偏差, 但是译文显得冗长, 而且感染力不如香港官网的译文强烈。

例2. A sight to be held.

大陆官网:握在手上的恢弘视野。

香港官网:把壮观握在手上。

该句广告词基于对i Pad Pro配置的大尺寸显示屏的描述。参考原文, 大陆和香港官网的译文均体现出了大屏幕这一特点, 分别使用了“恢弘”和“壮观”。不同的是香港官网的“把壮观握在手上”显得有点像翻译腔, 而且让人摸不着头脑, 而且原文中的“sight” 这一单词没有译出。结合原文的含义, 大陆给出的译文体现出i Pad Pro的大屏带来的恢弘大视角, 通过人们在手中的操控又可以将这些壮观的景色收入眼底之意, 恰好符合原文给源语言读者带来的感受。

例3.An elegant form that’s exceptionally strong.

大陆官网:格外坚固, 兼顾优雅。

香港官网:外形固然优雅, 也格外坚固。

原文从说明即使是在尺寸增加了的前提下, 使用铝金属unibody技术一体成形的i Pad Pro仍然是轻薄和坚固的完美结合。由此可见, 苹果主要想表现i Pad Pro的主要特征是坚固, 除去坚固之外还兼顾着优雅的外观。大陆官网译文先将其主要特征翻译出, 再说到优雅的外观, 并且使用了四字格, 使得广告语从视觉和听觉上来看都非常的工整。而香港官网给出的译文从形式上看却不如大陆译文那样自然, 内容上则先说外形优雅, 再说其坚固, 和原文强调的重点内容不一样。

例4. That speed, paired with the sheer size of the display, makes it easier than ever to lose yourself in your favorite movies and games.

大陆官网:有了这样宽大的显示屏, 配上这样流畅的运行速度, 那些你喜爱的游戏与电影, 将比以往更加扣人心弦。

香港官网:惊人的速度加上阔大的显示器, 让你更加没办法抗拒, 沉醉于你最爱的电影和游戏中。

虽然原文中没有在speed前面加上形容词, 但是大陆和香港官网给出的译文都分别增加了“流畅的”和“惊人的”两个形容词, 给消费者传递出原文中暗含的i Pad Pro运行速度之快这一特征。如此之快的运行速度加上宽大的显示屏使得消费者在i Pad Pro上看电影亦或是玩游戏都更加的投入其中。香港官网给出的译文将原文中的 “makes it easier than ever”单独译成一个短句“让你更加没办法抗拒”, “lose yourself in your favorite movies and games”则译成“沉醉于你最爱的电影和游戏中”, “没办法抗拒”和“沉醉于…中”带给消费者的心理暗示是谁都不能抗拒i Pad Pro带来不同凡响的用户体验, 用过之后必将沉醉其中, 是对消费者购买行为的最有效的说服力。而大陆官网译文的“扣人心弦”则是从电影和游戏层面上来说明, 并不是从消费者的角度上来说明, 所以说服力不及香港官网给出的译文。

四、 结语

广告作为一种特殊的具有号召性质的语言, 其成败就是在于广告的内容是否能够打动并影响到消费者。大陆和香港官网的关于i Pad Pro宣传页面的翻译可谓是各有所长, 也各有不足之处。作为译者必须准确无误的把握源语所包含的信息以及带给读者的影响, 这样翻译出来的译文才是符合目的语读者的理解需要的出彩译文。

摘要：苹果公司在2015年9月发布的iPad Pro被其CEO蒂姆库克称之为iPad诞生以来最大的革新, 发布后中国大陆和香港官网都提供了其中文的产品宣传页面。本文从交际翻译理论的角度对大陆和香港官网提供的广告宣传译文进行批评与赏析, 旨在分析其产品广告对中国消费者产生的影响。

关键词：交际翻译,iPad Pro,广告,对比

参考文献

[1]Peter Newmark.Approaches to Translation[M].上海外语教育出版社, 2001.

[2]Peter Newmark.A Textbook of Translation[M].上海外语教育出版社, 2001.

[3]王伦峰.论i Phone 6产品页面的汉译——以交际翻译为视角[J].无线互联科技.2015 (05) .

[4]沈掌荣.谈谈英语广告的翻译[J].重庆工学院学报.2006 (01) .

[5]杨东英, 何轶男, 韩占东.纽马克的翻译理论下的广告英语的翻译策略[J].海外英语.2014 (14) .

浅谈网页页面设计艺术 篇10

随着网络的迅速发展,一股学习网页制作的热潮涌起。但是,笔者发现,其中大多数人虽然熟练掌握了网页技术,但做出来的网页并没有体现网页的水平。笔者认为,在进行网页设计构思时,大胆创新,不拘一格,才能设计出优秀的网页。

一、学会审美

众所周知,制作网页不仅仅是把各种东西拼凑起来放到网上,能看就行,而要考虑如何使受众能更多的和更有效率地接收网页上的信息,从而给他们留下很好的印象,进一步促进网站的运作。这需要从审美角度入手,结合使用方便的要求,制作出清晰、整体性好的页面,使人浏览起来心情愉快,接收信息也会更加容易。同时,需要提升网站的形象。运用一些平面设计中美的基本形式到网页中去,使网页更加富有美感。例如,将平面设计中的节奏、韵律和骨骼的形式融入到网页中,这样会使内容繁多的页面更加有条理,也会使人浏览起来主次分明。当然,这种美首先建立在页面的内容充实、实用的基础之上。一个内容空洞无物的网页,即使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西,是不会具有生命力的。要想将页面做得更漂亮,就要求制作者不仅具备较好的审美素质,同时要有丰富的平面设计经验。这样才能在设计时驾轻就熟。所以,培养个人的审美修养,是最重要的。

二、创新性地变化页面中的字体

网页中的字体、字号、行距和文字颜色可作适当地变化,以求最美的视觉效果。需要突出的地方可以用不同的字体、字号和不同的颜色表示。字体最好采用系统自带的字体,因为字体的显示效果是由浏览者的浏览器来决定的,许多漂亮的文字,浏览器可能并不支持;可以把文字做成图片的方式来处理,不过这种方法不适宜在大段的文字上使用。一般来说,浅色背景下的深色文字为佳,这个要点要求尽量不要把文字的规格设得过小或过大。文字太小,浏览者读起来,视觉上会有不舒服的感觉;文字太大或者文字视觉效果变化频繁,同样也会使浏览者看起来不舒服。另外,最好让文本左对齐,而非采用居中的形式。按照中文阅读习惯,文本大都居左。当然,标题一般应该居中,这符合读者的阅读习惯。基于以上要求做出来的网页,比较容易阅读和理解。

三、注重页面的视听元素

网页设计只拥有传统文字的媒体已经不具备优势,所以需要增添一些视听的元素。这里所说的视听元素,主要包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。例如,主页上最好有醒目的图像和图标、新颖的画面、美观的字款,使其别具特色,令人过目不忘。技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。所以,多媒体技术的运用,大大丰富了网页艺术设计的表现力。

四、形式与内容要统一

网页形式与内容要统一,必须将丰富的意义和多样的形式组织成统一的页面结构。形式语言必须符合页面的内容,体现内容的丰富含义。例如,网页上所有的图像、文字,包括图像背景颜色、区分线、字体、标题、注脚等等,要统一风格,贯穿全站。这样,读者看起来才会舒服、顺畅,会对网站留下一个“专业”的印象。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指其主题、形象、题材等要素的总和;形式就是其结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。

当然,为了保持浏览者对网站的新鲜感,还要定期或不定期地对网页进行改版。这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页页面设计作品。

谈网页页面设计技巧 篇11

一、布局设计

网页中的布局是整个网页制作中最开始的步骤,也是最为关键的一步。网页中的布局决定网页的整体效果,合理的布局可以完美、清晰地组织网页中的文字、图形,给人以紧凑、整洁、美观的感觉。

在本例中,我们首先使用Photoshop设置网页页面的效果图,接着再切图并使用DIV+CSS语言将其做成HTML形式。接下来我们详细说明使用DIV+CSS语言的布局方法。

1、网页页面的每个区域,如页头区、主体区、法律和版权声明等,我们都插入相应的DIV元素,然后,用CSS控制DIV使网页居中显示。在本例中,我们将分为bn,main,cr三个DIV。

2、对于页面中所有的DIV元素,利用CSS控制DIV的位置,我们可以将页面中的DIV视为一个个块状元素。在此应用了“盒模型”的工作原理,“盒模型”是CSS的基础,“盒模型”理论认为:页面上的每个元素都被看做—个矩形,这个矩形由内容、填充(padding)、边框(border)、和边距(margin)构成。对于每部分的间距,以及文字、图片空隙的调整,我们用“盒模型”的工作原理来调整。在网页默认的情况下,元素由上到下依次叠放,当这样的叠放顺序不能满足布局的需要时,就要使用“float(浮动)”属性来改变元素的叠放顺序。元素应用了“float(浮动)”属性,它周围的元素就会靠近、包围元素,这样的影响在有的布局中是多余的,这时,可以用“clear(清除)”属性来阻止这种浮动对后面元素的影响。再复杂的布局也是重复利用这样的技术,大到网页每—部分的叠放,小到文字、图片的排版。

3、在DIV中添加各种网页元素,把文字、图片、动画安排到合适的位置,再把每部分合理地叠放到网页中,这样就完成了网页的布局。

二、主要设计部分

在VS.NET开发环境中,新建index.htm,并创建css文件,命名为main.css,将样式表写在一个独立的文件中。

在index.htm中写入用来声明将会把Internet Explorer 6及以后版本切换到标准兼容模式。

在

中加入

,这表示index.htm可以链接到main.css文件中,可以调用其中的内容。

在index.htm的

中插入如下代码:

对main.css文件的主要设计代码如下:

三、在main的DIV中的各个DIV中插入相应的内容

在导航的DIV中插入相应的内容

图文混搭之后的效果图如下所示:

在这里,我们只给出“最新公告”和“实训实验室”这两块内容。我们还可以在左边的DIV中加入“管理制度”“实训基地”“技能鉴定”三个DIV,在右边的DIV中加入“资料下载”“实训与实习”“高新技术考试”三个DIV。

四、上传测试

本文中的网页已通过测试运行并发布到WEB服务器上测试。上传后运行正常;并在不同分辨率下都能够正常显示。

五、结束语

本文运用了DIV+CSS技术设计的网页使用方便,兼容性好。但是DIV+CSS布局的网页由于需要兼容各种浏览器,也有其不足的地方,主要表现在开发技术高,开发时间长,开发成本高。

参考文献

[1](美)Kynn Bartle.CSS入门经典[M].北京:人民邮电出版社,2007.

[2](加)Zoe Mickley Gillenwate.灵活Web设计[专著][M].北京:机械工业出版社,2009.

[3]郑宁宁.浅析DIV+CSS网页设计技术[J].山东省农业管理干部学院学报,2008.