网站平台的风格和样式设计

曹艳琴

摘 要：在培训学院学习时，为参与一个网站平台项目开发而撰写的，主要从平台定位、整体风格、平台内容、网页布局图4个方面对网站项目进行规划分析。并告诉大家一个项目在网站设计前，没有做好充分的设计规划准备工作，不但会严重损坏企业形象，而且不便于网络运营和推广，在操作起来会打乱战，思路也不清晰。

关键词：网站平台;平台定位;风格设计;网页布局;网络营销

在信息高速发展的今天，网站设计在平台规划中占据着重要的地位，企业想通过该平台塑造自己的形象，发布最新的信息，展示自己的产品，为以后创造更多合作的机会。所以，一个网站平台的设计好坏直接影响到企业各方面的运营，做好网站设计前的风格和样式分析是很有必要的。以下就从四个方面进行规划分析。

一、平台定位

搭建一个教学知识、技术交流、专业技术相结合的沟通互动平台，同时建设成为教育与商业整合运营的网络营销商务平台。

二、整体风格

1.网站的风格

应该尽量做到网站结构简单明了，条理清晰，页面精美、功能实用;大幅图片则应该设计构思力求精巧，整体布局要求简洁合理网站整体设计风格统一，界面设计精美、友好，信息化設计，体现用户相互之间交流互动的应用特色;更快的信息访问速度、更加省时和智能化的用户界面，网络响应速度应该尽量快;更简便、智能化程度更高的浏览查询流程;后台管理功能强大、录入效率高;易于查看网民的建议和评论，以及后台信息;提供给用户的书籍信息尽可能详细。

2.色彩的搭配

网站的主色为蓝色，辅色为金色和蓝色同色系且弱对比色。

3.文字的排布

一般放在最显著的地方，如整个显示的中央稍微偏右下;文本的排布整体性好，浏览起来通畅、没有丝毫阻碍;文字的大小适中（12～14px），在不同的分辨率下都不会有太大的影响;文字的颜色不要太多，主要有黑色、深灰色、白色;链接变化色以蓝色为主。

4.图片的排布

图片的面积不要太大，同时又要使图片尽量清楚，直观，最大限度的发挥它的作用;图片与图片之间要联系凸现，同时又要融为一个整体，使看起来有条理。

5.按钮类单元的排布

页面上的按钮，链接，复选框，单选框，同类单元应该尽量保持大小一样，左右对齐;按钮的大小要与界面的大小和空间要协调，避免空旷的界面上放置很大的按钮;忌用太长的名称，免得占用过多的界面位置;字体的大小要与界面的大小比例协调，通常使用的字体中宋体、微软雅黑较为美观。

6.表格的排布

表格大小要和界面相适应，不能在表格之外有很大空余，或者表格过大紧贴整个页面;表格的颜色要与界面风格符合，搭配合理协调，反差不宜太大，坚决杜绝刺目的颜色。

7.文本框类单元的排布

同一列的文本框应该尽量保持对齐。

三、平台内容

1.分析要点

（1）平台特点（展示主体与实现的效果）

①教学知识、技术交流、沟通、互动平台;②专业知识技术平台;③教育与商业整合的网络营销商务平台。

（2）栏目设置（展示内容）

①针对第一、第二这两个方面展示主体，可以建立分享交流区，展示与网络营销相关的内容;针对学生群体，还可以设置菜鸟训练营、高手集中营，从互助问答、网站诊断、自助课堂、视频课堂、专家解惑等这些方面实现专业知识、技术的展示、交流，辅助教学与师生之间互动沟通。②针对第三个方面展示主体，我们可以以建立一个专门进行业务交易的版块，实现与企业之间的商务合作、与学员或者兴趣爱好者之前的青鸟任务、以及与广义上的企业进行的广告合作。

2.页面布局（展示形式）

（1）首页（一级页面）

主要是展示所有版块的设置，及其的特色、特点和参加流程;以及本版块最新加入的会员和帖子数量。

（2）列表页（二级页面）

主要是展示该版块最新的帖子标题。为了方便网民在众多的文字标题中一下子抓住自己感兴趣的点，这级页面的布局除了与首页保持协调一致以外，将通过标题+图片+文字的展示形式，用图文并茂的展示形式吸引眼球，将浏览引入更深一层，即引导网民进行三级页面的阅读。

（3）三级页面

是吸引用户认真阅读并产生有效点击与咨询，增加用户对平台的认同、信任的关键页面。这一级页面除了在布局上要顺应用户的浏览习惯以外，最关键的是内容的质量，是不是能打动用户。因此，这一级页面的展示形式，我们要注意字体大小、间距、图文混排等方面，同时还要增加互动分享、交流这些功能。

另外，为了顺应用户的浏览、点击习惯，方便用户的随机点击，增加辐射的点击流量，在二级、三级页面的右侧设置版块副导航和最热点击这些内容。

四、网页布局图

关于平台的用户群体、这些群体的特点和到平台来想获取的服务内容，我们完成了整个平台的功能的规划。因此，对于平台首页的布局，我们按此思维模式导图进行分析整理，并根据此分析结果，画出平台首页、二级页面、三级页面的布局图。

1.主要版块设置

一级版块：分享交流区、菜鸟训练营、高手集中营、青鸟网络营销学院、休闲娱乐、业务交易。其中，各子版块分别对应新手试炼、推广杂谈、干货分享、百度竞价、微营销;互助问答、网站诊断、自助课堂、视频课堂;青鸟专家解惑、青鸟学习精英、青鸟就业精英、网络营销经纪人;学校公共区、班级教室区、内部优质资源、学校交流大区、VIP资源区、VIP问答区、爱心公益;青鸟俱乐部、活动专区、照片集锦、精彩视频、我与青鸟;青鸟交易区、友情链接、IDC信息、商务合作、青鸟任务、广告区。

2.第一阶段主推广版块

分享交流区：推广杂谈和干货分享（学校学生真实企业项目参与过程与技术指导实况、学习成果汇报）。菜鸟训练营：自助课堂、互助问答。高手集中营：学习精英和就业精英，收集本校学习方法好、学习成果突出的学员，以及就业情况好的学员故事，并请他们来负责相应的版块，与其他学生互动。青鸟网络营销学院：班级教室区、内部资源区。休闲娱乐：相当于灌水区，全版块开通，主要用来积聚人气。

3.论坛门户首页布局图

综上所述，一个项目在网站设计前，最好从平台定位、整体风格、平台内容、网页布局图4个方面对网站项目进行规划分析，如果没有做好充分的设计规划准备工作，不仅会严重损坏企业形象，而且不便于网络运营和推广，在操作起来会比较乱，思路也不清晰。

参考文献：

[1]黄红燕.基于用户体验的WEB界面色彩设计研究[D].广东工业大学，2014.

[2]孟俊仙.浅谈网站建设课程开发与实践[J].计算机光盘软件与应用，2014（07）.

[3]廖玲.浅谈网页设计中色彩的应用[J].网友世界，2014（07）.

[4]华磊，许长安.浅谈网站设计分析与网页制作[J].无线互联科技，2014（08）.

？誗编辑 李 姣