1.3-1.4网页设计的定位和流程

1.3网页设计的定位

1.3.1网页设计定位
1）风格定位
　　风格定位是有价值的内容的风格的基础。创意是风格的灵魂。

　　①保证界面一致性，确保网站形成统一整体的界面风格。
网页上所有图像、文字、包括背景颜色、区分线、字体、标题、注脚等网页构成要素要形成统一的整体。
这种整体的风格要与其他网站的界面风格相区别，形成自己的特色。

　　②确保网页界面的清晰、简洁、美观、易于访问。
③根据视觉流程、合理安排视觉要素，让读者在浏览网页的过程中体验到视觉的秩序感、节奏感、新奇感。

2）功能定位
　　功能定位是指为指定读者群的各层次的需求服务，并尽量简化操作。

　　在网页上使用最新、最好的技术工具，提高网站形象是一个方法但并不容易，应尽量把新技术在旧版本浏览器下的设计限制降到最低点。

　　常用的方法是使用多种不同的浏览器来测试网页，并切换不同的分辨率，尤其是宽屏显示器（16：9）和普通显示器（4：3）的情况，应尽可能适应多种分辨率，目前通常使用的分辨率是在1024*768下进行设计，并根据浏览者的浏览器自动定位到对应该浏览器的界面，这才是理想的选择。
　　没有插件支持不能正常播放的页面，在保证效果的前提下，可以将FLASH导出为低版本的格式，并提供相应插件的下载。
　　保证没有插件时的网页显示方法时，将图片做成背景，在背景上使用透明的FLASH动画效果，从而保证在FLASH不能播放的情况下，网页仍然时完整的图形。

　　对于设置了FLASH按钮的情形，可以提供与FLASH按钮对应的超级链接文字或图片，从而防止FLASH无法打开时网页无法浏览的情况。

3）以人为本
要注意以下条件：
　　first:清晰一致的导航
　　second:站点地图查询
　　third:全站搜索功能
　　fourth:层次结构的三五法则
　　five:提供位置的信息、
　　sixth:文字字号的更改
　　seventh:优化信息的加载和呈现

1.3.2网页的类型
　　静态型网页适合展示，动态型网页适合交互。

1.4网页美工与设计流程

1.4.1网页美工的需求
　　变化与统一
　　条理与反复
　　对比与调和
　　均齐与平衡

1.4.2网页设计流程
　　一个优秀网站的设计，其制作流程通常分为网页图像设计、网页版面设计和网页动画设计三部分，分别需要图像处理软件、网页排版软件和动画制作软件来完成各部分的设计工作。
　　Photoshop、Dreamweaver、Flash、Fireworks
　　良好的开始是成功的一半

在开始做网站前，先把网站的大概内容有个初步的了解，最好自己列出一个比较详细的列表或框架图，包括栏目分几层、栏目下面的栏目等等。
设计流程分为4个步骤：
　　1）手绘效果图（框架和大体风格、栏目、内容、颜色、符号）
　　2）利用Photoshop设计效果图
将网站风格、创意设计和网站内容混合在一起
策划人员+创意人员+美工制作人员+程序员
　　3）利用Dreamweaver完成网页版面编辑
　　4）利用Flash设计网页动画