1. 一、用户界面设计
    1. 1、用户研究
      1. （1）可用性研究
        1. 可用性
        2. 易被人接受
        3. 易使用
        4. 易记忆
      2. （2）挖掘用户的潜在需求
        1. 用户的使用环境
        2. 浏览习惯
        3. 用户对网站功能的期望
        4. 对设计外观方面的要求
    2. 2、交互设计
      1. （1）交互设计
        1. 使浏览者轻松自如的找到资源
        2. 浏览者有愉悦的使用心情，拉拢浏览者下一次的登陆
      2. （2）非交互实现
        1. 在过去交互设计也由程序员来做，程序员擅长编码，不善于与最终用户交互
    3. 3、界面设计
      1. （1）是网站的卖点
        1. 网站好比一个人，后台编程是骨骼与肌肉，界面则是人的外表。
      2. （2）是网站的灵魂
        1. 检验界面美化的标准不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受
  2. 二、界面构成元素
    1. 1、文字
      1. （1）文字元素是网站内容传达的主体
        1. 文字信息符合人类的阅读习惯
        2. 占存取空间小，节省了下载和浏览时间
      2. （2）信息的重要载体
        1. 标题
        2. 信息
        3. 文字链接
    2. 2、图形
      1. （1）图形更易吸引注意力
        1. 激发阅读兴趣
        2. 生动直观
      2. （2）常用的图形格式
        1. JPG
        2. GIF
        3. PNG
      3. （3）图形元素
        1. 标题标志
        2. 背景
        3. 主图
        4. 链接图标
      4. （4）主图与背景
        1. 主图突出表现主题
          1. 具有直观性强的特点
          2. 为单调的文字信息增强活力
          3. 不受文化水平的限制，能给人强烈的视觉信息
        2. 背景衬托主题
    3. 3、多媒体
      1. （1）音频、视频和动画
  3. 三、界面布局
    1. 1、页面尺寸
      1. （1）显示器的分辨率
        1. 800*600、1024*768、1125*864、1280*720、1280*768、1280*960、1280*1024...
      2. （2）有效可视区域原则
        1. 设计宽度始终要比显示器的实际大小窄20像素，这为的是给滚动条留空间
    2. 2、视觉顺序
      1. （1）适应人们视觉流向的心理和生理的特点，从而确定各种视觉构成元素之间的关系和秩序
      2. （2）设计时应研究各种视觉造型元素之间的距离、位置、面积
      3. （3）视觉流程自然、合理、畅快。各信息要素位置、间隙、大小保持一定的节奏感和美感
    3. 3、九宫格布局法
  4. 四、布局步骤
    1. 1、草图
      1. 简单的用画笔在纸上将创意的大致轮廓画出来，以便于给设计做大致的指导
    2. 2、色块粗略布局
      1. 将纸上的轮廓在电脑上体现出来，对画面进行分割，也可以用色块进行填充，确定好在什么地方布置什么栏目，他们的大小等
    3. 3、细化布局
      1. 将粗略的布局进行细化，完美展现各元素
    4. 4、点线面的运用
      1. （1）点的运用
        1. 在网页上为了可以让浏览者更轻松的找到自己想要的信息，点的引导作用必不可少
      2. （2）线的运用
        1. 线可以起到信息分割的作用，还可运用线条修饰信息
      3. （3）面的运用
        1. 面的运用能更好的表明信息的主次
    5. 5、布局原则
      1. （1）平衡原则
        1. 注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。
      2. （2）统一原则
        1. 屏幕上所有对象，如窗口、按钮、菜单等处理应一致化
      3. （3）经济原则
        1. 即在提供足够的信息量的同时还要注意简明，清昕。
      4. （4）顺序原则
        1. 对象显示的顺序应依需要排列。信息主次分明。
      5. （5）对称原则
        1. 画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量对称并规范设计。
  5. 五、色彩运用
    1. 1、色彩基础知识
      1. （1）色彩三要素
      2. （2）色彩关系（色相环）
      3. （3）色彩的冷暖
    2. 2、色彩情感设计
    3. 3、主题色（基调色）
      1. 确定网站的主题色也是设计者必须考虑的问题之一
    4. 4、色彩搭配
      1. （1）网页导航
        1. 使用稍微具有跳跃性的色彩，吸引浏览者的视线
      2. （2）网页链接
        1. 设置了独特的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。
      3. （3）网页文字
        1. 文字用较为突出的亮色。让人一目了然。
      4. （4）网页标志
        1. 将LOGO和BANNER做的鲜亮一些，色彩方面跟网页的主题色分离开来
      5. （5）网页留白
        1. 好的留白的运用可以带给浏览者对画面的联想