网站策划 网站重点 内容、功能、表现
发布时间：2023-02-27 09:24:38 所属栏目：策划 来源：
导读：网站的本质就是形式主义，内容、功能、表现这三个网站的要素，低保真原型解决了基础内容层面的问题，而高保真线框图规划了网站的功能和表现；内容是网站最基本最重要的核心，因此高保真原型必须建立在低保真原型的基
|
网站的本质就是形式主义，内容、功能、表现这三个网站的要素，低保真原型解决了基础内容层面的问题，而高保真线框图规划了网站的功能和表现；内容是网站最基本最重要的核心，因此高保真原型必须建立在低保真原型的基础上，直接进行页面的细节规划是一种本末倒置的错误行为。 区分“可交互”的部分 讨论内容的形式主义，并非要简单的区分哪些是图片，哪些是文字，哪些是Flash动画……而是要将那些用户可交互的内容进行延展和变换；在这里谈及的交互就是人与机器的互动，对于万维网而言，最常见的就是鼠标响应和键盘响应。 区分有链接的文本和无链接文本是非常重要的工作，在低保真原型中你可能完全可以不理会它们，然而对于高保真线框图则必须区分哪些文本是可以点击的，哪些纯浏览文本；对于标题级的文本，应该使用较大字体，同时赋予一个浅色的背景进行标识；那些没有链接的文字段落，可以使用首行缩进的多条灰色背景代表它们（真正的页面中可以没有缩进）；如果时间充裕，更推荐以真实的文字去填充页面中的段落部分。 无处不在的栅格系统 栅格系统已经在网页设计中被普遍的采纳，网络中已经有诸多的介绍性文章，更可以参考960.gs的相关代码进行具体的应用；不要以为栅格系统只对视觉设计师有帮助，在高保真线框图的设计中同样可以获得非常大的帮助；类似Visio和Axure这样的原型设计软件都提供了强大的辅助线和网格对齐支持，能够让你轻松的实现线框图中的栅格。 带有栅格系统的高保真原型是最接近真实页面的设计（甚至可以认为选择合理的栅格系统是建立高保真线框图的第一步骤）， 具有以下三个优势： 优势一：通过栅格控制屏幕资源 内容形式主义的核心就是对屏幕资源进行规划，建立栅格系统能够对页面的整体和局部尺寸进行有效的把握，提升原型的真实度和可移植性。 优势二：轻松实现整站图片尺寸规划 将那些具有内容意义的图片（非装饰图）放手给没有经验的视觉设计师，往往会带来灾难性的后果，这也是很多看起来很美的设计与实际效果相差悬殊的主要原因；既然已经决定进行高保真原型设计，就肯定要对视觉设计层面的工作进行干预；内容图片是伴随内容经常更换的，本身更贴近交互设计的范畴，在某些时候，视觉设计应该合理让路。 包含两个固定比例和一个可伸缩比例的整站图片尺寸规划_错新网 优势三：形成线框图的块级复用 网页设计的灵活源自规划中的块级复用。通常可以把某几个相关的内容元素形成一个 “内容块”，在页面的制作过程中，这些块可能是一个div、ol、ul、dl级的标记语言；由于Web页面是一种纵向的延展，因此在线框图的高保真设计中主要是依据栅格系统对块级内容的宽度进行规划；在常用宽度确定之后，就可以轻松的实现“乾坤大挪移”，缩减设计工作量，提高团队的设计执行效率（视觉设计师们也很欢迎这种规划）。 曾经有人断言万维网进入了读图时代，在“眼球经济”的影响下，网站渴望每个内容元素都得到用户的充分关注，越来越多的Web界面使用图片作为内容传达形式，这也带来了访问速度缓慢和搜索引擎优化的难度；什么时候使用图片，如何进行图文搭配，是高保真线框图的一个重要环节。 使用图文搭配进行内容形式化，从某某意义上说决定了内容元素和分块占用的屏幕资源，从一个侧面反映了它们之间的强弱关系；在完善且合理的页面逻辑架构基础上，根据页面元素之间的权重进行高保真线框图设计，是一件非常轻松的事情。 以最常见的“同主题链接列表”这个内容块为例，解决在不同屏幕资源分配下的变形问题；所谓“同主题链接列表”可能是一系列的文章，也可能是围绕某个主题的一系列关键字，总之是相互关联的同级内容节点；这些兄弟节点从属的某个主题，在页面中以标题的形式体现。 （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐