如何设计网站

如何设计一个网站，是有严格的网站设计制作流程，网站建设前需要做市场调研，购买域名，租赁空间，网站ICP备案，网站设计需要确定设计风格、网站页面设计、内页结构设计、前版页面切割、网页编码制作、后端功能验证开发、前端数据调用、上线测试开放等环节，营销推广需要做好SEO设置、原创内容输入，它并非一个独立的网站设计环节，需要与网站规划、网站开发等。

如何设计网站，主要分为六个步骤相结合。

一、策划阶段

二、交互设计

三、视觉设计

四、前端制作

五、后端制作

六、测试上线

一、策划阶段

准备制作网站前，要考虑好网站的主题风格是什么，面对人群是什么，要做出准确的定位，针对不同的需求而做，网站要充分体现出网站主题和品牌形象。

网站要展示哪些内容给用户看，里面包含了网站栏目、网站布局、网站色调、网站字体、文字介绍、信息文章、图片及视频等等。

内容便是网站的灵魂，也是网站的“硬实力”，所以在这方面一定要精心做好策划准备工作。

二、交互设计

在做网站页面设计时间，要考虑网站的总体结构，要简洁，层次尽量不要超过三级。

虽然网站不需要什么华丽的特殊效果，用户用鼠标滑落或点击时，要体现该内容与其它内容有所不同，需要做高亮或特殊效果处理，告诉使用者您所经历的一切。

三、视觉设计

设计师作为视觉设计者、创造者，设计师要具备敏锐视觉感受力的源泉，还要赋予其深刻的人文意义和观念，设计出来的网站才会让用户在浏览时一目了然，加强视觉效果。

色调确定

在设计网站时，主题色调要根据所在行业、企业LOGO来确定，一般科技型企业喜欢用蓝色系，环保型企业喜欢用绿色或蓝色。

网站定色基本原则：主色调、文本色、辅助色，比如用于hover色块、阴影、边框色、背景色、标题色、文本介绍色等场景。

字体选用

目前一般的企业网站常见字体为微软雅黑和宋体，所有的电脑都有这两种字体，还是免费，没有什么版权风险，所以选择这两种字体不会出任何问题。

现在手机、电脑屏幕偏大，要让网站游览起来不会太累，默认正文字号为16px，标题为20px至32px，文字介绍则用12px或14px，目的是拉开层级结构，再加上颜色的变化，就能产生许多种对比与变化，足以用来表达网页内容的主层次关系。

完善设计稿

确定颜色和字体的标准后，设计稿一定要遵循这些规范。

再逐步细化到字体的行间距、字间距的应用，保证视觉的一致性、完整性。

颜色、字号要做好标注，工程师进行前端重构，才能99.9%还原设计稿原型图，标注越细致越好。

动态效果

网站虽然动一动效果更佳，也要适可而止，现在追求的是越简单越好。

虽然酷炫的动画效果能让你眼前一亮，如果刻意、反复、过度的动画效果很容易降低阅读效率，增加心理负担。

四、前端制作

栏目越多、页面也就越多、后面敲写的代码也会更多，要将原型平面图99.9%制作成可以点击的动态网页，需要懂html基础知识（div、css、js），要重新经过切图、图片分离、网页排版、浏览器（IE、Google、Firefox）兼容问题等环节。

五、后端制作

网站经常更新、修改页面上内容，不可能去改静态文件，那种了也太痛苦了，需要一个管理这些内容一个系统，这就是后端，一般会前端，就不会后端，现在而方，只会精通前端网站设计即可。

目前开源的CMS内容管理系统有很多，现在主流PHP网站管理系统有WordPress、pageadmin、DedeCMS等。

六、测试上线

将前端网页与后端内容管理系统进行组合后，对应栏目版块添加内容进行测试，先是后台添加资料是否正常，在模拟用户正常操作，并在每个页面和内容上进行阅读和点击，看是否存在不合理或bug的情况，还要看网站上的每个页面排版是否错乱、游览器的兼容问题，再再看看网站访问速度的情况。