UI设计基础-2017 版式设计 界面版式设计.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、概述 1 二、界步骤 1 界面版式设计 本次课程当我们讨论UI界面版面设计的时候，我们应该把它分为六个部分阐述。 一、上下式结构 通常上方为导航，或广告区域。下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。 左右式结构 清晰分列两旁的框架结构。一般左侧是导航条，有时最上方会有一个小标题或标志，另一侧是正文内容。企业网站大多采用这类结构。 上左右式结构 上左右式结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单，下方为栏目及小广告，右下侧为内容。 上左中右式结构 又称为三栏式，是大中型企业、电子商务、门户网站比较喜欢的框架模式，是较常见的结构式。通常上方为导航菜单，下方左中侧为栏目及内容、小广告区，右侧为登陆、搜索区或重要内容导航区。 综合式结构 通常情况下，网站不是只选用一种结构，而是几种结构的综合应用，在同一个页面里可以拆出几个不同的框架结构，来配合信息内容的需要。 不规则结构 信息量少，通常以一张形象、广告图片来表示。风格较随意，凸显网站个性，重在渲染气氛。