网站策划要素:内容、功能、表现 -东北IT网

网站策划要素:内容、功能、表现

http://www.dbit.cn　2009/10/14 10:05:50 　来源:网络整理　编辑:叶子

　　网站的本质就是形式主义，内容、功能、表现这三个网站的要素，低保真原型解决了基础内容层面的问题，而高保真线框图规划了网站的功能和表现；内容是网站最基本最重要的核心，因此高保真原型必须建立在低保真原型的基础上，直接进行页面的细节规划是一种本末倒置的错误行为。

　　网站策划

　　区分“可交互”的部分

　　讨论内容的形式主义，并非要简单的区分哪些是图片，哪些是文字，哪些是Flash动画……而是要将那些用户可交互的内容进行延展和变换；在这里谈及的交互就是人与机器的互动，对于万维网而言，最常见的就是鼠标响应和键盘响应。

　　使用颜色对不同的页面元素类型进行标注是十分有效的方法，比如：

　　绿色代表超级链接

　　橙色代表表单项目

　　紫色代表Js效果

　　网站策划

　　使用颜色对页面“可交互”部分进行区分

　　区分有链接的文本和无链接文本是非常重要的工作，在低保真原型中你可能完全可以不理会它们，然而对于高保真线框图则必须区分哪些文本是可以点击的，哪些纯浏览文本；对于标题级的文本，应该使用较大字体，同时赋予一个浅色的背景进行标识；那些没有链接的文字段落，可以使用首行缩进的多条灰色背景代表它们（真正的页面中可以没有缩进）；如果时间充裕，更推荐以真实的文字去填充页面中的段落部分。

　　网站策划

　　区分标题、有链接文本、文字段落

　　对交互形式进行区分，可以看作对线框图图例的一种补充；这种增补可能根据不同网站的需要有所社区，甚至提供一些非常独特的图例，比如在规划一个房地产SNS社区的过程中，甚至可以增加Icon图例，这样做的好处不仅仅是给其他设计实现人员以提示和方便，并且使得高保真原型具有“可读性”，更趋近于最后的页面结果。

　　网站策划

　　某房地产SNS网站线框图中的Icon图例

　　无处不在的栅格系统

　　栅格系统已经在网页设计中被普遍的采纳，网络中已经有诸多的介绍性文章，更可以参考960.gs的相关代码进行具体的应用；不要以为栅格系统只对视觉设计师有帮助，在高保真线框图的设计中同样可以获得非常大的帮助；类似Visio和Axure这样的原型设计软件都提供了强大的辅助线和网格对齐支持，能够让你轻松的实现线框图中的栅格。

　　网站策划

　　在高保真线框图中建立栅格系统

　　带有栅格系统的高保真原型是最接近真实页面的设计（甚至可以认为选择合理的栅格系统是建立高保真线框图的第一步骤），具有以下三个优势：

本新闻共3页,当前在第1页 1 2 3

【收藏】【打印】【进入论坛】