品牌网站设计常见的布局方式
来源:互联网 发布:three.js 视频教程 编辑:程序博客网 时间:2024/06/11 21:12
网站的布局就像建房子,地基打得牢固与否直接影响整栋房子的美观。设计师在设计过程中的布局思路非常重要。根据品牌的整体定位,做到对网站布局心中有数,跳出狭隘、单一的设计思路。其实网页布局也没有想象中那么难,只要做到两点我认为起码可以做到临阵不慌,一是对常见的布局方式心中有数,二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。活不多说,下面就是万户网络总结的企业站首页常用到的布局方法,共有六种。
一、大框套小框的布局
这种布局方式即是我在上面提到的常见的布局,不是说这种布局方式一无是处,但我们总不能只会这一种布局方式,次次套用吧?按照这种布局当然也可以做出来漂亮的设计,但毕竟方框限制的视线的扩展,如果客户要求做出大气的感觉,一般不会按照这种方式来布局,通常来讲,大气意味着开阔视野。
二、通栏布局
这种布局方式让视线不再受到方框的限制,比起上面的布局方式,自然多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。
三、导航在主视觉下方的布局
这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。
四、左中右布局
这种布局方式不常见到,但却是非常富有新鲜感的布局方式,如果你已经做腻歪了水平分割的设计,尝试一下这种布局也未尝不是一种好的选择。
五、环绕式布局
这种布局方式看上去更加灵活,banner区域相对较小,就可以在页面放置更多的信息内容。
六、穿插式布局
这种布局在企业站中较难看到,用的不多,banner区域相对较大,可以作为一种布局的选择。
- 品牌网站设计常见的布局方式
- 企业网站首页设计常见的6种布局方式
- Android常见的布局方式
- 常见的网站攻击方式
- 常见的网站攻击方式
- 常见的网站布局方式---左固定右自适应、左右固定中自适应等
- 一种常见网站布局的实现
- 一种常见网站布局的实现
- 品牌VI设计与网站设计
- Android学习之常见的布局方式
- Android学习之常见的布局方式
- 常见的响应式布局方式
- View 常见的两种布局方式
- 常见的几种页面布局方式
- 网站布局的方式的一些细节
- android 常见布局方式
- 常见布局方式
- css常见布局方式
- [LeetCode][Jave] Best Time to Buy and Sell Stock II
- 小宽投资家交易室记录——20150519
- Singleton单例模式
- 解决linux下ftp,在防火墙开的时候无法访问的现象
- 修改create_object函数
- 品牌网站设计常见的布局方式
- 用快速排序法寻找第k大元素
- 【文件管理】file,dentry,inode,super_block
- 网页设计的布局有哪几种
- spring bean 管理
- js观察者模式
- 数据结构(选择排序算法)
- gcc连接问题记录
- emberjs--目录结构