网页设计问题汇总.docx

网页设计问题汇总网页设计准备：创建图像版式图像版式是静态图像，它不会移动，可受用户控制，是灵活的Web页面。它们将与最终创建的页面的在外观上十分相近。然而，在创建版式的过程中还要执行很多操作步骤，以使其更接近最终的页面，并且在对版式进行切片时更容易将它转换成最终页面。设置画布尺寸当为固定宽度的设计创建版式时，很容易确定所需画布的尺寸。只要决定最终的固定页面的宽度，并且为画布设置同样的尽寸即可（或者可能将它设置得更大一些，如果对超出的空白区域也进行了设计，即使用户使用超出固定宽度的尺寸，同样也可以显示设计图案）。当创建灵活设计时，以像素为单位的页面宽度将因用户而异，那你会为画布选择什么宽度呢？我想你有3种选择：a.选择你认为的最小的设计宽度。b.选择你认为的最大的设计宽度。c.选择你认为的大多数用户都会采用的中等尺寸。每种选择都有它的优缺点。1匹配最小的宽度在创建版式之前，应该决定设计的最小宽度（或你想让用户看到的最重要部分的最小宽度）。于是，你可以将这个最小宽度或与之按近的宽度作为画布的宽度。这可以让你确保所有一切都非常适合这个小尺寸。同时还可以让你避免犯因疏忽而让图像过大以至于不匹配最小宽度的错误。然而，设计成最小宽度也会有问题，这主要是因为最终的设计效果在得到延展后，一切看起来是那么的松散、稀疏。你不妨想象一下这个设计被拉宽后的效果，这样一来，你便可以根据一个更宽的宽度范围来更改设计了。2.匹配最大的宽度除了最小的宽度外，你也许还要在设计里包含最大的宽度要么是你想要展现的壮丽的场景，要么是那些超出你意料之外的浏览者所期望的。如果你在设计中使用最大的宽度来设定画布的尺寸，就可以避免设计在较大的显示尺寸下显得过于松散、稀疏的问题，并确保文字的长度不会变得太长而难以阅读。在切分设计版面前，你说不定还可以省却修改版面的功夫了见后续内容，通常，创建小于最终页面的版面意味着在切分版面时必须延展版面，因此切片需要与所需页面相同大小。然而，以一个大的宽度设计可能会不经意地增添了设计的难度它比设计小尺寸的空间要难一些。你也许会过度地放大图像或者在设计中填入过多的“素材”（功能框、图像、工具条），这样一来，当页面以较小的宽度显示时，页面看起来会非常拥挤并且很难阅读。3.选择一个折衷的办法除了使用最小和最大的宽度，你还可以选择位于这两种宽度尺寸之间的值用做画布尺寸。看看哪种尺寸可能为大多数浏览者所使用，并将该尺寸用做设计尺寸。你可以将设计优化为大多数人想看的那种。使用折衷的画布尺寸可以帮助你避开那两种缺点。但是如果你不仔细的话，它也可以让你的设计更受两种缺点的影响。例如，你应该让设计的宽度跨越600像素到1200像素，并且创建一个宽度为900像素的设计。非常有可能，你会创建一个四不像的设计：图像对于600像素的最小宽度来说不合适太大，页面元素和文本对于1200像素的最大宽度来说太稀疏，很不容易阅读。尽管就很多方面而言，这个设计都非常了不起，但是它始终有一个缺陷：在两个极端的宽度尺寸（而非一个）都存在问题。然而，当你采用位于它们中间的尺寸浏览时，这些问题的严重性又将得到不同程度的缓解。对于大多数设计而言，中间宽度可能足最好的-一在整个设计过程中，要谨慎小心并且持续不断地考虑以其他可能的宽度显示的情形。始终要牢记的一点是，最终创建的Web页面不是一个静态的页面，它将是一个灵活的页面。网页设计中的图形（图像）文件格式1、GIF格式GIF，全称图形交换格式，GraphicalInterchangeFormat的缩写，是由CompuServe公司开发的图形图像格式，主要用于互联网上的图形图像交流。GIF图形图像格式是一种无损压缩的图形图像格式，对于颜色画面简单的图形图像，有非常高的压缩率。使用该格式减少图形图像文件尺寸时，不会丢失原始图形图像的任何信息。而且，这种压缩算法比较简单，解压缩的速度很快，很适合在网页上显示。因此，GIF格式在网页中得到了广泛的应用。GIF的优点还有：支持透明(Transparency)和交错(lnterlaced)模式，支持GIF89aJ画格式等。透明模式，是一种图形图像的透明部分能够透出背景色的模式，这种模式可以去掉图形图像比较生硬的矩形边框，使图形图像更好地融合到网页页面中。交错模式，是指将图形图像装载到浏览器窗口的显示方式。一个普通的图形图像是从上到下逐行显示的，在显示完毕之前，浏览者无法了解图形图像的全貌。而设置了交错模式的GIF图形图像则是隔行显示的，使浏览者不必等待图形图像全部传输完，就可以看到图形图像的大致轮廓。对于简单的Web动画来说，GIF89a动画是最容易掌握的技术。GIF89a动画包含一系列的帧，每一帧就是一幅图形图像。此外，还包含一些播放动画的参数，如延迟时间、循环顺序等。浏览器从动画文件中读取各帧图形图像，然后根据播放参数在浏览器窗口循环显示，形成动画效果。GIF89a动画的使用大大增加了页面的趣味性。GIF格式的缺点是，最多只能使用256种颜色，这使它不能用于存储高质量的图形图像文件。2、JPEG格式JPEG，是联合图形图像专家小组JointPhotographicExpertGroup的缩写。JPEG格式的图形图像采用了一种失真的压缩算法，这种压缩丢失了部分图形图像信息，同时也获得了较高的压缩比。因此，压缩比例越大，图形图像质量越差。这种算法的优点是，由于它考虑了人的视觉特性，因此只要图形图像的压缩比例适合，一般不会使人感到压缩前后的差异。JPEG支持24bit真彩适用于具有丰富细节的高质量图形图像。与GIF格式相比，它也有类似于交错显示的渐进式显示，但不支持透明颜色。另外，JPEG的压缩算法比较复杂，因此，图形图像解压缩显示的时间也相应较长。3、PIN格式PNG，英文全称PortableNetworkGraphics，是可携式网络图形图像的缩写。这个格式的图形图像已经得到IE和NETSCAPE两大浏览器的支持，目前在许多欧美网站已经开始采用PNG图形图像。这种格式的图形图像兼有GIF和JPEG的色彩模式。PNG不仅能储存256色以下的“IndexColor”图形图像，还能储存24位真彩图形图像，甚至能最高可储存至48位超强色彩的图形图像。如果图形图像是以文字、形状及线条为主，PNG会用类似GIF的压缩方法来获得较好的压缩率，而且不破坏原始图形图像的任何细节。而对于照片类图形图像的压缩，PNG则采用类似JPEG的压缩算法，不同的是图形图像压缩后能保持与压缩前图形图像质量一样，没有一点失真。另外，PNG也采取了类似于GIF格式的交错显示模式，使图形图像得以渐里在屏幕上。PNG的优势还体现在对透明图形图像的处理上。JPEG格式无法实现图形图像透明；而采用GIF格武透明图形图像则略显刻板，因为GIF透明图形图像只有1与0的透明信息，只有透明或不透明两种选择，缺少层次。PNG则提供了“Q”频段0至255的透明信息，可以使图形图像的透明区域出现深度不同的层次。而且，PNG图形图像可以让图形图像完美的覆盖在任何背景上，改善了GIF透明图形图像描边不佳的问题。对GIF图形图像而言，系统不同画面显示的效果也不一样，PNG则避免了这一缺点。在Macintosh上制作IYJPNG图形图像，放在Windows上显示时图形图像不会失真；反之亦然。文字资料（如作者、出处）、储存蒙板(MASK)、伽玛值、色彩校正码等信息，均可掺杂在PNG图形图像中一起传输。制约PNG图形图像不能更广泛应用的主要因素是，它无法制作出动画效果。PNG图形图像格式开发人员已经意识到这一点，基于PNG图形图像开发出了新的图形图像格式，即PNG的动画实现格式-MNG。4、MNG格式MNG，英文全称Multiple-ImageNetworkGraphics，是多重影像网络图形图像的缩写，是对PNG图形图像格式的完善。PaintShopPro等绘图软件的最新版本已开始支持MNG，相信不久的将来MNG同样也能获得浏览器的支持。如图3-71和图3-72所示。与GIF89a动画相比，MNG有以下优点：MNG采用以对象为基础的动画。动画采用对象的移动、复制、粘贴来实现，从而减少了动画文件的天于。MNG对于复杂的动画采用了嵌套循环方式。MNG使用了比GIF更优化的压缩方式：MNG能够集合以PNG和JPEG为基础的图形图像。lvfNG支持透明的JPEG格式。色彩在各个领域中的表现力不同的领域有不同的色彩表现，根据其行业特色也各有特征。1综合门户型网站这类网站没有特定的受众群体，访问量是众多网站中最高的。网页在色彩设计上要求直观、简洁，以便用户咋最短的时间内连接到需要的栏目。如新浪网站的首页，用黄色为主色调明亮大方，图片和文字的用色有条理，保证了视线的流畅性。2娱乐休闲类网站进人这类网站的浏览者是为了放松心情、寻求娱乐的，这类网站注重美观，一般会用具有强烈刺激性的色彩来体现个性。3商业经济类网站这类网站是商家宣传自己的门户，它的浏览者是从事商业活动的雇主、员工和上网购物、搜寻商业信息的客户。网页在色彩设计上要求统一协调、有秩序感。对页面上的标识、主色调选取应采用企业标准色，一方面利于树立企业形象、传达服务理念，另一方面给人深刻印象、易于识别。4人文艺术类网站该类网站旨在向大众传播文化、艺术，透着浓郁的文化气息，故在色彩设计上主色调多选用淡雅、朴素的色彩，显出典雅的文化氛围。5.政府机构类网站此类网站代表了各地政府机关的网上形象，在色彩设计上主色调可选用明度和饱和度较高的蓝、绿色，力求显示政府机构在人民心目中严谨大气、庄重肃穆的形象。6体育休闲类网站体育休闲类网站的对象是众多的体育爱好者，这些人中又以青年人居多，故该类网站的主色调多偏重于活泼、前卫的色调。7新闻媒体类网站新闻媒体类网站是指传统媒体（包括报纸、电视等）的网上节点。新闻媒体建立网站的目的不一，有的是为了寻求传统媒体向网络的转移，有的则是传统媒体的电子版，因此网站的风格也不尽相同。总体而言，该类网站在主色调表现上力求大方稳重，在严肃中又不失轻松活泼之意。8行业类网站该类网站是指内容涉及专门行业的专业网站，在色彩设计方面应考虑行业特征。可采用行业的象征性色彩为主色调，例如医疗类网站可选用白色为主色调，给浏览者亲切、可信赖的感觉。9个人网站用色非常的个性化，充分体现了网站拥有者的个性和个人审美情趣。网页美术设计概述互联网之所以吸引人，在于它是全世界资源共享的平台，同时它的页面呈现效果是动态的，甚至是有声音的，可以互动参与的，还有令人惊奇的无法预知的下一秒将呈现出的页面效果，这是网页设计和平面设计最大的区别。因此，在设计网页时，设计者应该更多地从视觉关怀的角度进行网页设计，使之更具人性化诉求。网页美术设计，是指网页设计者根据网页所要表达的主题，将大量信息通过归纳、整理、美化设计，使页面视觉漂亮、网页信息有条理，从而提高网页的阅读效率和信息搜索率。网页设计者不仅要掌握基本的网页制作技术，还需要掌握网站的风格、配色等网页美术设计原理，依照项目设计的目的和需求，自觉地对网页的构成元素进行艺术构思，是一种创造性思维活动，以创造出艺术化、人性化的网站页面为目的。网页的美术设计在整个网站设计过程中是很重要的一个环节，美术设计有特色的网站更能得到浏览者的青睐。经测定，网站浏览者在网站首页上停留的时间长短，通常以第一感觉（视觉）来评判，进而决定是否点选、进入网站观看内容，这一时间一般维持在2秒钟左右。此时，在极短的时间内，网站是否能给人留下好的印象，就在于它呈现出的整体视觉感受、内容、设计风格是否吸引浏览者从而迸入网站浏览。而掌握网页视觉美感的基础，则是将图形、文字和色彩作为网页视觉设计的基本元素进行编排，并根据不同网站形式风格的特征进行差异性设计。通过图形、文字、色彩等基本元素的创造性编排，产生了不同的网站视觉风格。B2B网站建设 如何设计B2B行业网站标题栏B2B网站即Business to Business，商家(泛指企业)对商家的电子商务。有时写作B to B，但为了简便干脆用其谐音B2B(2即to)。如今，B2B网站行业飞速发展，用户对其需求不仅仅在其功能上，对于网站设计的要求也越来越高。本文就如何设计B2B行业网站标题栏进行分析：B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的，但是由于B2B行业网站更多的访问者和使用者是在办公室学习和工作的，需要更严肃的氛围，他们需要的更多是商机信息、行业资讯、行业技术知识等内容，而不是娱乐和休闲。同时和企业网站标题栏设计具有很大的区别，页面不需要通过标题栏的颜色和外形来突出产品的特色及品牌文化，所以B2B行业网站要弱化标题栏的图片和颜色，不要对访问者获得内容造成影响，一般标准如下。一.标题栏上的字要比网页上的大部分的内容字号更大，加粗，要更突出：，看到过一些网站，以及一些设计师给我的页面标题栏上的字就和内容上的字一样大，都为12PX加粗，也许是他们无心，也许是他们觉得已经加粗了，但是从这里看出，一些人还是没有上升到理论的层面，凭感觉。一般为字号为：14PX，加粗。二.标题栏字体和设计必须非常清晰，拒绝花哨。根据网页的主题，内容的种类，不同页面的标题栏会设计成不同的效果，但是无论我们怎么设计，都必须要使标题栏上的字看起来很清楚、明白，使访问者一目了然，不能为了更好看，更有艺术效果，而使字看起来不清楚、不突出。更重要的是，由于B2B行业网站的页面要更严肃，标题栏的字，图片和颜色，都要看起来更严肃一些，不能太花哨，太漂亮，简洁大方更好。三.标题栏上不能大面积使用刺眼的颜色，不能干扰用户寻找内容。B2B行业网站的首页、一级栏目、二级栏目、内容页等页面，访问者需要从页面里寻找大量自己感兴趣的内容，与专题页面、企业网站等不同，尤其是品牌企业网站的内容不多，需要通过颜色、字体、外形等来渲染产品的品牌特色，可以大面积使用颜色作为标题栏的背景色，采用很大的字号，不会喧宾夺主，会给访问者建立一个氛围。四.标题栏应与所包含的内容形成一个整体，在视觉上形成区别。每一个标题栏下面所属的内容都代表一个细分的内容，标题栏起到的作用就是希望访问者能尽快找到自己感兴趣的内容，要达到这个目的，就要用标题栏和边框将内容包围起来，形成一个整体，让访问者从视觉上更能区分自己正在看的是什么种类的信息。五.标题栏和背景尽量拒绝圆形。B2B行业网站需要更严肃一些的风格，所以标题栏切忌圆角太圆，也不能用太鲜艳的花纹作为背景，甚至使用椭圆形的。在我多年的工作经验中，看到过一些设计师提供的B2B行业网站页面标题栏圆角太圆，这种设计给人很不严肃的氛围，有一点圆角就可以了。在设计一些比较有特点的企业网站或品牌网站时，以及大家看到的QQ空间、51空间等个人主页可以使用一些个性化的标题栏，但是在B2B行业网站不能使用。这个就是网站定位与设计的联系所在。以上几点，虽然看似简单，但是往往会在设计过程中被设计师忽略，作为网站从业人员，必要要懂这些细节，在网站设计过程中及时发现并解决这些问题。提高用户体验的网站设计原则用户体验一直是衡量一个网站质量的重要标准之一，用户体验就是目标受众在网站上浏览时带来的感觉。目前发现很多的网站不仅没有把用户体验处理好，有些甚至对用户体验的感念十分模糊，不知道从何下手，尤其是对于电子商务类网站，最终结果就是降低网站的转化率。本文就介绍一下从哪些方面提高用户体验的网站设计原则：一.网站信息提高用户体验，首先就要重视起网站信息维护与更新，例如公司新闻，行业新闻，用户感想等等。网站内容数据层一般情况下由产品经理发起经过多次的模拟构建最后由程序员进行搭建，由产品经理和程序员共同完成，以用户需求为基础，并将需求进行分类归纳和分析，但是不可能百分之百的满足用户，也要符合网站的一些设计原则。从目前的行业内来看，B2B的信息量较B2C网站信息量显得有些迟钝。二.网站呈现通常网站所呈现出来的内容由美工和程序员搭建，所以站长需要具备基本美工和程序员知识。这当中包括用户访问速度、信息用户接受程度、网站颜色等内容。一个好的网站一定是由一个经验丰富或有特殊思维的前端美工实现。现在被互联网“名人”炒翻的用户体验，笔者认为似乎有那么些道理，但都只限于用户感受，用户的感受是需要植入和长期培养的，一个好的网站只要不是看不下去，其信息的丰富程度也一定会吸引住大批用户。三.网站内容任何一个网站都是由大量的文字内容、图片内容和其它类型的内容组合而成。网站编辑是网站内容控制的一个重要职位，随着互联网时代的来临，人们渐渐倾向于读图的方式浏览网站内容，所以使用图片控制用户和引导用户成为了眼下各大门户网站竞争的主要方向。子新闻信息质量等同的情况下，只有导读性的内容才能吸引客户。网页设计成功的五大关键随着互联网的不断发展，网络已经出现在人们生活的每一个角落。作为网络世界最重要元素之一的网站，更是人们关注的人点，企业可以利用网站来宣传品牌形象，政府可以利用网站来宣传自己的政策纲领，与人民进行互动，而个人也可以利用网站展示性格风采。而一个网站的成功与否，网页设计在其中发挥了重大的作用。以下分享网页设计成功的重要元素：一.网站的栏目建设一个网站就像撰写一篇文章一样，首先要写好提纲，主题才会明确，有清晰的层次。如果网站的栏目结构不够清晰，非常杂乱的话不仅浏览者会看不清楚，自己在扩充和维护网站也十分困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引，索引应该将网 站的主体明确显示出来。二.网站的结构目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。网站的目录是指你建立网站时创建的目录。例如:在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。三.网站的主题定位网站主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。四.网站的CI形象所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。五.网站的链接最后，网站的链接结构对于网页也是十分重要的，它建立在目录结构基础之上，但是可以跨越目录，是指页面之间相互链接的拓扑结构。有两种基本方式：树状链接结构和星状链接结构。网页设计中文字排版和设计的三要素网页设计中网页文字的排版和设计对于一个网站给人的第一印象是十分重要的。据数据统计，有80%左右的网站都是以文字内容为主，因此文字的设计安排或者利用效果直接关系到浏览者的心理感受，都需要谨慎考虑。一、文字的大小安排网页中文字的大小影响着浏览者的阅读感受。文字过大不仅会影响阅读速度也会使网站显得过于凌乱。而文字过小会加大阅读的难度，尤其是对于一些视力不是很好的用户。那么文字大小究竟设置多少比较合适呢？以中文字体为例，文字的大小等于14pix的时候网页显示会比较理想，而英文则在文字等于12pix的时候比较理想。二、字距行距的设置除了字体大小，字距和行距的调整没有印刷文字那么容易，调整起来比较困难一些。字距可以在html文本里不断调整来取得比较理想的效果，对行距的调整就比较困难一些了，CSS（Cascading Style Sheet）标准语言里提供了LINE-HEIGHT参数，通过调整整个参数的百分比，可以改变行距。每行文字数量最好控制在8-10个词左右，这样可以提高文字的可读性。因为如果一行的文字太长的话，用户很难找到下一行的开头，大大降低了其可读性，破坏了网站在用户心里的形象。三、文字的字体一般来说，网页文字笔划圆弧越不规则，文字边缘的锯齿特征就越明显，这样在屏幕上显示的就不是很美观。所以，在选择网页字体时尽可能去发现那些笔划贴近水平或者笔直方向的文字，或者文字的圆弧笔划要尽可能地靠近45度角的方向。在英文字母里面，Verdana，Geneva，Arial，san-serif字体都是比较理想的网页字体，而中文字体中黑体字在网页的视觉效果比较好。同时，网页字体要极力避免使用斜体，那样会影响易读程度。网站建设的创意风格设计如果给两个网站设计人员设计同一个主题的网站，任何的两个人都不会设计出同样的网站。相比之下肯定会有一个令你比较喜欢的网页设计风格。或者，当你看到点进一个网站，有可能会觉得很酷，有可能会觉得很漂亮，也有可能会觉得十分不喜欢网页的设计。网站给人的第一感觉与网页设计的风格和创意有着十分大的关系。一、什么是网站风格？网站风格带给人的是抽象的感觉。是指网站的各方面的整体感觉给网站用户的综合感受。这个整体感觉包括站点的标志、字体、色彩、口号、页面布局、浏览方式、内容的存在意义、荣誉等许多方面。正是因为这些方面，才使网站有了不同的风格。且网站风格还具有人性化的特点。通过网站的外表，内容，文字，交流可以概括出一个站点的个性， 情绪。总而言之，风格可以概括为一句话：与众不同！二、如何树立网站风格？第一，确信风格是建立在有价值内容之上的。第二，你需要彻底搞清楚自己希望站点给人的印象是什么。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。三、什么是网站建设的创意？创意是网站生存的关键。没有了创意的网站，就如同一个没有灵魂的网站，吸引不了客户。创意是传达信息的一种特别方式，并不是天才者的灵感，而是思考的结果，是将现有的要素重新组合，创意思考的途径最常用的是联想。全Flash网站设计应用的发展前景以计算机、网络为特征的信息社会深深改变了人们的生活方式，商业化的Internet自崛起开始便爆炸式的发展至世界各地，成为新的传播媒体。全球各行各业纷纷利用互联网建立自己的Web站点，吐纳着信息潮流，竞争日益激烈。这就是网站传达效率的竞争。数字媒体时代的到来，使人们不在满足于简单直接的信息传达，人们渴望在接受信息的同时能够带来一种视觉享受。Flash网站能帮助企业在激烈的商业竞争中全面、动态的展示企业的优势与产品特点，让浏览者在轻松、有趣的视觉感受中，以最短的时间了解企业资讯。Flash是目前在网络应用中最好的多媒体动画，强烈的视觉冲击力给浏览者带来全新的感受，更易留下深刻的印象，能够极好的达到理想的宣传效果，全力营造出美仑美化的企业形象。综合来说，Flash网站是一种艺术与技术相结合产物。Flash网站是以艺术介入技术层面来达到视觉推广的目的，这样的好处是能够更好的针对目标人群，把商品的档次、适应人群，以艺术效果的形式体现出来。随着互联网带宽的不断增加和Flash网站设计对互联网的影响力的不断增强，人们已经认可在HTML页面上加入一些Flash的元素会使页面更生动形象。自从2000年以后，开始不断涌现全Flash网站，但人们对他的认识并不是很深，大部分人会认为Flash网站会影响访问的速度。在Flash发展初期和带宽有限的情况下确实存在这种现象，随着计算机网络的发展，传输速率加快，这一现状也将得到解决。目前Flash网站在较多应用于企业产品文化推广，或者自身业务宣传，在较少部分也有个人、风景、音乐类纯艺术Flash网站。Flash网站多采用代码是显示区域占据这个浏览器，是主体明确突出，不易在传达信息的时候，受到其他信息的干扰。在层次结构上也更加人性化，既有应用性，又具有艺术性，切合现代人们的需求心理。达到更好的效果，进而创造更多的利益。在服装销售方面，原来的网站只能静态的展示各式各样的产品，即使是多角度的，也是没有交互性可言的。Flash网站恰恰弥补了这种缺陷，配合3DS MAX、maya软件制作了类似上面可以360展示，并且可以随意换装的Flash销售网。这种Flash网站同样适用于汽车等销售，360展示、随意更换颜色，是消费者在网上就可以对自己待定的车型进行全面的比对。以生动形象的动画和交互式操作，给每一位访问者带来一种切身体验的访问感受，使用者在浏览的过程中自然而然的融入到网站中。同时Flash已经具备了后端开发和数据显示的能力，可以完全胜任中小型网站的开发。计算机网络发展日新月异，带宽不断提高，使得动画、音乐、电影的传输瓶颈正在逐渐消失。在线实时收看高品质画面将成为现实，而这作为静态网页的优势将不再构成优势。在未来虽然纯Flash网站不可能代替静态网站，但Flash网站成为主流，将在不久的将来成为现实。网站设计前需要确定的几个问题：应该怎样准备网站的资料?按栏目整理网站的资料：这样不仅方便制作工作，提高制作效率，也可以避免网站内容散乱，丧失针对性。按栏目整理资料可使您准备及时发现网站内容的缺失及保持网站结构的平衡。资料要清晰完整，我们会建议您一个文件归档的方式，请您按栏目名称相应建立文件夹,每一个文件夹内放相应的文字及图片资料。应该何时提供网站的资料?网站资料应该在网站项目开始时就提供，这样设计师可以根据客户公司的具体内容合理安排栏目及导航的位置。而且制作人员也可以在开始制作之前提前了解网站的内容信息，以方便后面制作工作的展开。为什么一定要签署确认函后才开始设计?我们的项目流程中，设计完成并得到客户书面确认后制作工作会立即开始，制作的过程也就是将设计的图示图片转换成HTML文件的过程，也就是转换成用户可以浏览的网页文件。制作人员会跟据每一个网站的具体情况来制作，这个过程中会生成很多图片及优化后的网页文件，网站的每一个细节，制作人员都会考虑周全来满足网站浏览者的方便，如果没有客户的书面确认就开始制作，一旦版面变更，制作人员就需要修改几十到几百个图片或页面，甚至整个网站都需要重新制作，对项目造成极大的浪费。为什么提供的资料需要先校对?网站上出现错别字或语法、语义错误，这是任何一个公司都不能接受的，所以客户在提供资料的时候请一定要首先校对，如果制作完成后再校对修改会延误项目的执行进度，这会给客户带来很大的麻烦。所以资料提供前请一定要先校对准确。企业网站设计普遍存在的七点问题你的网站设计是在吸引客户还是赶走客户？如果犯了下面提到的某些问题，带来的损失可能会令你欲哭无泪。避免下列设计误区，可以事半功倍。求大求全而不求精弗吉尼亚州罗浮市Grow Interactive工作室创始人德鲁安格瓦斯基认为，一个网站不可能面面俱到。仔细挑选要放上网的内容，精心组织，做到条理清楚，整洁明了。“很多人堆砌了太多东西，特别是在主页上，有种掐着客户的脖子硬往里填的感觉。”他说。忽视受众需求给老年人看8号小字的页面，会让他们非常苦恼。着手开发网站前，一定要充分了解你的受众群及其特有需求。“小号字或很难辨别的字体或鲜艳的颜色可能从设计角度看起来很酷，但如果你不是为买东西的人设计网站，他们就不会来买东西。”格雷丝佛说。回避网站分析“设计新站前，回头分析一下你之前所有旧网站的流量分析。”格雷丝佛说。了解你的网站跳转率有多少人只是看了一两个页面后就离开了找出用户登陆次数最多的页面和离开次数最多的页面。谷歌分析器可以帮你了解流量来源，人们通过什么关键词找到你的网站，还有人们在你的网站上都看过什么页面，这样就可以增加更多有效内容。拒绝寻求帮助不要因为过度自尊或怕花钱而让你的网站沦落到WebPagesThatS（最差网页榜）。如果网页设计不是你的强项，而你又需要一个比简单的网页设计模板更复杂的网站，那么最好还是寻求专业人士的帮助。查询当地的商业组织，到网上找找你喜欢的企业网站。大部分网站的最下面都有网站设计者的链接，这样你就可以找到自己喜欢的设计师。程序复杂从打开网站到完成交易的整个过程必须非常简单。安格瓦斯基表示，评估网站设计优劣时首先要站在顾客和浏览者的角度思考。他有一个习惯：结账前一定要建个账户。他建议，要让消费者可以在你那里买得顺心。疏于打理你的网站永远不会彻底完工。他说，要不断想办法吸引客户，丰富内容，让网站有新鲜感。这有助于长期留住客人，还有助于提高网站排名。如果你在推广某种产品或服务，或者正在做特别优惠，建议用登陆页面做好Email和社交网支持。模仿竞争对手时刻留意竞争对手的动作，但不要抄袭，这是罗德岛普罗维登斯市ExNihilo网络服务公司总裁史蒂夫格雷丝佛的建议。假如你的网站看起来和其他公司太相似，顾客可能会混淆。观察别人的动向，但要以你自己的客户群为出发点，运用你的经验来决定他们最重视什么。网站设计的前期策划需要注意的四点下面我们就具体的来探讨一下网站设计前期策划：1）、市场调查阶段了解一下目前internet的发展状况以及同类站点的发展、经营状况，吸取他们的长处，找出自己的优势，对市场作个调查，明确自己网站的主题，寻找一个好的出发点。 2）、你设想中的网站规模有多大？作网站并不是盲目的想做多大就作多大，而要根据自身的现阶段能力，以及企业的规模大小，确定你的网站是小型、中型、大规模的网站，还是从小规模的开始，然后逐步发展。这主要的是关系到网站的后期维护以及网站的发展方向来考虑的。 3）、确定网站的类别，你希望网站有怎样的设计特色 根据主题、形式以及本身企业的特点，网站的设计也有不同的类别，大概可分为：以内容为主，设计为辅，注重速度这种大型的专业网站，它一般体现在专业的icp，isp供应商制作的网站，在设计这类网站时不要太花哨，应注重信息量；第二种大多数企业为了更好的宣传自己的产品，扩大销路，使自己的产品走向世界，提高自己企业的形象而制作的网站，这种网站制作应结合本身产品特点而制作的特色网站，相对来说比较注重产品的营销；第三种是形象类的网站，一般这种网站相对体现在政府部门，作为对外一个窗口，相对来说这种网站设计比较严肃；第四种是个人主页网站，这种网站相对比较自由，不受什么约束，可以根据每个人自己的特长自由发挥。因此我们在制作主页时先明确自己的定位方向，设计出适合自己的站点。 4）、你的主要目标受众是谁？根据网站的类别不同，目标受众也不一样，有工商业者、专业人士、学生；女性，男性；儿童，青少年，中年人，老人；还是所有的人，比如教育类的网站相对来说是目标受众是院校的老师和学生。化装类、护肤产品类的网站相对来说是女性等。5）、确定整个网站的整体风格其实，这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一很专业的印象。用户体验的要素如何体现在网站设计中用户体验的要素要充分体现在网站设计中，这样的设计才是不错的设计，这样的网站才是好网站！下面谈谈自己对用户体验的网站设计经验。第一步：战略层这个层最为重要，在这里层里我们必须要明确网站的目标，也就是我们建这个网站干什么用？换句话说就是我们要做什么？只有有了明确的目标后，我们才能动手开展下面的工作！第二步：范围层范围层就是将网站的目标分解，也就是说要想完成网站目标，必须达到哪几条要求，换句话说就是把网站目标分解，也就是划分成不同的功能规格和用户信息需求！也就是说网站的目标要分解。第三步：结构层到了结构层，这时我们该回到战略层去看看范围层和战略层是不是相符，如果不相符那么我们就该适当的调整战略层了。到结构层后我们在这里应该做的工作是研究交互设计和信息构建！交互设计的好坏直接关系到用户的体验，然后我们把信息以结构形式表示出来！第四步：框架层在这里主要是界面设计、导航设计和信息设计。这里就是把结构层中的东西放到网页上来，在网页上搭建起一个框架！第五步：表现层这个层次是视觉设计，主要关注的是给用户的颜色和视觉冲击等方面的内容。通过以上五步我们就可以建设一个符合用户体验的网站设计。当然以上五步并不是独立不相关的，而是有前后有紧密关系的！网站设计中关于网页布局的基本原则网站设计中关于网页布局的基本原则：1. 样式的重用性CSS 布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用，以减少不断定义样式属性的烦琐工作，增加页面的可维护性。例如，将某处表达样式、板块整体样式、文字颜色；甚至可以扩展到页面的模块化处理。2.浮动与清除浮动浮动式网页布局中永远的话题，很多浏览器的兼容性问题都是因为浮动而导致的，例如IE6.0的双倍间距的问题。浮动也是把双刃刀，兼容性的问题为其二产生为其而灭亡，善于利用浮动对于网页布局将会带来很到的帮助，例如使用负边距地方法对页面进行布局设计。清除浮动浮动而出现，用来清理浮动导致的诸多问题。清除浮动的方式有很多。3.定位方式的页面布局定位方式的布局一般指的是绝对定位，这种布局方式对页面布局的设计精确性要求十分高，遗憾的是绝对定位的布局方式的盒模型是固定高和宽的，无非自适应。4.不要过多使用ID选择符ID在一个页面中出现的次数是一次，过多使用将失去样式的可重用性的特征，对于页面的可维护性也将大打折扣。5.类选择符(class)及ID选择符使用字母+数字方式命名类选择符Class及ID选择符的命名方式很多,最好的方式是阵对某个模块的功能阐述性的命名，例如，阵对主要内容区域，可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。不使用字母+数字的方式命名，在后期维护中可以阵对某个模块主要针对对象一目了然。6.合理使用CSS布局，切勿盲目使用CSS样式的主要功能是对页面结构样式的处理，避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的使用。整个网站设计过程需要考虑的四点整个网站设计过程需要考虑的四点：用户都是浏览者假如您以为一般的用户会完完整整地阅读您的网页，那么您就错了。不管您在网页中发布了多么有用的信息，一个访问者在决定是否继承阅读之前仅仅会花几秒钟的时间进行浏览。假如您但愿用户阅读您的文字，请确保在页面段落的第一句就说明您的观点。另外，您还需要在整个页面中使用简短的段落以及有趣的标题。少等于多使所有的句子尽可能地短。使所有的段落尽可能地短。使所有的章节尽可能地短。使您的页面尽可能地短。请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会留不住您的用户。也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，请尽量把内容分为小块，然后放入不同的页面中。不要指望每个访问者都能把一张数千字的页面一路动弹到底。导航尽量创建通用于网站中所有页面的导航结构。把文本段落中的超链接使用量降至最低。请不要使用文本段落内的超链接随意地把访问者带到别的页面。因此这样做会破坏导航结构一致性的感觉。下载速度最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的因特网连接。开发职员有时不会意识到下载他们的页面要花很长的时间。网站设计的发展趋势分析几乎每个网络公司都在开展网站设计业务，同时，因发展方向的不同，产生了三大块主体网站建设群体：第一类行业门户网站。许多行业门户网站，在其VIP会员服务项目当中，包含了为VIP企业会员提供网站建设的服务，像阿里巴巴、中国纺织网等公司，吸引了大批行业类的企业注册成为他们的VIP会员，获得包括网站建设和维护在内的多种服务项目。行业门户网站的企业建站服务占到所有企业网站建设服务市场的20%；这类网站以模板型居多。第二类网络综合应用服务公司。指提供包括网络基础应用服务（如域名、主机、邮箱）和网络增值应用服务（如网站建设和推广）等业务在内的综合应用服务公司，企业网站建设是重要业务之一，业务总量占到所有企业网站建设市场的60%。像深圳九曲网等公司，通过网络综合应用服务业务的宣传与拓展，在业界具有良好的形象和口碑，提供的网站建设服务也普遍为客户所接受。第三类专业网站建设服务公司，以个性化网站建设业务为主，大多体现在制作出3D全景网站，FLASH全景网站等，突出个性化制作和客户长期跟踪服务，业务总量占到所有企业网站建设市场的20%。总结在这三类中，第一类行业门户网站需要长期的客户资源积累，大量的资本运作，操作起来资金门槛不低。而第三类专业网站个性化设计需要高端技术人才，从而提高了技术成本门槛。因此，真正在市场上拼杀的主力军就成了技术和资金门槛相对低很多的第二类：网络综合应用服务公司。动态网站设计三大技术介绍网络技术日新月异，细心的网友会发现许多网页文件扩展名不再只是“.htm”，还有“.php”、“.asp”等，这些都是采用动态网站设计技术制作出来的。早期的动态网页主要采用CGI技术，CGI即Common Gateway Interface(公用网关接口)。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C+等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。下面介绍几种目前颇受关注的新技术：1、PHPPHP 即Hypertext Preprocessor(超文本预处理器)，它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。2、ASPASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。3、JSPJSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85%以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。总结虽然以上3种新技术在制作动态网页上各有特色，但目前仍都在发展中，不够普及。对于广大个人主页的爱好者、制作者来说，建议尽量少用难度大的CGI技术。如果您对微软的产品情有独钟，采用ASP技术会让您得心应手；如果是Linux的追求者，运用PHP技术在目前是最明智的选择。当然，不要忽略了JSP技术.微软官网设计主管谈网页设计经验（转载）作为设计主管，Peter Stern 已经领导 重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面，并且正致力于创建将于今年晚些时候发布的下一代主页。从头衔上，您可能认为我主要关心的是 Web 站点几千个网页的版面设计。的确，这些确实是我所关注的。视觉上的吸引力是重要的，但是这仅仅是工作的一小部分。而最终的目的是确保整个站点运转正常。我的意思是，人们通常在访问 时，并未将它当作艺术作品来赞赏。而是为了获得有关产品的信息，或者有一些技术问题需要咨询，或是阅读有关开发商的期刊。所以网站的设计应该尽量清楚和有条理，以便他们能够容易地找到所需信息。设计站点在进行 Web 设计时-在设计过程中-形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然，我们有最新的 Web 工具，并且能够将各种可视的小配件上载到网页上。但是我们认为这样做将不利于为访问者提供有效的服务。事实上，我经常发现一些站点未将重点放在功能上。常见的错误包括：用户界面元素不一致.例如，同一个控件在不同的页面上功能不同，或者同一个功能对应几个用户界面控件。导航栏位置不一致。决定站点的哪些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的全局导航栏。不太注意或根本不注意基本的图形设计原则