web端交互设计页面布局对比分析

2016-09-08    分类: 网站建设

页面布局的定义

页面布局是指,在设计页面的过程将页面各要素通过合理、有效、统一的规则进行排版,产生很好的传播信息的视觉效果。一般来说,都会基于下原则进行页面布局设计:

(1)对比:是防止页面元素过于单一或没有差异性。假如空间、大小、形状、字体、线条、颜色等设计元素都要各不相同,那么就要制造较大的差别,要让页面引人注目。

(2)重复:可W重复颜色、形状、线宽、字体、大小和图片等等。既能够増加条理性,也可増强页面的统一性。

(3)对齐:在页面上,不同元素不能孤立存在,而应当构建特殊的视觉关联效果,从外观上给予用户更为清爽、稽巧和情绪化的体验。

(4)亲密性:页面上的元素不应当孤立的存在,彼此之间存在亲密性,形成一个视觉单元。这样可有助于信息的架构,减少信息组织的混乱。

网页布局类型

网页版式的基本类型主要有骨骼型、国字型、拐角型、框架型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、自由型等12种。

1.“国”字型布局

也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列两小条内容,中间是主要部分,与左右一起列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

口字型、同字型、回字型都可归属于此类,是一些大型网站所喜欢的类型,即最上面是网站的标题、导航以及横幅广告条,接下来就是网站的主要内容,左右分列一些小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种布局的优点是充分利用版面,信息量大,缺点是页面拥挤,不够灵活。这种结构是我们在网上见到的差不多最多的一种结构类型,常用于门户网站的设计。

2.拐角型匡型布局或T型布局可归于此类,在匡型布局中,常见的类型有上面是标题与导航,左侧是展示图片的类型和最上面是标题及广告,右侧是导航链接的类型。这种版式在韩国的网站中常见。T布局就是指页面顶部为横条网站标志与广告条,下方左面为主菜单,右面显示内容的布局,因为菜单背景色彩较深,整体效果类似英文字母T,所以称之为T形布局。这种布局的优点是页面结构清晰,主次分明,是初学者最容易上手的布局方法。缺点是规矩呆板,如果在细节色彩上不注意,则很容易让人感觉枯燥无味。

2.1“匡”字型布局

这种结构与上一种其实只是形式上的区别,它去掉了“国”字形布局的最右边的部分,给主内容区释放了更多空间。这种布局上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。

2.2.T型布局

“T”结构布局形式。所谓“T”结构,就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,整体效果类似英文字母“T”,所以称之为“T,形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰,主次分明,是初学者最容易上手的布局方法。缺点是规矩呆板,如果不注意细节色彩,很容易让人”看之无味“

文章题目:web端交互设计页面布局对比分析
本文路径:https://www.cdcxhl.com/news/43641.html

成都网站建设公司_创新互联,为您提供网站建设面包屑导航电子商务云服务器定制网站Google

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设