|
一个网站的页面通常会采用一到多个版式，但无论如何多元化，归根到底还是有共同之处。设计师应该选择解决当前需求的版式，在基础版式上略加修改，以便满足当前项目的实际需求。网页设计版面一般包含7个基本元素：页首、全局导航栏、面包屑导航栏、区域导航栏、主要内容、关键性导航栏（或者其他）、页尾。我们通常会把中间的区域导航栏、主要内容、关键性导航栏（或者其他）统称为“内容区域”。根据内容区域分栏设计的不同，英资得出3种基本的版式结构：“一栏式”、“两栏式”和“三栏式”。
一栏式 一栏式版式又称为“单栏式版式”，它的特点是版面的内容区域没有任何进行任何分隔，因此设计师有更多的自由度与发挥空间。同时，设计师需要综合考虑使用设备、网络服务的特性、以及输入方式的不同，才选择合适的版式。用户与用户需求越是独特，越容易选择一栏式版式。
英资设计作品——新加坡法学院
一栏式的高自由度能够测试出设计师的水准，也更适合表现视觉效果和创意。很多官网为了展示产品特色和品牌魅力，采用了一栏式布局。同时高自由度，也就意味着丰富变化的可能性。
两栏式 两栏式版式是指在主要内容区的旁边增加一栏辅助区，辅助区内的元素通常有”局部导航栏‘、的“关联性导航栏”、“侧边广告”或者其他内容，具体辅助区域放置什么内容主要是根据设计需求与目标而定的。
英资设计作品——新加坡电信
两栏式版式在设计时可以将辅助区一栏固定，而主要内容区域滚动。除此之外还有个好处，在小屏幕设备上显示的时候，两栏式版式可以巧妙的转化成一栏式设计。
英资设计作品——新加坡法学院
三栏式 三栏式版式顾名思义就是主要内容栏除外还有2个辅助区域。三栏式版式有一定的局限性，就是需要足够的页面宽度。通常是把主要内容放在中间，两边各放一个辅助区域，一般左侧栏放置导航，右侧栏放置关联性信息。
英资设计作品——新加坡REAL YOGA瑜伽馆
随着更多响应式网页的尝试，不少产品在手机端、平板电脑、个人电脑等终端为了达到一致体验，在解决多设备显示的问题上，跨页面实现两栏式、或者三栏式不失为一种不错的解决方式。
英资设计，做懂你的设计。
————END———— 联系电话 | 028-83331225-801 微信关注@新加坡英资国际 与我们互动
| 
楼主
