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

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

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

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

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

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

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

  无处不在的栅格系统  ↓

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

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


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

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

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

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


网页设计中应注意内容、功能、表现三个方面相关标签:网站申请网站优化网站建造网站申请
相关热点推荐
25个判断垃圾站的标准
即墨网站建设哪家好
优化网站设计的五种方法
企业建站的理由
如何构建营销型网站
用户期望什么时候在哪里
瞎扯之Web导航
针对搜索引擎最佳方式:
应用号终于来了,它到底
H5页面设计
网站推广技巧之付费广告
成功建站的七点准备
需要掌握的八个CSS布
十五项搜索引擎优化技巧
建站事项1
如何从营销的角度策划建
青岛网站制作支持旧IE
网站设计8步骤
企业网站访问流量统计分
公司网站建设如何定位
如何制定文字语言规范
网站搜索引擎优化的流程
做好网络营销就要写好软
有关网页制作的一些基本
精致的web设计
网页设计离用户的距离,
百度搜索你了解多少?
苹果谷歌微软Adobe
网站制作简易流程介绍
平面设计师如何转型为互
外贸企业网站怎样才能得
国内网页设计经验谈
教你怎样提高网站的可用
网站优化的关键与弊端?
自助建站时添加背景音乐
青岛网站制作如何实现自
网站基础优化首先学会s
新站快速推广经验,百度
网站排名第一的四要素
网页设计中“面”的视觉
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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