发表于: 2019-07-09 20:53:25
1 618
编辑日
今天完成的事情:完成主流网站首页设计分析PPT
明天计划的事情:画草船云的原型图
遇到的问题:用户story的概念理解了,但是写story这块还不成熟。
收获:
1.Banner图+简单栅格:顶部大的banner图吸引用户的注意,页面内容简单,承载量少。
2.单页设计、单栏布局:页面主题集中,内容固定。页面空间控制很重要,设计者要把握页面留白和布局的平衡。
3.自定义栅格:网页布局用干净整洁的栅格分割成大大小小的内容区域,每个栅格展示不同的信息分布,好的栅格布局可以让用户快速看到自己想要的内容,具有规则,整体页面要看起来协调自然。
4.F式布局:根据用户的阅读习惯,从左到右。左边栏展示主要内容,右边栏展示相关内容链接。确定页面内容的优先级,优化布局与结构。页面富有层次感。多适用于电商网站页面。
5.极简分层:极简的页面加几个分层,让页面有视觉焦点,引导用户关注某个关键的内容。页面具有细节不复杂,也更加有趣。
6.网页设计类型的特点与场景
7.网页布局设计的其他类型
“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型
国字类型:常见的结构网页,顶部是网站的标题、横幅广告条,然后是网站的主体内容,左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。
拐角型:与国字型很相近。最上面的部分是网站的标题以及网站的横幅广告条,常见的类型是最上面是标题及广告,左侧是导航链接。
标题正文类型:上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面。
左右框架类型:是一种左右两页的框架结构,左边是导航链接,最上面有时是一个小的标题或标致,右面就是主要内容,这种布局的特点是结构清晰明了。如论坛网站。
上下框架类型:与左右框架类型类似,只是这种类型是上下两页的框架。
综合框架类型:其实就是左右框架类型和上下框架类型的结合体。
封面型:网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示。
Flash型:与封面型结构类似,采用游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面表达的信息更丰富。
变化型:上面几种类型的结合与变化,但所实现的功能的实质是那种上、左、右结构的综合框架型。
报内容...
评论