首页  ·  知识 ·  交互设计
网页信息的表现类型和常见的排版方式
佚名  68design.net    编辑:dezai  图片来源:网络
网页设计如果不具备一个考虑用户的友好界面的话,无论这个网站有多少好的设计和内容,都不算是好的网页设计。在印刷媒介的编辑设计里,题目的位置、文字的数

网页设计如果不具备一个考虑用户的友好界面的话,无论这个网站有多少好的设计和内容,都不算是好的网页设计。在印刷媒介的编辑设计里,题目的位置、文字的数量,正文的大小,行间距、字间距等都需要仔细的计算才能保持整体的均衡,同样这些在网页设计中也都需要考虑到,让人赏心悦目的主页要具备以下几个条件:

鲜明主题的诱导力

对于初次访问网站的读者来说,网页设计界面首要目的就是通过版面的良好视觉组织秩序,来传达出主题精神,这是网页界面设计的首要条件,如果主题晦涩难懂,将会使光临的访问者不知所措。强调鲜明的主题视觉传达,有助于读者对版面的注意,增强版面主题的诱导力,能增进读者对内容的理解。要获得版面的诱导力,可以通过版面的空间层次、主从关系、视觉秩序等去把握和运用。

按此在新窗口浏览图片
http://mysqlconf.com/
评价:主题明确,通过MYSQL鲜明标志的视觉传达,增强了读者对网站的注意,增进读者对网站内容的理解。

按此在新窗口浏览图片
http://pepsigame.pepsicola.co.kr/
评价:通过版面的空间层次,利用百士鲜明的标志通过视觉秩序传达出主题精神,使网站获得了很强的诱惑力。

按此在新窗口浏览图片
http://www.lovewp.com/

网页设计如果不具备一个考虑用户的友好界面的话,无论这个网站有多少好的设计和内容,都不算是好的网页设计。在印刷媒介的编辑设计里,题目的位置、文字的数量,正文的大小,行间距、字间距等都需要仔细的计算才能保持整体的均衡,同样这些在网页设计中也都需要考虑到,让人赏心悦目的主页要具备以下几个条件:

鲜明主题的诱导力

对于初次访问网站的读者来说,网页设计界面首要目的就是通过版面的良好视觉组织秩序,来传达出主题精神,这是网页界面设计的首要条件,如果主题晦涩难懂,将会使光临的访问者不知所措。强调鲜明的主题视觉传达,有助于读者对版面的注意,增强版面主题的诱导力,能增进读者对内容的理解。要获得版面的诱导力,可以通过版面的空间层次、主从关系、视觉秩序等去把握和运用。

按此在新窗口浏览图片
http://mysqlconf.com/
评价:主题明确,通过MYSQL鲜明标志的视觉传达,增强了读者对网站的注意,增进读者对网站内容的理解。

按此在新窗口浏览图片
http://pepsigame.pepsicola.co.kr/
评价:通过版面的空间层次,利用百士鲜明的标志通过视觉秩序传达出主题精神,使网站获得了很强的诱惑力。

按此在新窗口浏览图片
http://www.lovewp.com/

形式与内容的统一
个性化、艺术化形式美的设计本质是用来加强传播与沟通,因此网页设计所追求的完美形式必须符合思想主题的表达,在网页设计中,如果所表达的形式与主题统一起来,则将赋予界面的思想性、创意性、趣味性等,如果脱离了主题内容,则将使网站变的迷惑和晦涩。

按此在新窗口浏览图片
http://www.hanxiangfu.com/
评价:通过古典元素以及古典美女弹琵琶的设计,传播出古典、富丽、简洁的生活理念,与整个网站的主题内容“翰香府——中式风水园林,文脉大宅”相统一起来,让整个界面充满了思想性,使观众能一目了然地了解到信息的种类及其性质。

按此在新窗口浏览图片
http://z12y3.51.net/index.a1.htm
评价:运用的图象与文字信息不相符合,未能准确地传达出信息,产生混乱,使人迷惑。

整理信息目录
对于网页来说,最重要的就是信息内容,信息的品质与数量决定了人们对整个网页的评价高低,所以,在网页设计的时候,我们要明确划分信息群,不让读者产生迷惑,使之顺利找到所需要的信息。

按此在新窗口浏览图片
http://www.flash8.net/
评价:明确的划分信息群体,使观众能一目了然的找到自己所需要的信息,使人不迷惑,增强观众的阅读兴趣。

按此在新窗口浏览图片
评价:文字信息不明确,使信息查询困难,让人迷惑。

强化整体的感觉
网站设计的整体性包括内容、形式的整体性,设计时需要强调整个网站风格的统一,从而给人一种内部有机联系、外部和谐完的美感。

按此在新窗口浏览图片
http://www.icoke.cn/ico_index.aspx 中国

按此在新窗口浏览图片
http://www.icoke.hk/csol/00_csol_shell.jsp 中国香港

按此在新窗口浏览图片
http://www.coca-cola.de/gateway/html/flash.html 德国


http://www.coca-cola.com/home.htm?lang=en_US 美国

评价:上面罗列出了可口可乐在中国、中国香港、德国、美国的四个网站,四个网站整体上都采用温暖的色调,动感的曲线、自由的排版格式相互协调、统一起来,体现出可口可乐网站的整体感觉,界面设计上给人自由的、奔放的、有激情的感受,与可口可乐的企业文化统一起来。

本文作者:佚名 来源:68design.net
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读