【修真院pm小课堂】关于网页设计的布局

常用的设计布局分为:

•1. “国”字型布局

•2. “T”字型布局

•3. 标题正文型布局

•4. 左右框架布局

•5. 变化布局


1.“国”字型布局

规律:左上部和中上部为【最佳视域】

              网站logo,商品名,主题等重要信息放在最佳视野区域。

2.T型布局

优点:页面结构清晰,主次分明

缺点:规矩呆板,如把握不好,容易让人看了乏味






3.标题正文型布局

通常用于文章页面,注册页面

特点:简洁明快,干扰信息少,较为正规






4.左右框架布局

大型论坛和企业常用,这种布局方式不常见到,但却是非常富有新鲜感的布局方式,如果你已经做腻歪了水平分割的设计,尝试一下这种布局也未尝不是一种好的选择。



5.变化式布局(1)通栏布局

这种布局方式让视线不再受到方框的限制,多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。




 (2)导航在主视觉下布局

这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。







(3)环绕式布局





这种布局方式看上去更加灵活,banner区域相对较小,就可以在页面放置更多的信息内容。



新兴流行布局

1.页面分割设计

2.无边界设计

3.模块化设计

4.全屏式设计




讨论

PPT          https://it-xzy.github.io/PM-NEW/20180515-PM.html#/

视频         https://v.qq.com/x/page/v0654wnsz4m.html


猜你喜欢

转载自blog.csdn.net/maonia/article/details/80411842
今日推荐