网站的前台设计解析

1、安全快速访问。足够的带宽是快速访问的保证，（服务器放在自己单位不一定好）。

2、及时更新信息。及时更新才能吸引浏览者。

3、完善检索能力。

4、网站信息交互能力。交互是网站最大特点。

5、方便客户访问购买。制造强烈印象，减少干扰信息，避免冗长说明，提供可视化线索，显示产品，激发欲望，提供方便购物车。

前台涉及主要工作流程：

1、收集关键信息。

2、概念开发。根据收集构思，草图网站结构。

3、内容综合。制作初始图样，配文字说明。

4、编制页面优化图形。

5、整合内部流程。

6、测试。全面测试页面和页面间的链接。

7、交付。

深入研究访问者：

用户使用什么浏览器？

用户需要什么？

用户希望什么效果？

用户使用什么样的网络连接？

用户要花多少时间在企业的网站上？

用户对因特网的熟悉程度如何？

用户的文化背景如何？

网站设计要解决的基本问题：

网站结构。

与原有系统保持一致的措施。

信息的组织管理。

信息存储方法

文档的版本控制。

结构的完整性和一致性的维护方法。

网站纤细设计和基本模块：

网站的详细设计包括：画面的布局，系统内部结构，实现功能，维护方法等。

网站基本模块：

站点结构图。导航条。联系方式页面。反馈表。引人入胜的'内容。

常见问题解答（FAQ）。合适的图片。搜索工具。新闻页面。相关站点链接。

网站设计常用技术：

网页设计技术。数据库技术。表单回收技术。邮件列表技术。

全文检索技术。搜索引擎技术。电子商务技术。

首页设计：

1、首页设计应遵循快速、简洁、吸引人、信息概括能力强、易于导航的原则。

2、首页是全站内容的目录和索引。

首页内容：站名，主菜单，最新信息，电子邮件，联络信息，版权信息，其他功能。

3、版面设计：勾勒理想草图，用搭积木的方法拼搭，再用网页制作软件实现。

4、避免“封面”。需要快速、有价值的信息。

内容和功能设计：

企业基本背景介绍。详细产品资料或服务介绍。技术支持资料。

企业营销网络。财务报告（特别是上市企业）。收集客户反馈信息。

其他针对企业经营特点的内容。

页面可视化设计：

1、页面组织效果。运用对比与调和，对称与平衡，节奏与韵律以及留白手段，在页面中建立均衡，结合点线面的运用达到完美效果。

2、页面色调效果。合理组合搭配，注意不同读者对颜色的喜恶差异习惯。

3、页面版式设计。注重版面布局的视觉效果。

4、页面美术设计。注意与其他媒体的区别和浏览器可识别的图像格式问题

页面色调效果：

根据和谐、均衡和重点突出原则，进行合理搭配，用最简单的色彩表达最丰富的含义。注意：色彩的记忆效果是黑白的3.5倍。

鲜明性：容易引人注目。

独特性：使用户印象深刻。

合适性：色彩要和内容、气氛相适应。

联想性：色彩要和网页内容相关联。

页面的版面布局：

1、通过文字图像的空间组合达到协调状态。

2、经过草图制作，完成粗略布局，最后定案。

3、版面布局形式：“T”性布局，“口”型布局，“三”型布局，对称布局，海报型的“POP”布局。

4、布局设计原则：“均称”有序，平衡和谐，利用色彩、色调加强效果，注意凝视效果，注意空白的利用，对语言无法表达的是用图片解说的方法。

页面的风格设计：

1、整体风格是对网站整体形象的综合感受。包括Ci设计、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义等。

2、树立网站风格的步骤：

确信风格建立在价值内容之上。

搞清楚网站将给浏览者产生的印象。

努力建立和加强确立了的印象。

3、设计装饰风格：组织性风格，功能性风格，可视性风格。没有完美的网站装饰风格。

栏目和版面设计：

1、栏目是网站的大纲索引，要明确显示网站的主题，便于浏览查询。

2、板块比栏目概念大，每个板块都有栏目。

3、如果要设立板块，要考虑相对独立，相互关联，内容要围绕主题。

4、栏目安排要紧扣主题，可以考虑设立“最近更新”的指南栏目，设立可双向交流的栏目，设立一个下载或常见问题回答栏目。

其他功能设计：

客户留言设计。搜索引擎设计。聊天室设计。邮件功能设计。虚拟社区设计。

网站设计成功要素：

整体布局结构清晰。提供有价值的信息。快速的访问速度。良好的版面设计。

很强的文字可读性。良好的标题设计。导航明确导向清晰。加强客户关系。

有效保护个人信息。方便的反馈和服务。