网站建设整体设计思路
2023-02-04 分类： 网站建设
一、页面界面风格
我们针对xx品牌服装网站设计是个性化的贴身设计，将对xx品牌服装的网站，进行优质的建设和服务。xx品牌服装的网站，总体风格力求大气，有品质感、画面精制艺术，并附有时尚感。具体的讲，该网站制作(www.cdcxhl.com)的总体风格设计需要遵循以下原则：
1. 设计应凸现xx品牌的实力
xx作为服装品牌的后起之秀，希望在服装界有一席之力的愿望和能力都非常明显。xx集设计、制作、销售为一体，走中高档职业女装路线。所以网站设计要充分展示xx品牌服装的时尚、潮流、营销方面的实力，设计力求准确、大气，画面华丽，动画求缓，用色讲究干净整洁，以冷纯色基调为主，彰显优雅的艺术气息。
2. 设计应体现xx品牌对品质的追求
在网站中，将通过以下设计手段，实现xx品牌对质量和品质追求的表达：
● 参照xx品牌现有的VI设计方案，尽量实现网站风格和VI的统一；
● 画面要华丽，不要采用过多活泼动感的设计，而flash动画则采用舒缓的运动模式；
● 平面设计要简洁、大气、高雅，少许花哨的装饰。
3. 色调和动画说明
以xx品牌的基本宣传为基调，定义网站的整体色调，以获得用户的统一视觉识别。要求线条简练、用色华丽。具体选色还需参考xx品牌的VI方案。整个网站色彩的基本统一相当重要，它使网站显得整体风格统一、和谐。在主色调之外，采用较少的对比色彩作为补充、点缀，丰富页面、版式的视觉效果。使整个网站在风格上，显得统一但富有变化。
网站需设计多个形式不一的、优质的FLASH动画图片等，通过一系列和页面有机结合的、轻柔、舒缓、内敛而不张扬的Flash动画，画龙点睛的对页面进行适当处理。通过这种方式，使页面效果不至于呆板。图形元素中，拟采用富有节奏的点、活泼流畅的弧线、丰富变化面相结合，刚柔并济，柔美而又有一定张力。
4. 标志（LOGO）
根据xx品牌的现有LOGO（标志）进行修改后（或直接使用），制作成网站LOGO，要求线条、用色简洁。
二、网站整体信息架构
1. 信息架构图信息架构说明
根据需求分析，网站前期的主要目的是为了加盟商对品牌进行认识与了解，对加盟进行帮助和引导，用户的互动和参与放在较次要的位置。所以信息架构如上图，用户的参与和互动需要等到其它系统开通后，再逐一丰富上去。
关于我们：以品牌和企业介绍为主，对公司的概况和品牌路线向加盟商和用户进行描述。
产品展示：以大图展示为主，按不同纬度对图片进行分类，用动画的方式展示和体现。
最新动态：包括了品牌的最新资讯、新开店铺信息、品牌内刊与电子杂志。
市场营销：以地图的形式展示品牌的营销网络，对旗舰店进行介绍，宣传品牌形像。
招商加盟：服务与促进加盟，提供下载加盟说明书，在线提交加盟意向等服务，和加盟管理内容。
人才招聘：一个单页只列出需要招聘的内容。
联系我们：给出联系方式，并有留言板
三、总体内容把握
1. 图片质量要精致
网站是以服装品牌的展示为主，服装的体现就是最主要的部分。以图片的形式对服装进行展示，每张图片都应该是专门进行设计和制作的，不能让图片的低质量影响了整个网站的效果。图片要做到：大气、清晰、干净、有层次感、符合平面视觉原理。
2. 内容简明，准确表达
网友总是希望在第一时间将所需要的内容了解清楚，不希望花太多的时间在阅读无关紧要的内容上。将每条内容都精炼再精炼，不要用太多的文字内容打扰网友对整个网站整合风格的欣赏和判断。
3. 有扩展性和升级性、可维护性
网站要充分考虑到今后的扩展性，比如子栏目下的内容要从网站的后台可以直接添加、修改；网站设计采用模块化设计，若网站增加新功能，也在保证在原有框架中直接接口，而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改，普通电脑操作人员，经过短训即可学会自主修改、添加网站内容。
一、概述
我的网站主题是关于家居装修设计，我个人认为，家是一个让人放松的地方，而一个舒适的家居环境能让我们释放学习及工作的压力，但现实中很多人对于家居的设计知识及装修常识了解的不是很多。Smile家居网站的设计的目的不仅为了宣传Smile家居公司，树立企也公司高的知名度，宣传企业的文化，吸引更多的公司和个人来我公司做业务，也是为了给需要了解家居知识，了解家居潮流，设计自己的舒适家居环境而设计的，更好的为顾客服务。
本网站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。网站中主要是ASP动态网页的设计，ASP动态网站实现的用户与服务器交互的功能，实现了通过网页访问后台数据库的功能，更加方便的管理与更新网站。
在实现自己网站之前，做了大量的准备工作。上网搜索素材，包括图片、视频、家居装修的常识和方法，参考其他家居网站设计方案及模块实现，如：新浪家居、宜家家居等；借阅相关书籍，参考各种功能实现所需掌握的知识及方法；同时，向老师了解网站建设的设计思想及具体实现过程。
网页制作，首先是通过表格、框架、CSS、模板等实现主页的简单设计，而后学习了ASP动态网站建设的相关知识，通过安装IIS，建立使用服务器的站点，连接数据库，实现了用户登录，商品浏览、查看、修改、搜索的功能。这些功能的实现更加方便用户购买商品，让公司对网站的管理更加方便。
二、项目需求分析
家居网站所面向的群体主要是需要装修的群体、家居装修设计师、想了解家居装修知识及想与之进行业务合作的群体等。
需要装修的群体又会有不同的要求。有人喜欢简单淡雅的风格，有人喜欢高贵典雅的风格，也有人喜欢时尚非主流的风格；还有的人消费水平较低，希望商品实用便宜，有的人消费水平较高，想要设计质量各方面比较突出的产品；同时还有针对不同年龄段的人群也有不同的要求。
网站的建设根据不同用户的需求，设计了不同的版块。
三、项目总体设计
1、整体架构及布局设计
网站的整体色彩以白色和绿色为主，配有点淡粉红色，字体设置为10pt，色彩的搭配符合家给人带来舒适的感觉，更容易让不同风格的顾客接受。
主页中的各个模块的布局主要是使用CSS实现的。主页设计主要采用顶部导航、内容左右分的布局。内容的左侧大致为具体的链接及提示信息等，右侧主要是详细的内容介绍，包括新闻资讯、商品展示等。
2、网站的栏目设计
主页中的栏目主要包括导航、用户登录、最新公告、最新资讯、收藏本店、宝贝分类、友情链接等详细分类。导航包括首页、案例展示、流行饰品、新品上架、视频赏析和联系我们七部分
3、数据库设计
网站中的数据库采用Access设计，数据库名为data.mdb,包括下面图中的6个表及其对应关系：
四、项目详细设计
1、前台功能设计
(1) 导航是一个一行六列的表格，绿色的背景搭配白色的字体。“案例展示”链接跳转到anli.asp页面，此页面是下载的代码，通过添加图片，实现自己网站家居装修案例的展示；“流行饰品” 是页面内的跳转，通过命名锚记实现；“新品上架”链接跳转到newproduct.asp,此页面是通过添加商品信息表的记录集和服务器行为实现数据库中商品的展示；“联系我们”是电子邮件链接，用户可以给我们发邮件实现交流，进行业务的联系。
(2) 用户登录是通过表单、添加记录集“用户信息表account”和服务器行为“用户登录”实现的。其中用户有两个级别限制(这是对数据库中数据安全性的设计)，包括顾客“user”和管理员“admin”，顾客登录后可以查看数据库中商品、搜索商品和查看购物车，管理员在顾客实现的功能的基础上还有修改商品信息。实现了前台向后台的跳转。
设置用户注册的按钮，方便顾客注册成为网站的会员，使顾客能够更多更方便的光临本网站，查看自己的信息和最新的商品信息。
(3) 最新公告栏目是向顾客展示最近网站的活动及注意事项。本栏目也是通过添加记录集“news表”、服务器行为重复记录来实现多条公告的显示，同时，添加了
我们针对xx品牌服装网站设计是个性化的贴身设计，将对xx品牌服装的网站，进行优质的建设和服务。xx品牌服装的网站，总体风格力求大气，有品质感、画面精制艺术，并附有时尚感。具体的讲，该网站制作(www.cdcxhl.com)的总体风格设计需要遵循以下原则：
1. 设计应凸现xx品牌的实力
xx作为服装品牌的后起之秀，希望在服装界有一席之力的愿望和能力都非常明显。xx集设计、制作、销售为一体，走中高档职业女装路线。所以网站设计要充分展示xx品牌服装的时尚、潮流、营销方面的实力，设计力求准确、大气，画面华丽，动画求缓，用色讲究干净整洁，以冷纯色基调为主，彰显优雅的艺术气息。
2. 设计应体现xx品牌对品质的追求
在网站中，将通过以下设计手段，实现xx品牌对质量和品质追求的表达：
● 参照xx品牌现有的VI设计方案，尽量实现网站风格和VI的统一；
● 画面要华丽，不要采用过多活泼动感的设计，而flash动画则采用舒缓的运动模式；
● 平面设计要简洁、大气、高雅，少许花哨的装饰。
3. 色调和动画说明
以xx品牌的基本宣传为基调，定义网站的整体色调，以获得用户的统一视觉识别。要求线条简练、用色华丽。具体选色还需参考xx品牌的VI方案。整个网站色彩的基本统一相当重要，它使网站显得整体风格统一、和谐。在主色调之外，采用较少的对比色彩作为补充、点缀，丰富页面、版式的视觉效果。使整个网站在风格上，显得统一但富有变化。
网站需设计多个形式不一的、优质的FLASH动画图片等，通过一系列和页面有机结合的、轻柔、舒缓、内敛而不张扬的Flash动画，画龙点睛的对页面进行适当处理。通过这种方式，使页面效果不至于呆板。图形元素中，拟采用富有节奏的点、活泼流畅的弧线、丰富变化面相结合，刚柔并济，柔美而又有一定张力。
4. 标志（LOGO）
根据xx品牌的现有LOGO（标志）进行修改后（或直接使用），制作成网站LOGO，要求线条、用色简洁。
二、网站整体信息架构
1. 信息架构图信息架构说明
根据需求分析，网站前期的主要目的是为了加盟商对品牌进行认识与了解，对加盟进行帮助和引导，用户的互动和参与放在较次要的位置。所以信息架构如上图，用户的参与和互动需要等到其它系统开通后，再逐一丰富上去。
关于我们：以品牌和企业介绍为主，对公司的概况和品牌路线向加盟商和用户进行描述。
产品展示：以大图展示为主，按不同纬度对图片进行分类，用动画的方式展示和体现。
最新动态：包括了品牌的最新资讯、新开店铺信息、品牌内刊与电子杂志。
市场营销：以地图的形式展示品牌的营销网络，对旗舰店进行介绍，宣传品牌形像。
招商加盟：服务与促进加盟，提供下载加盟说明书，在线提交加盟意向等服务，和加盟管理内容。
人才招聘：一个单页只列出需要招聘的内容。
联系我们：给出联系方式，并有留言板
三、总体内容把握
1. 图片质量要精致
网站是以服装品牌的展示为主，服装的体现就是最主要的部分。以图片的形式对服装进行展示，每张图片都应该是专门进行设计和制作的，不能让图片的低质量影响了整个网站的效果。图片要做到：大气、清晰、干净、有层次感、符合平面视觉原理。
2. 内容简明，准确表达
网友总是希望在第一时间将所需要的内容了解清楚，不希望花太多的时间在阅读无关紧要的内容上。将每条内容都精炼再精炼，不要用太多的文字内容打扰网友对整个网站整合风格的欣赏和判断。
3. 有扩展性和升级性、可维护性
网站要充分考虑到今后的扩展性，比如子栏目下的内容要从网站的后台可以直接添加、修改；网站设计采用模块化设计，若网站增加新功能，也在保证在原有框架中直接接口，而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改，普通电脑操作人员，经过短训即可学会自主修改、添加网站内容。
一、概述
我的网站主题是关于家居装修设计，我个人认为，家是一个让人放松的地方，而一个舒适的家居环境能让我们释放学习及工作的压力，但现实中很多人对于家居的设计知识及装修常识了解的不是很多。Smile家居网站的设计的目的不仅为了宣传Smile家居公司，树立企也公司高的知名度，宣传企业的文化，吸引更多的公司和个人来我公司做业务，也是为了给需要了解家居知识，了解家居潮流，设计自己的舒适家居环境而设计的，更好的为顾客服务。
本网站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。网站中主要是ASP动态网页的设计，ASP动态网站实现的用户与服务器交互的功能，实现了通过网页访问后台数据库的功能，更加方便的管理与更新网站。
在实现自己网站之前，做了大量的准备工作。上网搜索素材，包括图片、视频、家居装修的常识和方法，参考其他家居网站设计方案及模块实现，如：新浪家居、宜家家居等；借阅相关书籍，参考各种功能实现所需掌握的知识及方法；同时，向老师了解网站建设的设计思想及具体实现过程。
网页制作，首先是通过表格、框架、CSS、模板等实现主页的简单设计，而后学习了ASP动态网站建设的相关知识，通过安装IIS，建立使用服务器的站点，连接数据库，实现了用户登录，商品浏览、查看、修改、搜索的功能。这些功能的实现更加方便用户购买商品，让公司对网站的管理更加方便。
二、项目需求分析
家居网站所面向的群体主要是需要装修的群体、家居装修设计师、想了解家居装修知识及想与之进行业务合作的群体等。
需要装修的群体又会有不同的要求。有人喜欢简单淡雅的风格，有人喜欢高贵典雅的风格，也有人喜欢时尚非主流的风格；还有的人消费水平较低，希望商品实用便宜，有的人消费水平较高，想要设计质量各方面比较突出的产品；同时还有针对不同年龄段的人群也有不同的要求。
网站的建设根据不同用户的需求，设计了不同的版块。
三、项目总体设计
1、整体架构及布局设计
网站的整体色彩以白色和绿色为主，配有点淡粉红色，字体设置为10pt，色彩的搭配符合家给人带来舒适的感觉，更容易让不同风格的顾客接受。
主页中的各个模块的布局主要是使用CSS实现的。主页设计主要采用顶部导航、内容左右分的布局。内容的左侧大致为具体的链接及提示信息等，右侧主要是详细的内容介绍，包括新闻资讯、商品展示等。
2、网站的栏目设计
主页中的栏目主要包括导航、用户登录、最新公告、最新资讯、收藏本店、宝贝分类、友情链接等详细分类。导航包括首页、案例展示、流行饰品、新品上架、视频赏析和联系我们七部分
3、数据库设计
网站中的数据库采用Access设计，数据库名为data.mdb,包括下面图中的6个表及其对应关系：
四、项目详细设计
1、前台功能设计
(1) 导航是一个一行六列的表格，绿色的背景搭配白色的字体。“案例展示”链接跳转到anli.asp页面，此页面是下载的代码，通过添加图片，实现自己网站家居装修案例的展示；“流行饰品” 是页面内的跳转，通过命名锚记实现；“新品上架”链接跳转到newproduct.asp,此页面是通过添加商品信息表的记录集和服务器行为实现数据库中商品的展示；“联系我们”是电子邮件链接，用户可以给我们发邮件实现交流，进行业务的联系。
(2) 用户登录是通过表单、添加记录集“用户信息表account”和服务器行为“用户登录”实现的。其中用户有两个级别限制(这是对数据库中数据安全性的设计)，包括顾客“user”和管理员“admin”，顾客登录后可以查看数据库中商品、搜索商品和查看购物车，管理员在顾客实现的功能的基础上还有修改商品信息。实现了前台向后台的跳转。
设置用户注册的按钮，方便顾客注册成为网站的会员，使顾客能够更多更方便的光临本网站，查看自己的信息和最新的商品信息。
(3) 最新公告栏目是向顾客展示最近网站的活动及注意事项。本栏目也是通过添加记录集“news表”、服务器行为重复记录来实现多条公告的显示，同时，添加了
猜你还喜欢下面的内容
- 网站建设—PHP如何删除数组中的重复元素 2023-02-04
- 网站建设流程之网站整体规划 2023-02-04
- 网站建设在设计医疗网站时必要的设计元素有哪些？ 2023-02-04
- 上海网站建设解读怎么挑选长尾关键词增加网站流量？ 2023-02-04
- 烟台网站建设搜索引擎是如何抓取图片信息的？ 2023-02-04
- 高端网站建设的设计要求 2023-02-04
- 网站建设切图CSS代码如何做到换行及方法？ 2023-02-04
- 企业网站建设时要把控好那些问题？ 2023-02-04
- 网站建设要有利于搜索引擎优化 2023-02-04
- 高端网站建设和低端网站性能的区别 2023-02-04
- 网站建设一般包括哪些费用？ 2023-02-04
- 进行营销型网站建设需要避免的三大误区 2023-02-04
- 网站建设公司怎么选择合适的一家 2023-02-04
- 成都企业型网站建设的营销策略 2023-02-04
- 天津网站建设移动网页设计中的七个注意事项 2023-02-04
- 企业网站建设怎么降低成本 2023-02-04
- 网站建设需要的相关工作 2023-02-04
- 企业型网站建设开发需要经历那些步骤！ 2023-02-04
- 网站建设的基本要求及策划事项 2023-02-04