zoukankan      html  css  js  c++  java
  • 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设计网页动画

  • 相关阅读:
    CVS简介
    快捷搭建JavaWeb开发环境
    局域网Win7 SVN 服务器搭建以及使用(原创)
    给自己 一个方向,让自己不再迷茫
    SQL Server2005安装配置以及测试
    Oracle中表结构和表内容复制
    Myeclipse8.5 svn插件安装两种方式
    Oracle中错误代码ORA02292 违反了完整性约束条件解决
    JSP中字符编码转换问题
    C# sealed关键词
  • 原文地址:https://www.cnblogs.com/liao13160678112/p/6439903.html
Copyright © 2011-2022 走看看