申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
知识普及 » 网页的设计中应注意内容、功能、表现三个方面
网页的设计中应注意内容、功能、表现三个方面
奈薇网站建设
于
2020-04-10 11:40
发表
阅读次数
2311
次
首先网站的本质主题具有形式主义，其中包括内容、功能、表现这三点内容在内也体现了三个网站的要素要在里面，同时低保真原型也解决了网站基础内容层面的问题，而高保真线框图也给我们规划了网站的功能和表现，内容主要是网站最基本最重要的核心，因此高保真原型也必须建立在低保真原型的基础上面，给我们大家直接进行了页面的细节规划是一种本末倒置的一种错误行为体现。
对交互形式进行区分，可以看作对线框图图例的一种补充;这种增补可能根据不同网站的需要有所社区，甚至提供一些非常独特的图例，比如在规划一个房地产SNS社区的过程中，甚至可以增加Icon图例，这样做的好处不仅仅是给其他设计实现人员以提示和方便，并且使得高保真原型具有“可读性”，更趋近于最后的页面结果。
某房地产SNS网站线框图中的Icon图例↑
使用颜色对页面“可交互”部分进行区分↓
区分有链接的文本和无链接文本是非常重要的工作，在低保真原型中你可能完全可以不理会它们，然而对于高保真线框图则必须区分哪些文本是可以点击的，哪些纯浏览文本;对于标题级的文本，应该使用较大字体，同时赋予一个浅色的背景进行标识;那些没有链接的文字段落，可以使用首行缩进的多条灰色背景代表它们(真正的页面中可以没有缩进);如果时间充裕，更推荐以真实的文字去填充页面中的段落部分。
无处不在的栅格系统↓
栅格系统已经在
网页设计
中被普遍的采纳，网络中已经有诸多的介绍性文章，更可以参考960.gs的相关代码进行具体的应用;不要以为栅格系统只对视觉设计师有帮助，在高保真线框图的设计中同样可以获得非常大的帮助;类似Visio和Axure这样的原型设计软件都提供了强大的辅助线和网格对齐支持，能够让你轻松的实现线框图中的栅格。
区分“可交互”的部分
讨论内容的形式主义，并非要简单的区分哪些是图片，哪些是文字，哪些是Flash动画……而是要将那些用户可交互的内容进行延展和变换;在这里谈及的交互就是人与机器的互动，对于万维网而言，最常见的就是鼠标响应和键盘响应。
使用颜色对不同的页面元素类型进行标注是十分有效的方法，比如：
绿色代表超级链接
橙色代表表单项目
紫色代表Js效果
在高保真线框图中建立栅格系统
带有栅格系统的高保真原型是最接近真实页面的设计(甚至可以认为选择合理的栅格系统是建立高保真线框图的第一步骤)，具有以下三个优势：
优势一：通过栅格控制屏幕资源
内容形式主义的核心就是对屏幕资源进行规划，建立栅格系统能够对页面的整体和局部尺寸进行有效的把握，提高原型的真实度和适应性。
例如，在以60像素为基准的栅格系统中，可以实现适应标准屏幕尺寸(800px×600px)的兼容，整个网站的页面风格提供强大的伸缩。
能够适应800*600标准屏幕分辨率的线框图栅格
优势二：轻松实现整站图片尺寸规划
将那些具有内容意义的图片(非装饰图)放手给没有经验的视觉设计师，往往会带来灾难性的后果，这也是很多看起来很美的设计与实际效果相差悬殊的主要原因;既然已经决定进行高保真原型设计，就肯定要对视觉设计层面的工作进行干预;内容图片是伴随内容经常更换的，本身更贴近交互设计的范畴，在某些时候，视觉设计应该合理让路。
基于栅格系统的基准宽度，通常需要规划2~3个常用的宽高比例，并且按照页面的需要进行尺寸的规划;这一系列的图片尺寸应该在高保真线框图开始之前，栅格系统确立之后，就准备妥当，用来做内容填充时使用。
包含两个固定比例和一个可伸缩比例的整站图片尺寸规划
优势三：形成线框图的块级复用
网页设计
的灵活源自规划中的块级复用。通常可以把某几个相关的内容元素形成一个“内容块”，在页面的制作过程中，这些块可能是一个div、ol、ul、dl级的标记语言;由于Web页面是一种纵向的延展，因此在线框图的高保真设计中主要是依据栅格系统对块级内容的宽度进行规划;在常用宽度确定之后，就可以轻松的实现“乾坤大挪移”，缩减设计工作量，提高团队的设计执行效率(视觉设计师们也很欢迎这种规划)。
曾经有人断言万维网已经进入了读图时代，也在“眼球经济”的影响下，网站渴望每个内容元素都得到用户的充分关注，越来越多的Web界面使用图片作为内容传达形式，这也带来了访问速度缓慢和搜索引擎优化的难度，使图文搭配进行了内容的形势化，而从一个侧面反映了它们之间的强弱关系，也是一件非常轻松的事情。
网页的设计中应注意内容、功能、表现三个方面相关标签：
企业建站
，
网站开发
，
网站申请
，
网站制作
相关热点推荐
网页设计细节的根本所在
网站建设之企业的产品与
公司建立自己网站的原因
如何提高网页关键词也是
网页模板
怎样充分利用你的网站设
微官网，绽放品牌的精彩
被称为网站中的小王子—
SEO的秘诀
应用号终于来了，它到底
网站设计趋势-互动站细
什么样网站体验更好一些
网站需要SEO,基本的
教你怎样提高网站的可用
外贸网站建设全攻略
网页设计的审美需求
关键词密度多少比较好？
青岛网页设计的未来在何
青岛公司如何做英文网站
如何制作网站
网站建设的四个步骤
网络营销、网站推广软文
密码保护信息的用户体验
网站备案
企业网络营销的成功策略
让网页更具“人性”化
设计前言、应用中的功能
网站推广之搜索引擎篇
基本搜索引擎优化策略
简约设计如今非常流行？
IE不能上网浏览的常见
网页设计中的图层叠加混
网页设计之论摹仿和抄袭
企业建站的优势
网页上的广告条设计
罕见网站设计心得
全面认识网页中附加码的
如何为你的网站起个好的
快照又回到以前的了，是
《Web信息架构》-导
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户