加入收藏|设为首页

手机版
$(function(){ $("#sj").hover(function(){ $(".wap_in").show(); },function(){ $(".wap_in").hide(); }); });
深圳 - 龙华
0755-27659600
重庆 - 万达
023-6287 2557
昆明 - 五华
0871-67199922
贵阳 - 南明
0851-85636663
惠州 - 惠城
0752-2285 080
$(window).scroll(function(){ var scrollTop = $(document).scrollTop(); if(scrollTop > 0){ $("#top").addClass("s_down"); } else { $("#top").removeClass("s_down"); } initTop = scrollTop; });
服务内容
经典案例 [ 更多 ]
  • 中国大麦网

  • 田美花园

  • 树年手机

  • 黑龙潭

  • 以幸时尚摄影

合作伙伴

商业网站设计主要原则

2014-06-23 11:25:16 来源:知讯网络 字体大小:TTT
[摘要] 一、知道建立网站的目标和用户需求是什么  Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设
一、知道建立网站的目标和用户需求是什么
  Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,以做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。在设计规划之初同样考虑:为什么要做网站?为谁提供服务和产品?企业能提供什么样的产品和服务?网站的目的消费者和受众的特点是什么?企业产品和服务适合什么样的表现方式(风格)?
二、总体设计风格的方案要主题鲜明
  在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
  Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
  要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣,办出网站的特点。Web站点主页应具备的基本
  成分包括:
  页头:准确无误地标识你的站点和企业标志; Email地址:用来接收用户咨询; 联系信息:如普通邮件地址或电话等联系方式; 版权信息:声明版权所有者等。
注意重复利用已有信息。如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。
三、网站的版式设计
  网页设计作为一种视觉语言,要讲究排版和布局,虽然主页的设计与平面设计大有不同,因为网站设计要考虑到用户的体验性。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
  多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
四、色彩在网页设计中的作用
  色彩是艺术表现的要素之一。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。
  色彩对人是有心理影响的,若能加以合理的应用,按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的物质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。网页的颜色应用并没有数量的限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,有CIS(企业形象识别系统)的更应该按照其中的VI进行色彩运用。
  在色彩的运用过程中,还应注意一些问题如:由于国家和种族.宗教和信仰的不同,以及生活的地理位置.文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈.个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
五、网页形式与内容是否统一
  要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
  运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中, 它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
  点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
六、三维空间的构成和虚拟现实
  网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。
  在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计比较规范、简明的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。
网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
  现在,人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
七、利用好多媒体功能
  网络资源的优势之一是多媒体功能。要吸引浏览者注意力,页面的内容可以用三维动画、FLASH等来表现。但要注意,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。
八、经常做内容更新与沟通
  企业Web站点建立后,要不断更新内容。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的印像。
  在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂询和传真,做到有问必答。最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使用站访问者感受到企业的真实存在并由此产生信任感。
  注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
  如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。
九、新技术的合理运用
  新的网站制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。
$(document).ready(function() { $("#selectXiangGuanLianJie").change(function() { var hrefstr = $.trim($(this).val()); if (hrefstr != "" && hrefstr != "0" && hrefstr != undefined) { var tmp = window.open("about:blank", "", ""); tmp.moveTo(0, 0); tmp.resizeTo(screen.width + 20, screen.height); tmp.focus(); tmp.location = hrefstr; } }) }) var yzhzsfid = "10000007"; $(document).ready(function() { if (para("q")) { $(".ccooperate .item").eq(para("q")).show().siblings().hide(); $(".xymenu li a").eq(para("q")).parent().addClass("current").siblings().removeClass("current"); } else { $(".ccooperate .item").eq(0).show().siblings().hide(); $(".xymenu li").eq(0).addClass("current").siblings().removeClass("current"); } $("input:text,select,textarea").bind({ focus: function() { $(this).css("border-color", "#222") }, blur: function() { $(this).css("border-color", "#bbb") } }) }) function fontSizeChange(){ $(".newspage center.info span").click(function(){ $(this).addClass("current").siblings().removeClass("current"); if($(this).hasClass("small")) $(".zw").css("font-size",14); if($(this).hasClass("middle")) $(".zw").css("font-size",16); if($(this).hasClass("big")) $(".zw").css("font-size",18); }) } fontSizeChange(); $(".rxxm").imgFade(); setFullHeight(); $(window).resize(function(){ setFullHeight(); }); $(".rxxm").imgFade(); 

深圳知讯
深圳业务咨询

惠州知讯
惠州业务咨询

重庆知讯
重庆业务咨询

贵阳知讯
贵阳业务咨询

昆明知讯
昆明业务咨询

客服李小姐 客服李小姐

客服许小姐 客服许小姐

客服王小姐 客服王小姐

 备案客服 备案客服

var box = new LightBox("idBox"); $("idBoxCancel").onclick = function(){ box.Close(); } $("idBoxOpen").onclick = function(){ //box1.Close(); box.Center = true; box.OverLay.Color = "#000"; box.Show(); } var box1 = new LightBox("idBox1"); $("idBoxCancel1").onclick = function(){ box1.Close(); } $("idBoxOpen1").onclick = function(){ //box.Close(); box1.Center = true; box1.OverLay.Color = "#000"; box1.Show(); } function kefu_close() { document.getElementById("bottomDiv1").style.display="none"; $(".footer").css({"margin-bottom":"0px"}) }