如何写网站建设需求说明书
产品需求文档
<项目名称>
目录
1.总体说明2
1.1修订历史2
1.2项目概述2
1.3功能范围2
1.4用户范围2
1.5词汇表2
1.6非功能需求2
1.7其他说明2
2.UC部分3
2.1整体说明3
2.2UC正文3
2.2.1.UC_<用例名称1>3
2.2.2.UC_<用例名称2>3
对单个UC的说明3
1.
总体说明
1.1 修订历史
日期
版本
说明
作者
1.2 项目概述
项目概述
<简单描述项目的背景、意义、目的、目标等,描述领域知识>
1.3 功能范围
功能范围
<给出业务逻辑图,类似BUC:描述各角色的职责、与周边系统的关系、全局商业规则>
1.4 用户范围
角色
描述(涉及到的actor、system的描述)
1.5 词汇表
词汇
描述(术语与缩写的描述)
1.6 非功能需求
需求
描述
数据监控
<针对一个功能模块级别的监控点,必填,并且功能上线2周后需要给出数据分析报告>
<性能>
<用户体验>
<……>
1.7 其他说明
其他说明
<其他任何需要说明的内容>
2.
UC部分
2.1 整体说明
类图
<截图>(可选,对业务领域的描述)
<类图说明>
用例图
<截图>(必选)
<用例图说明>
状态图
<截图>(可选)
<状态图说明>
2.2 UC正文
2.2.1. UC_<用例名称1>
……
2.2.2. UC_<用例名称2>
……
对单个UC的说明
注1:视觉层面的描述通常直接通过Demo表达(如页面大小,颜色字体字号等)
注2:界面细节,引用界面规范文档(如表格中的文字对其方式)
注3:交互细节,引用交互规范文档(如出错提示的方式)
注4:文案细节,引用文案规范文档(如各种提示文案)
网页设计作品介绍,主要可以围绕为了让更多的人能够明白设计图所想表达的意思,以及每种不同的图案、颜色、等所代表的意思。其中可以包含设计师所表达的主题思想、设计理念、设计风格、结构说明、产品以及设计所用的到图案、颜色、文字等的含义、设计尺寸、标准色、材料。
设计作品在第一步就要很明确的为大家说明,作品的大概信息,如:作品名称、作品所用材料、造价、用途等等信息,一篇室内设计需要注明:设计公司、设计师、项目面积、工程造价、装饰材料等信息。
扩展资料
在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出,要点明确,应该使配色和图片围绕预定的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
网站建设整体设计思路
一、网站整体信息架构
1. 信息架构图信息架构说明 根据需求分析,网站前期的主要目的是为了广大消费者对企业品牌进行认识与了解,对入驻市场进行帮助和引导,公司的主核心要放到主要位置,企业的主要荣誉资质也要适宜的表现出来,让广大消费者看到我们企业的实力,从而认可我们企业,用户的互动和参与放在次要的位置,用户的参与和互动需要等到其它系统开通后,再逐一丰富上去。
关于我们:以品牌和企业介绍为主,对公司的概况和品牌宣传路线向广大消费者进行描述。
最新动态:包括了品牌的最新资讯、新开店铺信息、品牌内刊与博客微博(电子杂志)。
全产业链:对我们产业模式进行全方面解析,让广大消费群体从通过我们全面了解市场。
产品展示:以大图展示为主,按不同纬度对图片进行分类,用动画的方式展示和体现。
市场营销:以地图的形式展示品牌的营销网络,对入驻商超(市场)进行介绍,宣传品牌形像。
招商公告:服务与促进招商,提供下载加盟说明书,在线提交加盟意向等服务,和加盟管理内容。
人才招聘:一个单页列出需要招聘的内容和我们人才要求,提供在线下载面试简历。 联系我们:给出联系方式,并有留言板,百度地图。
二、总体内容把握
图片质量要精致 网站是以我们生态猪肉企业品牌的展示为主,生态猪肉/基地的体现就是最主要的部分。以图片的形式对其进行展示,每张图片都应该是专门进行设计和制作的,不能让图片的低质量影响了整个网站的效果。图片要做到:大气、清晰、干净、有层次感、符合平面视觉原理。
内容简明,准确表达网友总是希望在第一时间将所需要的内容了解清楚,不希望花太多的时间在阅读无关紧要的内容上。将每条内容都精炼再精炼,不要用太多的文字内容打扰网友对整个网站整合风格的欣赏和判断。
有扩展性和升级性、可维护性 网站要充分考虑到今后的扩展性,比如子栏目下的内容要从网站的后台可以直接添加、修改;若网站增加新功能,也在保证在原有框架中直接接口,而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改,普通电脑操作人员,经过短训即可学会自主修改、添加网站内容。
三、页面界面风格
我们参考科尔沁牛肉网站设计,我们企业进行个性化的贴身设计,将对我们的企业网站,进行优质的建设和服务。总体风格力求大气,有品质感、画面精制艺术,并附有生态自然风格。
具体的讲,该网站的总体风格设计需要遵循以下原则:
1. 设计应体现我们企业实力 希望在行业中有一席之地的。网站设计要充分展示营销方面的实力,设计大气,画面自然,动画求缓,用色讲究干净整洁,以暖纯色基调为主,彰显自然的生态气息。
2. 设计品牌对品质的追求
在网站中,将通过以下设计手段,实现我们对质量和品质追求的表达:
● 参照企业现有的VI设计方案和企业PPT,尽量实现网站风格和VI的统一;
● 画面要大气,不要采用过多活泼动感的设计,而flash动画则采用舒缓的运动模式;
● 平面设计要简洁、大气、自然,少许花哨的装饰。
3. 色调和动画说明 以企业的基本宣传为基调,定义网站的整体色调,以获得用户的统一视觉识别。要求线条简练、用色自然。具体选色还需参考企业的VI方案和PPT。
整个网站色彩的基本统一相当重要,它使网站显得整体风格统一、和谐。在主色调之外,采用较少的对比色彩作为补充、点缀,丰富页面、版式的视觉效果。使整个网站在风格上,显得统一但富有。
一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式,也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合
二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力,为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一,要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。
三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构,它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成,其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成,组成比较简洁,主要用于精彩内容的呈现,主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成,上边栏用来放置logo和链接等信息,下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示,在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成,上边栏用于显示文章的标题。主要用于显示文章的标题,内容区放置文章的内容,这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构,而是通过混合使用多种布局结构来实现自己想要的效果,这类布局通常称为“综合性布局”。
四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下:
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序,让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画,多使用文字描述,以便于搜索引擎收录,让客户更容易找到你。格子网络解答。
我的网页主要包括了主页,邮箱登陆,个人简介和爱好,个人像册,通讯录,友情连接,另类下载等。主页主要上用来显示网页的主要内容。在主页里,我嵌套了一副FLASH,在FLASH里面我又加入了一首歌,是本网页有了精美的音乐。邮箱登陆主要是用来在别人登陆该网页时有什么建议或意见,可以迅速的登陆到他的邮箱给我意见。也为别人在浏览本网页时突然想起了什么事,可以迅速登陆到自己的邮箱。个人爱好主要是用来介绍自己和介绍自己的爱好,以便让更多的人了解自己。个人像册是用来显示照片的,在个人像册里我大量使用了表格嵌套,通过做个人像册我更加的了解了网页里的表格的使用。通讯录主要是用来显示我们记录的数据的,在做同学录时,我们先要用ACCESS做一个数据库和一个数据表,再用DREANWEAVER做一个关于通讯录的网页,然后把他们连接起来。最后我们可以通过安装的IIS来显示它。友情连接主要连接了一些重要的网站,以便别人在浏览本网页时可以方便的跳转到别的网页。另类下载模块主要显示了一些主要的下载工具和网站,方便那些想快速下载又找不到好的网站和工具的人。本网页还包括了很多东东,我就不一个一个的说明了。