更多课程 选择中心

UI培训
美国上市教育机构

400-111-8989

UI培训

UI培训班分享网页布局类型

  • 发布:UI培训
  • 来源:UI教程
  • 时间:2016-12-02 13:16

“国”字型布局

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

网页布局类型

“匡”字型布局

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

网页布局类型

“三”字型布局

是一种简洁明快的网页布局,在国外用的比较多,国内比较少见。这种布局的特点是在页面上由横向两条色块将网页整体分割为三部分,色块中大多放置广告条与更新和版权提示。

网页布局类型

“川”字型布局

整个页面在垂直方向分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能。

网页布局类型

“F”型布局

传统的布局方式,依赖布置视觉线索,“控制”用户的视觉路径,相较之下,F式布局更加自然,更加友好。F式布局符合用户的浏览习惯,更自然。符合“从上到下,从左到右”的阅读模式。

网页布局类型

封面型布局

这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉

网页布局类型

Flash布局

这种布局是指整个网页就是一个Flash动画,它本身就是动态的,画面一般比较绚丽、有趣,是一种比较新潮的布局方式。其实这种布局与封面型结构是类似的,不同的是由于Flash强大的功能,页面所表达的信息更丰富。其视觉效果及听觉效果如果处理得当,会是一种非常有魅力的布局

网页布局类型

标题文本型布局

标题文本型布局是指页面内容以文本为主,这种类型页面最上面往往是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这一类。

网页布局类型

框架型布局

采用框架布局结构,常见的有左右框架型、上下框架型和综合框架型。由于兼容性和美观等因素,这种布局目前专业设计人员采用的已不多,不过在一些大型论坛上还是比较受青睐的,有些企业网站也有应用。

网页布局类型

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:UI设计字体排版指南-平面设计培训
下一篇:UI培训教程之ios与android ui适配
选择城市和中心
贵州省

广西省

海南省