发表于: 2019-08-05 23:16:25

3 554


今天完成的事情: 

选择百威官网、人民网、法拉利官网、酷狗音乐官网以及1+官网五个网站的首页进行网页布局设计的调研并制作PPT。
明天计划的事情:

写出草船云页头页尾的story。
遇到的问题:

在制作网站布局设计的PPT时一度无从下手,不清楚应该分析网页设计的哪些方面,另任务要求中所说的网站布局设计和对应的场景中的场景是指的什么?是对每一个网站首页的布局按它们的布局类型或者说页面结构、色彩运用、文字排版这些方面来一个个分析吗?
收获:

了解到网页的布局设计可以分为:

Banner图+简单栅格这种布局包含导航栏、Banner图、2-4个分栏、主要内容区域和页脚,每个元素都各司其职,并且整个流程是富有逻辑的,顶部大图足以营造氛围,给予用户特定的体验,下面的次一级元素能够做的很好的支撑;

自定义栅格:这种布局由一个一个分割开来的栅格组成,它可以同时呈现大量的视觉化的内容,看起来足够丰富又不会落于下乘;

单页设计、单栏布局这种布局包含导航栏、主要内容区域和页脚,单页式设计适合于小网站或者小型项目的展示,它可以用来制造一个简单的介绍页面,让简单的内容显得不那么单调,强化内容的形式感和重量感;

F式布局:这种布局它包含页头和导航栏、左边展示主要内容的一栏、右边展示相关链接的侧边栏和页脚。从左到右,自上而下,人们大多习惯了这种行为模式。F式的布局模式拥有良好的适用性,便于用户理解和交互;

极简布分层极简化的页面中加入简单的几个分层,让页面有了视觉焦点,尤其是当设计者想要引导用户关注到某个关键的内容的时候,这种页面布局很很容易实现这一点;

国字型(同字型)布局:顶部是网站的标题、横幅广告条,然后是网站的主体内容,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等;

拐角型:最上面的部分是网站的标题以及网站的横幅广告条,一种很常见的类型是最上面是标题及广告,左侧是导航链接;

标题正文型:上面是网站的标题,接着就是网站的正文内容;

左右框架类型:这是一种左右为分别两页的框架结构,一般布局是:左边是导航链接,最上面有时是一个小的标题或标致,而右面就是主要内容;

上下框架型:与左右框架类型类似,只是这种类型是上下两页的框架;

综合框架型:其实就是左右框架类型和上下框架类型的结合体;

封面型:这种类型基本上是出现在一些网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示;

Flash型:其实这与封面型结构是类似的,采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体;

变化型:即上面几种类型的结合与变化,但所实现的功能的实质是那种上、左、右结构的综合框架型。



返回列表 返回列表
评论

    分享到