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设计网页动画