网站建设风格及框架规划和页面布局设计知识

        现在做网站的公司有几千上万个，特别是国家号召万众创新，大众创业的年代，新注册公司和建站公司如雨后春笋一样，不断地生长。遍地开花，还有很多大学生和程序员兼职设计制作网站的。但是网站就好比房子，外行人看都是房子，但是当你踏入大门房子的差别就很大了。所以很多老板不知道，就是在寻找最低价钱。联想一下，网站也是一样，同样是网站，别人的怎么那么美观、布局怎么那么合理。看不见的地方就更不懂了，比如这房子是不是空心墙啊，牢固吗？就完全不考虑了，网站也一样，做出来看着好好的，怎么一下就被黑了，挂上境外赌博网站链接了，木马一大堆。有可能被公安网警勒令关闭。

       选对一个好的建站公司服务，一劳永逸。让你付出有一定回报，取得一定的获客渠道，公司业绩蒸蒸日上。举个一般网站布局栗子：

做网站重要的一环是页面制作，而页面制作的第一步就是确定网站风格及框架规划。来来来，跟着下面一起学习吧。

一、网站风格定位

     网站页面的美化首先要考虑风格定位，网站的风格往往与行业有很大关系。对于不同性质的行业，应该体现出不同的网站风格。

     如政府部门的网站风格一般比较庄重；娱乐行业则更加活泼轻松；电子商务网站则可以贴近日常生活，更亲民。

     任何页面都要根据主题内容决定其风格与形式，只有形式与内容达到和谐统一，才能收获理想的宣传效果。

    下面简单介绍一下常用的几种网站风格：

    1、高端商务风

   商务风网站的主要目的除了展示企业形象外，还要加强企业与用户的连接。

   所以这类网站更加强调实用性，页面简洁大气，层次分明；为增强互动性和销售转化还会提供问题反馈、留言咨询、预约表单等。

图为弘毅集团搭建的网站

     2、极简风

     极简风的网站崇尚“少即是多”（Less is More）的设计理念。

     在网页设计中，删除所有让用户无法专注的内容元素，只留下真正必要的要素，以实现接口界面的单纯化。

     屏幕上的要素越少，用户的注意力被分散的可能性就越小，留下的要素传递信息的能力就越强。如果屏幕上的要素只有一个，那么信息就能准确无误的传递给用户。图为小藤孵化器搭建的网站

    3、时尚风

    时尚风的网站追求视觉效果，通过色彩的搭配与碰撞带来强大的视觉冲击来吸引用户的关注。

    但是这类网站的风格重心在产品本身，要优先把产品图片处理得当，再考虑整体的页面布局。

图为CLARE&KELLER搭建的网站

     4、扁平风

    扁平风网站的设计重点就是「简单」，通过弱化纹理、透视、阴影等去除冗余的元素和排版，突出重点内容，让页面看起来更加干净美观。

    这种风格的网站提升了网站信息的内容层级，让用户更加便捷的找到需要的内容。同时，扁平化的界面能更好的实现不同尺寸的转化。图为立体通搭建的网站

     二、网站框架规划

        在确定好网站的风格后，下一步就是要设计版面布局。一个好的网页布不仅会让访客耳目一新，同时还能让访客轻松找到他们所需要的信息，以此来增强网站在用户心目中的形象。

      网站框架规划包含3个方面，网站栏目规划、网站页面规划、网站功能规划。下面我就从这三个方面为大家一一讲解。

       1、网站栏目规划

      说在前面，成功的栏目规划是基于对用户需求的理解。当你对用户及其需求理解得越精准、越深入，网站的栏目就越具有吸引力，也就越能留住潜在客户。

      所以，在做规划时，网站栏目应该具备以下两个功能。

     ①提纲挈领，点题。

     网速越来越快，信息越来越丰富，但浏览者却越来越没有耐心。打开网站超过10s还没找到需要的信息，就会毫不客气的关掉。那么决绝，不带走一片云彩。

    要想让浏览者在你的网站停下脚步，就要在页面上给出清晰的网站内容的“提纲”，也就是网站栏目，这样浏览者就可以一目了然的找到自己需要的内容。

     总的来说，网站的栏目是对网站内容的高度提炼，不需要多么优美的文字，只要用最简练的语言提炼出网站每部分的内容，清晰的告诉浏览者你的网站是做什么的，有哪些信息和功能，就够了。

图为新金融网搭建的网站

     ②清晰导航，便捷。

     所以栏目除了有“提纲”的作用外，还应该为读者提供清晰直观的引导，让浏览者方便快捷的到达网站的所有页面。

     网站栏目的导航作用通常包含以下几种情况。

    全局导航。

    全局导航可以帮助用户随时跳转到网站的任何一个栏目，通常来说，全局导航的位置是固定的，可以减少浏览者查找的时间。

    路径导航。

    路径导航显示了用户浏览页面的所属栏目及路径，帮助用户访问该页面的上下级栏目，从而更完整地了解网站信息。

    快捷导航。

    对于网站的老用户而言，需要快捷的到达所需栏目，快捷导航就为这些用户提供了直观的栏目链接，减少用户的点击次数和时间，提升浏览效率。

    相关导航。

    为了增加用户的停留时间，在做网站策划时还需要充分考虑浏览者的需求，为页面设置相关导航，让浏览者更方便的去往相关页面，能够无形中增加对企业的了解，提升合作几率。

   2、网站页面规划

   网站页面是网络营销策略的最终表现层，也是用户访问网站的直接接触层。所以在做网站页面规划时，应该站在用户的角度思考。

图为智库云搭建的网站

    要遵循以下原则：

    ①要符合用户的浏览习惯：根据网页内容的重要性进行排序，让用户移动最少的次数，找到所需的信息。

    ②要符合用户的使用习惯：根据网页用户的使用习惯，将用户最常使用的功能置于醒目的位置，便于用户查找及使用。

     ③要符合用户的行业属性及网站特点：通过网页色彩、图片、布局等让客户在打开网页的一瞬间，就直观的感受到网站所要传递的理念及特征。

     ④图文搭配，突出重点：用户对于图片的认知程度远高于文字，所以，适当使用图片可以提高用户的关注度。此外，元素过多会分散用户的注意力，确立页面的视觉焦点也很重要。

      3、网站功能规划

     个人意见，网站功能规划得好，可以很大程度上增强用户粘性，可以说是搭建网站的点睛之笔。

     一般网站的通用功能有：产品管理、文章管理、在线客服、表单管理、在线地图、电商管理等。

     大家可以根据自身网站或品牌的属性做功能的增删。

     需要提一嘴的是，有些建站产品是不提供这些功能的，所以，只要你不是代码开发全定制建站，购买建站产品前要擦亮眼睛看清楚人家是否提供此项功能服务。

    人家提供你不用那是你的事情，但是等到要用了结果人家没提供那不就嗝屁了。（话糙理不糙，你们说是不是）

     这里我自夸一下，作为阿里云建站代理商，不到1k的价钱，就可以获得千套模板、共享千兆BGP带宽、可视化管理后台以及上文提到的全部通用功能。绝对是模板建站中的性价比战斗机。

     三、网页页面布局设计

         网页设计与平面设计有许多共同之处，在了解一些设计的基本原则后，再针对网页的特殊性加以调整，还愁设计不出美观大方的页面嘛？！

     1、版面编排原则

     ①主次分明、中心突出。

     每一个页面，都有一个视觉中心，一般在页面的中央，或者中间偏上的部位。因此，一些重要的文章和图片可以放在这个位置，在视觉中心以外则安排那些稍微次要的内容。

     ②大小搭配、相互呼应。

     较长的文章或标题，不要编辑在一起，要有一定的距离；同样，较短的文章，也不要编排在一起。对待图像的安排也是同样，要相互错开，错落有致，页面才会更好看。

      ③图文并茂、相得益彰。

      文字和图像具有一种互补的视觉关系，文字太多，会显得页面沉闷，图像太多，又缺乏信息量，所以图文结合是最佳典范，既能活跃页面，又能提供丰富的内容。

      ④简洁一致、整齐划一。

     保持简洁有两种做法，一是使用醒目的标题，二是限制所用的字体和颜色的数目。一般每页使用的字体不超过3种，一个页面使用的颜色少于256种。

     保持页面整齐划一则需要从排版下手，每个页面的页边距、文本、图形的间距都保持一致等

     2、常见的网站页面结构类型

     ①“厂”字型布局

     基本布局是页面顶部为logo+广告条，下方左侧为主菜单栏，右侧显示正文信息。

     这种布局方式一般应用于企业网站的二级页面。

     ②“国”字型布局

     基本布局是最上面是网站的logo、广告语以及导航栏，下面是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下方是网站的基本信息。

     大中型网站常见的布局方式。

     ③“框架”型布局

     框架型布局一般分为上下或左右布局，一栏是导航栏目，一栏是正文信息。复杂的框架结构可以将页面分成许多部分，常见的是三栏布局，一栏放置图像广告，一栏显示导航栏，一栏显示正文信息。