0 Comments

线框图(1)

发布于:2013-01-31  |   作者:广州网站建设  |   已聚集:人围观
线框图(1)

信息架构过程从根本上说是一个坚持常规避免特殊的过程。在这个概念性阶段的不同的点,利益相关人、客户乃至设计团队成员都有可能发现专门针对页面视觉设计的建议是不可抵挡的诱惑。尤其是,在认真考虑网站的战略目标、功能和结构之前,关注主页可能的外观和效果会致使规划进程脱离正轨,陷入有关主页的颜色、图形或者一般特征的细节讨论。线框图会推动团队持续专注信息架构和结构设计,而不要受视觉层面的干扰。                    广州网站建设

如果网站图表提供了制作网站的全局概览,那么线框图则是最终被图形设计师和界面设计师用来创建网站最初和最终的页面设计的“草图”。线框图是粗略的二维指南,它用来指示网站的主要导航和内容元素将要出现在页面上的什么位置。线框图为网站的不同页面表单设置了一致的模块结构,并且为最终的模板提供了基本的布局和导航结构,如图3-13所示。

可能会作为网页标准元素出现的内容有:

企业标识;

网站标识或标题;

页面标题;

当前位置路径导航;                             广州网站建设

搜索表单;

连接到更大的、你也身为其中一员的企业的链接;

网站的全局导航链接;

局部内容导航;

主要页面内容;

邮件地址和电子邮件信息;

版权声明;

联系方式。

图3-13 典型的页面线框图表

为了让讨论紧紧围绕信息架构和导航展开,请保持线框图表简洁。要避免使用独特的排版,尽量使用单一的常用字体,如果必须要对功能区域进行区分的话,可使用灰色色调,不要使用彩色以及图片。通常,成熟线框图中出现的唯一图形将是企业标识,不过,即便这样,最好还是简单地指出标识的大致位置。

随着你对全局、局部导航的考虑逐渐深入,以及你对主要网站内容的性质和组织更为明确的肯定,页面线框图会逐步变得复杂。

网页的规范格式:内容放在哪,为什么                             广州网站设计

是什么控制着用户浏览信息面页的方式,打印或是屏幕?根据经典的艺术构图理论,平面的角和中央会先行吸引阅读者的注意。在相关的构图实践中,“三分法则”将兴趣点放到一个将长宽三等分的网格内。不过,这些构图法是纯粹的图解,可能对于那些几乎完全由图形和相片构成的展示和主页来说最为有用。大多数页面构成是由文字主导的,在此,我们的阅读习惯是形成页面浏览方式的原动力。在西式语系中,人们按Gutenberg Z模式从上至下、从左到右地浏览页面。视线倾向于顺着页面向下转移(向上浏览则很勉强)—被称做“阅读重力”,这就解释了为什么将主要的标题放在页面顶部之外的任何一个地方不是一个好主意。浏览你设计的网站的读者不太乐意退回到页面再次开始。搜索引擎也偏向于靠近页面顶部附近的项目,如图3-14所示。                           广州网站设计

 

图3-14 构图的经典规则以及阅读习惯将共同决定我们处理信息显示的方式

据波因特学院开展的关于读者浏览网页的眼球追踪研究表明:大多数的读者都会从页面的左上角开始浏览。接下来,他们会按照Gutenberg Z的模式浏览到页面的下部,之后典型读者才会迅速地浏览页面的右部区域,如图3-15a所示。由Jakob Nielsen开展的眼球追踪研究表明,以文本为主导的网页浏览采用F模式,眼睛关注点会横过项部标题区域,然后沿着文字的左侧向下,如图3-15b所示。

 

图3-15 眼球跟踪研究表明我们的页面阅读模式由页面上最为重要的字和链接的“顶-左”浏览主导
飞机