网站规划网站元素：内容、功能和性能
评论：网站的本质是形式、内容、功能和表达。三高保真原型解决了基本内容的问题，和高保真线框计划和表现网站的功能。本质是网站内容的形式，网站的功能和表现三大要素，低保真原型来解决基本的内容层次，高保真线框图规划网站的功能和性能；内容是核心网站最基本和最重要的，因此高保真原型必须基于低高保真原型页面上直接规划的细节是一个错误的行为有顺序颠倒。
区分交互部分
讨论的形式内容不容易区分什么是图片，是什么文字，动画是Flash 但是用户互动内容的扩展和变换；这里讲的互动是人与机器的互动，为万维网，是一个响应鼠标和键盘响应最常见。
使用颜色来标记不同的页面元素类型是非常有效的，例如：
绿色代表超链接
橙色表示形式项目
紫色代表js的效果。
用颜色来互动部分区别
该链接文本和链接文本之间的区别是非常重要的工作，在低保真原型你可能完全忽略他们，但高保真线框必须区分文本，可以单击浏览是什么关系，纯文本；标题文本层面，应该使用更大的字体，同时给予光标记的背景；那些没有链接的文字段落，灰色背景可以使用缩进代表他们（真正的页面不能缩进）；如果有足够的时间，更建议房字填写第页。
标题、链接文本、文本段落之间的区别
区分的互动形式，可以看作是对线框图图例补充；这可能是补充根据社区网站的不同需求，甚至提供一些非常独特的插图，如在房地产SNS社区的规划过程中，甚至可以增加图标图例，这样做的好处是不仅为其他设计人员及时实现方便，和高保真原型与可读性，接近最终结果页。
图标的插图在SNS网站框图的房地产
泛在网格系统
网格系统已经在网页设计中被广泛接受，有许多网络中的介绍性文章，更可以进行相关的参考代码960.gs具体应用；不认为网格系统来帮助视觉设计师，在高保真线路设计图可以得到非常大的帮助；和类似Visio这个Axure原型设计软件提供了强大的辅助线和网格的支持，让您轻松实现栅格线框。
建筑在高保真线框网格系统
采用光栅系统的高保真原型最接近真实页面的设计。（甚至一个合理的网格系统来建立高保真线框图的第一步）。它有以下三个优点：
优点1：通过网格控制屏幕资源
内容形式化的核心是对屏幕资源进行规划，建立栅格系统，有效地把握页面的整体和局部维度，提高原型的真实性和适应性。
例如，在60像素的网格系统，它可以与标准屏幕尺寸兼容（800pxtimes；600px），和整个网站的页面风格提供了强大的扩展。
一个线框网格，能够适应800×600的标准屏幕分辨率
两个优点：容易整站图片尺寸规划
那些有意义的图片内容（非装饰图）去经验的视觉设计师，往往会带来灾难性的后果，这也是很多设计看起来很美，实际效果的差距的主要原因；既然已经通过高保真原型设计决定，肯定会对视觉设计工作水平干预的画面是伴随着内容；内容经常变化，本身更接近于交互设计的范畴，在某些情况下，视觉设计应该合理。
基于常见的2～3的网格系统的基宽通常需要规划长宽比和根据需要规划的页面大小；这一系列图片大小应该以高保真度线图开始，在网格系统建立之后，可以在填充物内容中使用。
郑占图片大小计划包括两固定比率和伸缩率
优点三：块级多路复用以形成框图
网页设计的灵活性源自块规划级复用。通常可以把几个相关的内容元素形成一个内容块，在网页的制作过程中，这些块可能是一个div，OL，UL，DL水平标记语言；因为Web页面是一个纵向的延伸，所以高保真线框图的设计主要是规划根据电网系统的块级内容的宽度；在常见的宽度是确定的，可以轻松实现；宇宙的伟大转变，减少设计的工作量；提高设计团队的工作效率（视觉设计师们也很欢迎这类规划）。
基于网格系统的灵活的；块；内容块。
图画或文字
利用图片或文字作为一种形式的内容，你要把一个热门词mdash；mdash；纠结。
一个人一旦进入网络时代，在眼球经济；充分重视的影响下，每个网站的内容要素是用户，越来越多的Web界面使用图片作为内容的表达形式，这也带来了访问速度慢、搜索引擎优化的难度；什么用如何让图片、文字的搭配，是高保真线框图的一个重要组成部分。
利用图片的利弊分析
优点：直觉，吸引注意力
缺点：增加文件量，需要特殊的搜索和优化，占用大量的屏幕资源。
文本使用的利弊分析
优点：屏幕资源少，快速入门和可读性强。
自卑：乏味，难以区分
合理的内容形式设计，根据不同的需求和屏幕资源，灵活使用图形和文字进行有效的沟通。
静态图片（小）
内容，通常用文本
静态图片（大）
页面主视图，需要详细强调的视觉内容
动态图片（多媒体）
在广告中过分关注是不过分的。
链接文本
独立句的内容单位和关键词
描述性的文字
在单击之前必须向用户解释的大量文本。
标题
关键关键词，重要议题
对图形的搭配形式使用的内容，从一定意义上决定着元素的含量和块占用资源的屏幕，从他们之间的关系强度的反映；页面逻辑架构的基础上完善和合理的设计，高保真的图线按重量的页面之间的元素，是一个非常简单的。
同一页面元素的6种形式
块级可变形音符
块级内容由元素级内容组成。
解决内容形式元素水平后，按照网格系统多样化的块级内容的整合，可以使页面帧图像块作为简单的元素；同一块水平往往有不同的权重在不同的页面，这意味着占有资源的变化（影响屏幕的这种变化主要是，所以宽度的因素）在整合网站需要给不同的形式相同的块级元素。
最常见的用链表的主题；内容块为例，解决变形问题的资源分配在不同的屏幕；所谓用链表的主题；可能是一系列的文章，也可以是一系列围绕一个主题关键词，在节点内容关联的主题；一个兄弟节点的下属，体现在网页标题的形式。
简单的公式
图形列表
单柱膨胀
两柱混搭
两列的文本
简单的图
以上6种扩展形式，仅仅是从一个内容的派生中去，形成一个块级的重用高度，必须有一个类似的扩展的每一个内容块；作为多个重复的工作，只要设计人员通过一个案例来累积块级的内容和形式就通用了。我不需要每一个项目都很努力。在高保真线框图的设计水平，它实际上是一种合理的运用这些形式。
为了适应不同形式的相同内容块，设计开发人员经常对内容发布链接进行一些改进，例如手动或自动截取标题和不同长度的链接词。