当前位置: 移动互联网学院 > UI培训 > UI设计 > UI设计师必知的网页布局类型
UI设计师必知的网页布局类型 时间:2017-02-17     来源:未知

今天给大家介绍的内容是关于UI网页布局类型,现在网页布局是网页设计当中非常重要的一环,很多客户可能都会纠结甚至会涉足网页设计和布局的工作当中,可以说一个好的布局不仅能够给企业带来长期发展的前景,不知道大家都了解哪几种形式,小编给大家总结了以下几种布局类型,在你UI设计工作中可以根据具体需求来做分析。

1.国字型布局,一些大型网站更倾向于这种布局类型,即上面是网站的标题和横幅广告条,接下来是网站的主要内容,中间是主要部分,左右分出两小条内容,这种结构是我们在网上见过的差不多多的一种结构类型。

2.匡字型布局,这种结构与国字型布局只是形式上的区别,这样的布局形式释放了更多空间,接下来的左侧也是一窄列的链接,右侧是很宽的正文,如下图显示:

3.左右框架型,这种结构与上一种只是形式上的区别,但其实很相近,上面是标题和广告横幅,接下来的左侧是一窄列链接,右侧就是非常正规的正文,下面是网站的辅助信息,这种类型是一种很常见的结构类型。我们见到的大部分的大型论坛都采用这种结构,当然也有一些企业网站也喜欢采用。

4.上下框架型,其实质与左右框架类似,区别只是这种类型是一种上下分为两页的框架。这种类型的布局形式大多在一些文章页面或者是注册页面会出现。

5.川字型布局,整个页面在垂直方向上分为三列,网站的内容按照栏目肺部在这三列当中,大限度的突出主业的索引功能。

6.F型布局,这种布局方式属于传统的布局方式,更依赖于视觉线索,更好地控制用户的视觉路径,相比较来讲,F布局也更加自然,更加友好。F式布局符合用户的浏览习惯,更自然。符合“从上到下,从左到右”的阅读模式。

后还有两种网页布局类型,一种是Flash型局部形式,另一种是封面型布局形式,下边两组,小编就不添加图片了,这两种形式的布局,大家应该很好理解。

Flash型局部,这种网站的布局类型是采用了目前很炫的Flash,由于Flash强大的功能,页面表达的信息更加丰富,这种视觉效果以及听觉效果如果能够处理得当,绝不会比传统的多媒体差。

封面型布局,这种网站一般是出现在一些网站的首页,大部分是精美的平面设计组合成的,加几个比较简单的链接甚至没有任何提示,这种类型的UI布局类型大部分都出现在企业网站或者是个人主页,如果能够处理得当,会给人带来赏心悦目的感觉。