青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 网页设计中应注意内容、功能、表现三个方面

网页设计中应注意内容、功能、表现三个方面

网页设计注意 2014-10-31 12:18发表
阅读次数 1861

  首先网站的本质主题具有形式主义,其中包括内容、功能、表现这三点内容在内也体现了三个网站的要素要在里面,同时低保真原型也解决了网站基础内容层面的问题,而高保真线框图也给我们规划了网站的功能和表现,内容主要是网站最基本最重要的核心,因此高保真原型也必须建立在低保真原型的基础上面,给我们大家直接进行了页面的细节规划是一种本末倒置的一种错误行为体现。

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

  某房地产SNS网站线框图中的Icon图例 ↑ 使用颜色对页面“可交互”部分进行区分  ↓

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

  无处不在的栅格系统  ↓

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

  区分“可交互”的部分
 
  讨论内容的形式主义,并非要简单的区分哪些是图片,哪些是文字,哪些是Flash动画……而是要将那些用户可交互的内容进行延展和变换;在这里谈及的交互就是人与机器的互动,对于万维网而言,最常见的就是鼠标响应和键盘响应。
 
  使用颜色对不同的页面元素类型进行标注是十分有效的方法,比如:
 
  绿色代表超级链接
 
  橙色代表表单项目
 
  紫色代表Js效果


  在高保真线框图中建立栅格系统
 
  带有栅格系统的高保真原型是最接近真实页面的设计(甚至可以认为选择合理的栅格系统是建立高保真线框图的第一步骤), 具有以下三个优势:
 
  优势一:通过栅格控制屏幕资源
 
  内容形式主义的核心就是对屏幕资源进行规划,建立栅格系统能够对页面的整体和局部尺寸进行有效的把握,提高原型的真实度和适应性。
 
  例如,在以60像素为基准的栅格系统中,可以实现适应标准屏幕尺寸(800px×600px)的兼容,整个网站的页面风格提供强大的伸缩。

  
  能够适应800*600标准屏幕分辨率的线框图栅格
 
  优势二:轻松实现整站图片尺寸规划
 
  将那些具有内容意义的图片(非装饰图)放手给没有经验的视觉设计师,往往会带来灾难性的后果,这也是很多看起来很美的设计与实际效果相差悬殊的主要原因;既然已经决定进行高保真原型设计,就肯定要对视觉设计层面的工作进行干预;内容图片是伴随内容经常更换的,本身更贴近交互设计的范畴,在某些时候,视觉设计应该合理让路。
 
  基于栅格系统的基准宽度,通常需要规划2~3个常用的宽高比例,并且按照页面的需要进行尺寸的规划;这一系列的图片尺寸应该在高保真线框图开始之前,栅格系统确立之后,就准备妥当,用来做内容填充时使用。

  
  包含两个固定比例和一个可伸缩比例的整站图片尺寸规划
 
  优势三:形成线框图的块级复用
 
  网页设计的灵活源自规划中的块级复用。通常可以把某几个相关的内容元素形成一个 “内容块”,在页面的制作过程中,这些块可能是一个div、ol、ul、dl级的标记语言;由于Web页面是一种纵向的延展,因此在线框图的高保真设计中主要是依据栅格系统对块级内容的宽度进行规划;在常用宽度确定之后,就可以轻松的实现“乾坤大挪移”,缩减设计工作量,提高团队的设计执行效率(视觉设计师们也很欢迎这种规划)。
 

  曾经有人断言万维网已经进入了读图时代,也在“眼球经济”的影响下,网站渴望每个内容元素都得到用户的充分关注,越来越多的Web界面使用图片作为内容传达形式,这也带来了访问速度缓慢和搜索引擎优化的难度,使图文搭配进行了内容的形势化,而从一个侧面反映了它们之间的强弱关系,也是一件非常轻松的事情。


网页设计中应注意内容、功能、表现三个方面相关标签:企业网站建设企业建站网站申请设计网页
相关热点推荐
小型企业网站维护
企业建站技巧和方法
细节决定成败总结项目中
网站风格定位如何把握
扁平化网站风格设计的特
网站设计和图形用户界面
设计时如何把握网页布局
网站设计色彩该如何搭配
网页设计离用户的距离,
全面认识网页中附加码的
探讨怎样的网站才是成功
SEO在网站建设中有哪
清新的网站设计风格
网站重建怎么保护已有的
网站设计制作的流程控制
移动互联网开发中的技术
网站建设:网站建设目标
网页设计中的版式原理-
如何领导自已成为一名网
学习网站建设中一些容易
如何让你的网站或是个人
网络宣传:软文的写作技
影响用户体验之网站信任
漫谈—&m
网站域名,建站的第一步
网站页面在控制方面应注
网站SEO优化的最新趋
软件定制开发
分类目录
企业建站如何选购域名主
如何提高网站的流量
网页设计中应急小技巧你
搜索引擎优化之网站导航
网页设计制作规范
如何提高网站流量
网页上的广告条设计
网络安全知识
浅谈SEO技术含量
谈搜索引擎影响网站收录
网站推广前的分析最重要
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
157个月 28