网页界面设计概述

网页界面设计第一章，网页界面设计概述，包括平面设计，网页设计，虚拟用户界面，网页界面的发展，Web2.0等等内容梳理。

网页界面设计概述

• 平面设计
  • 在二维空间通过艺术和专业手法对图像，文字，色彩等元素进行组合编排布局，功能是通过印刷实现。
  • 既可指设计制作的过程，叫“印前设计”
  • 最重要的两个工具：图像和字体
  • 工作目标：
    • 理解客户的要求
    • 通过技术和艺术手段创造的一个版式或造型，将信息传达（是促进产品销售重要手段）
• 网页设计
  • 使用标记语言，通过平面设计，建模和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户知晓
  • 网站设计师
    • 工作对象：网站
    • 职责：为客户创造网页
• 平面设计和网页设计的联系与区别
  • 区别
    • 平面：便捷（网页平面布局），构图法，不管文件容量大小
    • 网页：复杂（应用到互联网），平面设计构图法及程序执行，文件容量小
  • 都通过构图原则和建立整体均衡状态产生和谐美感
• 网页设计和网页界面的联系与区别
  • 网页设计的目标
    • 创造一个或一整套可链接的活动网页
    • 使网页看上去更加和谐美观，从外观到功能的设计
  • 网页界面的目的————使无经验的用户也能方便地浏览网页
• 虚拟用户界面
  • 字符用户界面
    • 命令行界面
    • 文本界面
  • 图形用户界面
    • 键鼠型界面
    • 移动用户界面
      • 键盘界面
      • 触控界面
  • 自然用户界面
    • 注意力用户界面
    • 语音用户界面（谷歌语音搜索界面）
    • 运动轨迹跟踪界面（游戏）
    • 多点触控界面
    • 非指令用户界面（人脸识别程序界面）
• 网页界面的发展
  • 1991.8.6英国 蒂姆伯纳李
    • 创建世界上第一个网页（http：//info.cern.ch）
    • 在万维网列举其他网站，因此也是世界上第一个万维网目录。
  • 1993年4月22日发布的mosaic 1.0却是世界上一个能显示图片的浏览器
  • HTML被定义网页制作的国际标准
  • 利用表格来构建他们的设计网页，单步局融合了背景图片切片技术，还可创作一栏到多栏的网页
  • CSS(层叠样式表)
    • 用来表现HTML或XML等文件风格的客户端语言
    • 重要是将文件内容与它的显示分隔开来
    • css使作者可以将这些信息中大部分隔离出来放在css单独文件中
    • HTML文件中只包含结构和内容的信息
  • 语义网：（蒂姆先驱提出）能理解和处理人类语言，方便人与计算机如同人们交往交谈的一种智能网络
• Web2.0
  • 主要特征
    • 访问者可以对网页内容进行评论（各种论坛和博客）
    • 可添加修改共创内容（维基百科）
    • 通过页面将用户界面联系（Facebook）
    • 可为人们提供信息，通过它进行交流，高效分享内容（You Tube）
    • 提供获取信息的新途径
  • Web2.0网站
    • 国际：YouTube,Flickr,维基百科,Twitter，Myspace，Delicious
    • 国内：豆瓣社区，人人网，优酷网
  • 不涉及实质性的技术提升，只强调交互传播
• 浮动主题