发表于: 2019-07-09 20:53:25

1 620


编辑日

今天完成的事情:完成主流网站首页设计分析PPT

明天计划的事情:画草船云的原型图

遇到的问题:用户story的概念理解了,但是写story这块还不成熟。

收获:

1.Banner+简单栅格:顶部大的banner图吸引用户的注意,页面内容简单,承载量少。

2.单页设计、单栏布局:页面主题集中,内容固定。页面空间控制很重要,设计者要把握页面留白和布局的平衡。

3.自定义栅格:网页布局用干净整洁的栅格分割成大大小小的内容区域,每个栅格展示不同的信息分布,好的栅格布局可以让用户快速看到自己想要的内容,具有规则,整体页面要看起来协调自然。

4.F式布局:根据用户的阅读习惯,从左到右。左边栏展示主要内容,右边栏展示相关内容链接。确定页面内容的优先级,优化布局与结构。页面富有层次感。多适用于电商网站页面。

5.极简分层:极简的页面加几个分层,让页面有视觉焦点,引导用户关注某个关键的内容。页面具有细节不复杂,也更加有趣。

6.网页设计类型的特点与场景

7.网页布局设计的其他类型

字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型

国字类型:常见的结构网页,顶部是网站的标题、横幅广告条,然后是网站的主体内容,左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。

拐角型:与国字型很相近。最上面的部分是网站的标题以及网站的横幅广告条,常见的类型是最上面是标题及广告,左侧是导航链接。

标题正文类型:上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面。  

左右框架类型:是一种左右两页的框架结构,左边是导航链接,最上面有时是一个小的标题或标致,右面就是主要内容这种布局的特点是结构清晰明了。论坛网站  

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

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

封面型:网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个进入链接或无任何提示。  

Flash型:与封面型结构类似,采用游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面表达的信息更丰富。

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

报内容...


返回列表 返回列表
评论

    分享到