网站建设流程及界面交互设计研究探讨_长沙网站建设|长沙网页设计|长沙 ...

  二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及,电子商务应运而生,一切都归功于internet的巨大贡献,互联网的世界里蕴藏无限生机,这里只有想不到的、没有做不到的。
  电脑自动化办公已将经营管理从传统模式中解脱出来,但仅作为单独使用的一台机器对它来讲是种太大的浪费,由电脑强强联手所组成的网络将会改变整个经营思路。它可以实现企业经营最根本的一条真理“减员增效”,它的信息高速路使一切传递变得迅速快捷、有条不紊。未来学家曾预言:电脑网络的建立与普及将彻底地改变人类生存及生活的模式,而控制与掌握网络的人就是人类未来命运的主宰。谁掌握了信息,控制了网络,谁就将拥有整个世界。

{dy}、网站制作基本流程

流程
  一个网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。

一、建设网站前的市场分析  
1、相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。  
2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。  
3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力(费用、技术、人力等)。

二、建设网站目的及功能定位  
1、为什么要建立网站,是为了宣传产品,进行电子商务,还是建立行业性网站?是企业的需要还是市场开拓的延伸?  
2、整合公司资源,确定网站功能。根据公司的需要和计划,确定网站的功能:产品宣传型、网上营销型、客户服务型、电子商务型等。  
3、根据网站功能,确定网站应达到的目的作用。   
4、企业内部网(Intranet)的建设情况和网站的可扩展性。

三、网站技术解决方案   
   根据网站的功能确定网站技术解决方案。
1、采用自建服务器,还是租用虚拟主机。   
2、选择操作系统,用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。  
3、采用系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。  
4、网站安全性措施,防黑、防病毒方案。   
5、相关程序开发。如网页程序ASP、JSP、数据库程序等。

四、网站内容规划   
1、根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。  
2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。  
3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。

   注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容。

五、网页设计   
网页设计制作的规范:
(1)网站目录规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构。
a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件,以及其他必须的系统文件;
b.每个语言版本存放于独立的目录;
c.每个主要功能(主菜单)建立一个相应的独立目录;
d.当页面超过20页,每个目录下存放各自独立images目录,共用的图片放在根目录下的images目录下;
e.所有的js文件存放在根目录下统一目录script;
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义。
a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.htm;
b.菜单图片名称按菜单名的英语翻译为名称。例如:关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起{dy}个字母大写;
c.所有文件名字母间连线都为下划线;
d.图片命名原则以图片英语字母为名,大小原则写同上;
e.js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
f.所有的CGI文件后缀为.cgi。
(3)链接结构规范
链接结构的原则:用最少的链接,使得浏览xxx率。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。超过三级页面,在页面顶部设置导航条。
(4)尺寸规范
a.页面标准按800×600分辨率制作,实际尺寸为778*434px;
b.每个标准页面为A4幅面大小,即8.5×11英寸;
c.大banner为468×60px,小banner为88×31px。
(5) 首页HEAD区规范
a.公司版权注释
b.网页显示字符集
简体中文:
繁体中文:
英 语:
c.网页制作者信息
d.网站简介
e.搜索关键字
f.网页的css样式规范
g.网页标题

六、网站的设计制作
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格。

2.开发制作
本次网站规划设计采用软件工程的设计方法,设计小组在系统分析和总体设计的基础上,将设计任务分解,分配到设计组的每个成员,各模块有设计组成员单独承担设计和调试,既有分工,又有协作,{zh1}将各模块上载到服务器上,做链接和整体的调试。

3.调试完善
各模块初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
网站建设实际上是一个不断充实和完善的过程,通过不断的发现问题,解决问题,修改,补充,使网站结构趋向合理,内容更加丰富,形式更富有感染力。

4.宣传推广
刚刚建成的网站就好像一个新注册的电话号码,没有人会自动找上门来,这时你就需要适当地做一些网站推广工作了,这里有很多方法,例如:
a.网页里设置适当的META标签;
b.交换友情链接。这是个免费而高效的办法,就好比在别人商店打上你的广告,在你的商店打上别人的广告,这样一来当网友参观别人的网站时就知道你的网站了,如果你的广告做的好,他一多半都会参观你的网站,这是件无须开支、互利互惠的好事情,推荐使用。
c. 在各大搜索网站(例如sohu.com yahoo.com)注册你的网站,这样当别人在搜索同类的信息时就会发现你的网站;
d.备新闻稿件在各新闻公告板发表;
e.合理使用Email邮件列表;
f.付费广告,这个办法xxx了,但它是付费的;
g.在论坛里贴条子。这个办法效率不高,也很累,有时也会被别人删除掉,所以不推荐。
另外还需要说明的是,请千万不要使用发垃圾邮件来推广个人主页,这样不但不会使别人喜欢你的网站,反而会引起别人的极度反感,这是一种不道德的行为。

至此,网站项目建设完毕。

七、网站测试   
网站发布前要进行细致周密的测试,以保证正常浏览和使用。主要测试内容:  
1、服务器稳定性、安全性。  
2、程序及数据库测试。  
3、网页兼容性测试,如浏览器、显示器。   
4、根据需要的其他测试。

八、网站维护   
1、服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。  
2、数据库维护,有效地利用数据是网站维护的重要内容,因此数据库的维护要受到重视。  
3、内容的更新、调整等。  
4、制定相关网站维护的规定,将网站维护制度化、规范化。


第二、界面设计及交互研究探讨

在网页出现的早期,和设计发展的早期阶段一样,网页设计是以功能性为{dy}指导原则,以技术因素为主要考虑对象,以完成或实现必要的功能为目标。以字符组成的界面可以起到基本的信息传达作用,同时技术要求相对较低,易于实现,并且有较好的稳定性,故而这种形式的界面在很长一段时间内是人机交流的主要形式。
如今越来越多的企业开始建立自己的网站,网站除了具有传播信息的功能外,还往往代表企业的形象。网站建设商业化和广告化的趋势,对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持,但是,由于Windows标准控件的形状和颜色十分单一,网页的视觉效果可能会很差。因此,有必要实现网页中的控件自定义、更加合理的结构布局、更加人性化的视觉效果、更加便捷的操作模式等等,以满足网页设计艺术化、人性化的要求。于是,网页交互界面设计规划在实际项目中变得越来越重要了。

一、导航栏设计
导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并{zd0}限度为用户的方便考虑。

二、网页布局
网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。
PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果

网页布局--主要构成原则
醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
可读性:指网站的内容让人容易读懂
明快性:指准确、快速转达网站的构成内容
造型性:维持整体外型上的稳定感和均衡性
创造性:有鲜明个性,创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡

三、交互研究
界面交互主要集中在人机操作方面,研究用户浏览网站的心理,一个成功的主页,单纯的美观是不够的,重要的是宜人性方面应该注重。
网页设计不是仅仅使用户在显示器上看到漂亮的装饰性画面那么简单。比起华丽的画面装饰,网页设计应该在更有效地传达信息方面多下些工夫。这必须有对布局设计和色彩的正确理解和相关知识,要熟知网页物理系统的特性,并具备应对各种情况的能力。在具备人性化界面的网站设计中,我们不难发现其表现出来的功能性和自然美。多数设计得比较好的网站,都考虑了多媒体的特性,色彩设计和信息按照一定秩序排列,能更有效地向用户传达内容。
很多设计师认为画出美妙绝伦的页面才是设计,其实不然,要在有限的元素和色彩里表达出风格才是更有难度也更有层次的设计。经过严谨的思考和漫长的推敲,最终只花几分钟为页面画下一个简单的圆角框或者一条两像素的实线,其效果也许比涂满了色彩和组合了数十个分层的画面更好。设计最终将上升到思想的层面,而不是仅仅停留在工具和素材的使用。
简单就是美的设计理念使得Web设计中的简约风格意向逐步明朗,在体验了复杂烦琐的颜色和图片堆砌之后,主流设计开始返璞归真。毕竟网站是给用户使用的,而不是光用来看的,简约的设计能给人以轻松的视觉体验,更好的突出网站功能主题,更适用于网站文字内容的资料表达。

重视交互性和用户体验
在界面设计方面,很重要的一点就是要站在用户的立场去进行设计。如果网站的画面既不美观大方,使用起来也不方便,那么这个网页的界面设计是失败的。既能给用户带来方便,又兼备视觉的冲击力的网页界面设计,才是每个网页设计人员应该思考并追求的东西。
在网页界面设计方面,设计师尤其应该考虑使用的便利性和视觉效果这两方面的问题。在使用方法方面,可能的话应该遵循网站设计的普遍规律,界面的构成不能太复杂,主要内容应该设计在引人注目的地方,所有操作性按钮位置应该科学,让用户容易适应;同时,要考虑符合网站主体的色彩系统,去除不必要的内容,把信息块分类设计得成体系,让用户很容易就能找到想要的内容。
如果不是追求艺术美感和试验性的特殊网站,无论设计师想表达的东西是多么新颖多么富有创意,假如把网站头部设计得很复杂很难以理解,进而影响了用户的操作,那么它就很难成为一个优秀的网站。



郑重声明:资讯 【网站建设流程及界面交互设计研究探讨_长沙网站建设|长沙网页设计|长沙 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——