各位，有在其他网络公司上班跑过网站建设业务的，各网络公司都是采取什么营销方式，业务员都是采用什么方法跑网站建设业务的，别吝啬你的经验啊，共同讨论、共同进步。。　　另外讨论下，目前网站建设的现状与前景及出路。。　　仅此以刨砖引玉，欢迎各位发表高见！
楼主发言：1次 发图：0张
　　你就是做Google推广的吧，我们也做啊，他在中国走的也是百度的道路，刚开始市场没有做大就需要代理商，等市场做大了就变成直销了，百度现在不是一样吗，几年前深圳这边交由“移动时代”做代理，现在叫“时代赢客”现在做大了有名气了就直销了！
　　我们的业务量主要来自百度做推广，来了解来询价格的人不少，稍微聊的多点的，留下电话和QQ，就要你发个方案和报价给他，就杳无音讯了，不是嫌你价格太高就是嫌你技术不过硬或者担心日后服务不好，都是借口，但从7月份开始就没做，就没什么人找上来了。　　网站这块是有市场，但门槛太低，瓜分的人就多了，市场不统一，都说现在是淡季，9月份到过年前后会好些。　　第二种方式是打电话，主动出击，但这个效果很差，人家都有免疫力了，这是中企动力所用的方式，现在他名声很臭，客户都是被忽悠了，所以现在的企业老板很难再相信了。
　　我也很想请高手指教，昆明天度（）。胡昌华：.我也是做互联网营销的，很欢迎各位给与建议！
　　我前段时间发了一贴，说的是深圳目前网站建设行业的现状，摘自一文摘，分析得有些道理，的确我在深圳这行业这么久，看着这行业的确是这么过来的，将来会走向两极分化吧，高不成低不就的网络公司只有等着关门大吉了。　　以下是摘自某门户的一文章：　　　　网站建设现如今，漫步在深圳华强北，这个一直以电子著称国内外的CBD商务区，你会猛然发现\& 做网站300元起\&的宣传牌，不经意间你也会被吓一跳，手拿劣质纸张做的传单一搭一搭，是个人就发一张，通常是很差的红色纸张或者劣质的复印纸，醒目的300做网站。“ 做网站不？” 不管你是男人还是女人，老太太或是年轻人 大有取代”发票，发票”的趋势。 　　　　 这是怎么了？深圳的 网站建设行业都疯了么？ 深圳网站建设公司都怎么啦？ 网络公司来深圳，软件公司去上海，数据公司在厦门.做为一个资深的IT记者，目睹了这近5年来中国IT业界，特别 网络公司发展的一幕大戏。那么深圳的 网络公司的发展更是中国网络企业的一个缩影。 　 　 　　　　 深圳的网络公司，5年前“一条电话线，一个业务包，一个程序员”三个一工程就开始了 网络公司的创业历程。深圳一时间，数百家的 网络公司如雨后春笋，毫不夸张的说，每一个企业老板每天可以接到3个 网络公司业务员的电话。时至2008,快5年过去了，当初的那些 网络公司现在都在宣传什么，经营情况如何？整个深圳互联网行业如何呢？我想很多都在大浪中被淘净了吧！ 　　 　　　　 打开百度输入 深圳网站建设，搜索结果就是整页的网络营销广告，全部都是这些 网络公司，细细一看企业宣传的重点也是百家争鸣。宣传口号有“技术高端”“网络营销”，“推广促销”，“专做高端客户”，“域名主机网站一体化”，“自助建站” 一时间，好不热闹。 而我通过细细的走访刚了解到了另一番景象。“利润下降”，“没钱赚”，“要转型了”，“准备不做了”，“没有以前好做了”，“竞争太激烈了”……看来，大是一幅“山雨欲来风满楼”的态势啊。这么好的市场，这么多的行业精英，为什么一时间出现这样的局面呢？ 这一点在我们采访深圳当地资深的网络公司 深圳酷睿科技，的时候，了解到，主要是品牌建设的问题，大部份的 网络公司的投资者都是业务员出身，注重业务的发展而忽视了企业品牌文化的建设，造成了在竞争激情的行业局面下，整个企业的可持续发展的动力不足。接下来必将上演一场深圳网络公司品牌PK，整个行业洗牌上演在即。 　　　　 我预言只有少数深圳网站建设公司可以存活下来，技术高端的，走高端路线和自助建站公司，要么就是高价高质，要么就是低价低质的两极分化。 　　　　　　　　企业网站建设这个领域是自从互联网进入中国以来就开始在神州大地遍地开花，从早期的几百万建站，到后来的几十万，到如今的两千三千甚至几百块的单价，演绎着网站建设市场的混乱夹杂着基础网站建设市场从业人员的血泪。　　　　　　　　　　有人呼吁，进入2007年度，这个行业的同行要提高整体价格水平，甚至以房地产的开发商为学习对象，窃以为这个情况不会出现，企业网站建设市场仍将混乱下去。为什么？为什么企业网站从业人员和公司不能获得高的利润和取得良好的企业生态环境，为什么我们的大多数建站公司哀叹如今的市场真不是人做的？放眼看去，价格战比拼血肉模糊，将微薄的利润压缩到不能再低……城市里大街小巷都是网络公司，甚至连做名片搞印刷的门市部都可以堂而皇之的为客户提供网站建设服务？这样的市场现状将走向何处？　　　　　　　　　　我认为：这样的市场乱象仍将持续下去。　　　　　　　　　　目前在国内网站建设市场上整体来说获利甚丰的基本上有两家企业：中企动力和铭万两家公司，其中以中企动力更胜一筹。中企的成功不在于他的技术，在于这个公司对中国互联网基础服务市场现状的了解和背后的资本优势。这个公司以其独特的跑业务的方式和遍及全国各地的分支机构和辛勤的业务员覆盖了差不多整个市场，一些傻乎乎的民企老板们在“电子商务”“信息化建设”等好听的辞藻下和精美的设计方案而掏出了几万或者十几万的网站建设费用换回来的就是一堆自助建站系统生成加一个美工设计的网站，从而为中国数码在资本市场上的良好业绩支撑。但是，国内的其他企业学中企是学不来的，他的模式你无法复制，甚至你都不愿意向中企那样的去营销，因为我们的很多公司还是很在乎自己企业的名誉的。　　　　　　　　　　为什么我说企业网站建设市场是仍将混乱下去？　　　　　　　　　　1、企业网站建设技术门槛太低、太泛滥。从学校里拉一个计算机系，甚至好多不是计算机系的学生，上几天培训或者根本就是自学的，做网页对他们来说都不是太大的难事。更何况目前国内的企业网站建设程序语言主要是asp和php，在技术上门槛几乎为0.　　　　　　　　　　a：目前的无壁垒的资源开放，源码站太多，太泛滥，大量的企业网站源码都可以免费下载，勤快的人还重新改头换面，不勤快的人就是直接改个网站标题就可以成为一个企业站。开源的网站系统层出不穷，而且呈迅猛之势，在客观程度上促进了asp和php的发展，企业网站也是受其影响，因此，技术门槛趋于零。　　　　　　　　　　b：互联网的技术发展迅猛，制作网页已经从以前的高新技术走向平民的应用技术，哪怕您是八十岁的大爷，只要肯学，不出一个星期都可以掌握网页制作软件的基本用途，同理，您也发现我们身边的人很多人都会PS.从整体上来说，web技术正在走向大众化，造成从业人员数量众多。　　　　　　　　　　2、企业网站建设市场不是一个可以标准化的市场，放眼看去，国内做新闻的网站，已经跳不出sina sohu的模式，sina和sohu利用先发优势，确立了行业标准再形成规模优势和品牌效应，那么在新闻内容方面，sina和sohu可堪称行业标准。B2B领域方面，阿里巴巴已经是占据了整个产业链的重头戏，导致追随者慧聪等基本上无法逾越，目前可以说阿里巴巴是国内B2B市场的标准，同样值得一提的就是阿里巴巴在电子支付环节由于进入的早，深刻理解中国的网民现状和支付需求，目前支付宝也是电子支付领域的当之无愧的领跑者。但是企业网站建设从一开始就不是一个可以标准化的市场。为什么？　　　　　　　　　　a：企业的需求不尽一致，千变万化的需求导致无法为企业网站建设制定一个规范的标准。所有的商家在为企业服务的时候都是任意发挥，这个方面从开始，到现在，到将来，我认为都将持续下去，因为企业的需求你无法标准化和管控。　　　　　　　　　　b：企业网站建设产业涉及到环节过多，每个环节无法标准化。从网页的美工，你可以任意发挥做成什么样子，只要企业喜欢。网页的程序，网站建设公司会什么程序就用什么程序。企业网络营销，有的企业要百度，有的企业青睐google.有的企业要中英文版本，有的只要中文，也有的只要英文版本，因此，环节过多，导致无法统一。但是稍微令人欣喜的是，RSS输出等web2.0的新技术的出现，可能对这个现状有所改观，但是未来如何发展尚不太明朗。　　　　　　　　 　　　　3：已有的客户和潜在客户日趋理性　　　　　　　　　　a：被我们的市场前辈们以电子商务、企业信息化等各种绚丽的辞藻教育后又付出几万十万甚至几十万的真金白银的客户们也算是彻底的明白过来了，网站是必要的，但是没有那么NB的功效，更多的企业投入下去没有回报后调低了
　　互联网对销售和宣传的期望，从而降低在这方面的成本预算。更多的人明白网站只是一个工具，重要的在于网络营销，这也是百度的产品卖的好的缘故。客户们愿意一个月给百度几千，但是不愿意一次性做个网站五千块就是这样一个好的例子。　　　　　　　　　　b：过多的名称好听而作用甚微的产品线大大的透支了客户对互联网产业的信任，无穷的产品线，成堆的代理商，比人寿保险和安利还要迅猛而来　　
　　现如今我们在互联网网站建设行业从02年开始到现在有7个年头，目睹一个个网络公司如雨后春笋般冒起，也见证了一家家网络公司灰飞湮灭，认识到，光靠单一网站业务是很难生存下去，需要多元化发展，李嘉诚下属的集团就是个例子，他旗下的所有业务都能起到一个相辅相成的效果，某段时期内这项业务业绩不好，势必有其他业务业绩不错。　　
现我们导入一新业务，做茶雕产品代理，利用我们在互联网营销方面的经验优势，为企业输入新的血液同时不会丢弃老本行，谋事在人，成事在天。　　
网站建设网站：　　
茶雕网上商城：　　
电子商务网：
　　现网站建设这行业，由于门槛低，自然会被许多个人抢这块蛋糕，这都无可厚非。　　
作为网络营销的我来说，看着天涯里自曝各行业营销人员薪资都是在4K以上，真是惭愧。。　　
请各位大侠从事这行业的发发高见吧！　　
　　漳州曼森网络科技有限公司--我们也是做这行的。有兴趣请进
本网络公司诚招兼职网站业务。。。你接单签单。。。我做站。。。高提成。。。　　
邯郸市安德网络工程有限公司
网站建设，承接各地网站业务，外包业务
　　面对四万亿的投资，美丽的新疆处处充满商机。您准备好了嘛!　　　　
　　面对四万亿的投资，美丽的新疆处处充满商机。您准备好了嘛！　　
　　个人做互联网有一段时间了，感觉这块主要着眼点是电话营销和拜访相结合。　　但是，最关键的还是后期的跟踪。电话跟踪也关键。以往成功经验来看，业务是否成功技巧是关键，诚意也必不可少。两者相结合。希望对你有所帮助。
　　　　我厂专业生产仓储货架，欢迎来厂来点咨询洽谈
　　金九十银大派送啦：　　方案一：签百度推广5600元，可选以下其中1款产品赠送。（2888网站一个；EC在线沟通工具3个月；人才　　　　网广告3个月）　　方案二：签百度推广8600元，可选以下其中2款产品赠送。（2888网站一个；百度商桥；EC在线沟通工具3　　　　个月；人才网广告3个月）　　方案三：签百度推广10600元，可选以下其中3款产品赠送。（2888网站一个；百度商桥；EC在线沟通工具　　　　3个月；人才网广告3个月；无线键盘鼠标套装）　　方案四：签百度推广20600元，可选以下其中3款产品赠送，外加招财宝物“貔貅”一个。（2888网站一个　　　　；百度商桥；EC在线沟通工具3个月；人才网广告3个月；无线键盘鼠标套装）　　联 系 人：林炽纯　　联系电话：138-　　联系QQ：141-　　
　　昆明依代科技有限公司小陈顶上，我也很想知道　　
　　我也在昆明攀博科技公司呆过http://www.ynpb.net我也很想知道怎么跑
北京名典传媒网站建设， 　　不太喜欢打电话，一些推广电话接着就烦，平常就是发一些信息，也在寻求更有效的方式
近期本人加入了有一个可能是继hao123后的又一网络神话，仅花20元就能让你的产品和项目信息挤身于日均访问量高达50,000IP、 全球排名位居100,000名内的大型巨流导航网站。另外推荐会员每位4元,3代内见点2元，6代内见点1元!　　　　10元就提现。另还可以赚取额外的广告分成！　　　　　　　　你已经错过了hao123导航，百度用5000万收购，你也错过了265导航，谷歌用2000万收购，E2345导航你还会错过吗？　　　　　　　　　　　　注册网址 http://www.e2345.net/mak345.html　　　　　　　　感兴趣的加QQ
　　我们提供免费网站在线客服工具，抓住每一位访客
　　欧特网络现推出成品网站超市服务，客户只需在我们的成品样例中选择您喜欢的网站类型，我们就会按您的修改要求去制作您的网站，（并不是直接实用样例式样，而是根据您的要求去修改，从而达到您满意的效果）。价格特惠，现仅需每年600元，包括域名和空间哦。赶快登录我们的选择您喜欢的样式吧
　　不知道有没有人做小生意的，或者是卖特产的。 想做团购的，代理团购市场，或者是想自主创业的，欢迎回复留下联系方式。无论你是商户或者准备投资创业者，想做团购代理商，开拓本地区团购市场的，随时留下联系方式，大家一起来讨论。我是寻找有意向的人与我一起合作，一起创业。哈喽购团购网站在全国每一个区县要找一个区县总经理来负责本地市场。谢谢.有意向留QQ;或者电话
　　刚刚在论坛看了一篇文章很好！！新手怎么跑业务!
　　成都网站建设，
　　青岛新蓝网络，成立于2006年4月，定位于专业的互联网技术服务提供商，是一家致力于网络营销技术与信息化服务的高新技术企业。我们向客户提供全方位的优质化服务和最专业的网站建设方案，为企业打造全新电子商务平台。业务包括企业网站建设，企业标志设计，网站策划，行业网站解决方案，网站推广，网络营销，网站合作运营。　　青岛网站建设http://www./　　青岛开发区网站建设http://www./　　随着网页设计与制作的发展，青岛新蓝网络设计师们不断尝试与探索，为达到更好的展示效果，大胆创新增添网页设计新元素。在过去的一年，网页设计领域有了新变化，有的设计理念正在逐渐淡去，有的发展趋势依然强劲，还有的则是小荷才露尖尖角。
　　蒙特网站建设公司，从事企业网站制作、网站建设、网站优化、网站推广、域名注册的网站建设公司。我们拥有专业的网站前端工程师及网站程序开发人员，真诚、真切是我们专业建站的首要态度。我们以专业化的水准，创意性的思维，人性化的服务，以执着的专业追求和强烈的创作激情，用真诚沟通，为您提供最满意的企业网站制作方案!　　我们的优势：　1 　　我们是一支年轻的制作队伍，我们不会以公司的名义打着高价格的制作经费，我们以最便宜的价格制作出最专业的企业网站。我们采用最新的web2.0技术-用DIV+CSS布局网站，并且注重代码的语义化，用DIV+CSS布局网站，可以让您的网站兼容更多浏览器，网站打开速度比传统表格布局的网站跑的更快，更容易被搜索引擎收录。相信我们，请给我们一次宝贵的机会!
　　专业提供VOIP服务器出租　　业务范围：VOIP建立站点、VPN虚拟专用通道　　为企业而生，速度，稳定，安全　　全球顶级服务器供应商　　机房网络覆盖香港、美国、马来西亚、新加坡等地　　免费送WEB安全认证系统（防红绿灯）　　热卖：　　香港盈科机房　　E
1个IP 600元/月　　美国kt机房　　Intel Core 2 Duo 2.33GHz
2GB RAM 160GB SATA
10TB Transfer
Bandwidth/三个IP 　　800元/月　　官网地址 /　　一手资源、价格公道、服务到位、　　24小时技术服务，第一时间解决客户需求　　联系方式:　　QQ:
　　渤海商品交易所.cn　　成都网站建设
　　不知道还有没人交流，我这里是做企业免费进销存的，大家可以看一下　　
请遵守言论规则，不得违反国家法律法规如何搭建完整的网站架构并设计出一个好站
&如何搭建完整的网站架构并设计出一个出色的网站?关于这个问题，我们很难提出一个绝对权威和正确的设计思路，但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请专业人士，自本期起进行为期5期的连载，分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面，详细阐述如何设计一个优秀的网站，敬请读者关注。是一门新兴的边缘性职业，既要从外观上进行创意，又要结合图形和版面设计，交互设计等诸多相关原理，这使得变成了一门独特的艺术。良好的能使网站在同类站点中独具特色，优秀的创意和表现方式能给浏览者留下深刻的印象，使网站访问流量增加甚至直接增加网站收入。 因此，在设计的初始阶段就规划好网站的设计步骤是非常重要的，通常情况下步骤分为模型构建、审美及交互设计、风格设计、代码设计、可用性测试等几大方面。首先我们由以下四个步骤来了解一下网站模型设计中的内涵与重点。一、，不仅仅是美术设计你的工作究竟属于设计师还是美工?那得看你做的活是真正的设计，还是点缀页面使之更好看的操作。设计师的工作是高屋建瓴的，而美工只是软件工具的使用者。很多人把在网站中的设计定义为美术设计，认为设计师的工作任务就是使用Photoshop一类的绘图软件把需要展示的页面画出来，其实这是很狭义的理解。合格的设计师应该立足于整个网站的全局，在规划上对整个网站进行完整的设计，在宏观上把握设计风格导向，微观上再针对该网站的具体定位来决定如何对设计进行元素上的细化。当然，还包括了数据库设计及程序设计，在这里，我仅以我的从业经验，举例谈谈网站前端设计。北京奥运会即将开幕，我们先来举两个奥运类型网站的例子：奥运会官网：如图，这是一个设计得非常成功的例子，设计师并没有像一般涉及奥运主题的设计一样使用大量红色，而是把页面风格完全国际化，其中把各种资讯和功能模块都恰到好处地融合在一起，粗毛笔一般的元素设计使网站得到了丰富的整体效果。新浪奥运频道：如图，我们可以看到设计师的创意仅仅被压缩在页面滚屏几次后看到的内容区块上，使用了奥运五环色彩来进行设计。页面头部基本是套在任何一个专题网站都能使用的结构素材，而新浪的资讯系统一定是能支持实现一个更脱离内容专题模板的好设计的，可见其并没有从的角度出发去处理这个项目。二、设计人员在需求阶段介入，影响需求，而不干预需求我们常听到有设计师抱怨：&这个设计让我改了十多遍怎么还不能定稿?&，也常听到产品经理说：&这个设计师怎么就是把握不住要点?&不论设计在网站的实现过程中有多么重要，网站该是什么模样，还是必须由需求决定。所以网站项目的前期需求是至关重要的环节，也可以理解成房屋建筑的地基。需求也许是经过若干调查，将结果汇总后产生的报告，也可能是领导或老板的一时冲动而引发的大讨论。在需求的确立过程中，遗憾的是，人员的分量是极其有限的，产品经理、频道主管、某级领导的想法往往直接决定着需求的最终形态。但是设计人员在需求阶段的介入还是很有必要的，设计师能以自己专业独到的眼光，提出科学合理的建议，影响需求的细节。这样做的结果是能在最大限度上取得需求方和设计方的思想一致，而不至于在设计过程中面对着有意见却不让更改的需求问题而大发牢骚。三、学会掌控用户路径用户从哪个页面来?他最有可能点哪个链接或者按钮?他使用了搜索框吗?他下一页去哪里?最后哪个页面会被他打印输出?站在整个网站的角度出发，这些流程也许只是产品经理需要把握的，设计师拿到UE图只管一个接一个绘制页面就行。其实不然，好的设计师往往能承担一部分产品经理的职责，设计出一个典型的用户路径，这对网站页面流程有着很大的影响。页面和页面之间有很多关联，成片的超链接把流程页面和外部页面混乱地串在一起，区域A的文字链接要链到页面2，区域B的图片链接是指向页面3，侧边的一个位置显著的大按钮其实是链接到网站X&&页面和页面之间也是有继承关系的，继承的过程要让用户觉得理所当然，在视觉上实现平滑过渡，这就是设计师要考虑的具体问题。从一个页面到另一个页面的路径组成里，哪些模块要原样保留，哪些控件要发生变化?页面结构是否可以变动，页面色彩是否可以更换?这些都是需要参照用户路径进行设计的地方。把自己想象成为一个普通用户，一页一页地点进来，你就能明白用户需要的是什么样的合理设计。在此我们可以参考如图所示的流程图。四、初步实现UE产品模型，并审核设计师需要以什么作为参考来进行页面设计?所有的元素和流程都在脑子里，这个时候设计师需要稍加整理把它们简要地画出来，画出线框和注释就可以了。我们可以把UE模型理解为设计草图，在UE阶段，设计师主要根据用户路径得来的线索，加上对用户交互习惯的探索，进而整理出一个大概的模型框架。这个框架里，要明确画出有几个关键页面，每个关键页面的关键元素和模块有哪些，这些关键元素和模块哪些是必须以某种特定位置排列或者是务必要强调突出的。其中，网站的首页、最终页面是最重要的两级页面，首页会是用户使用网站的第一站，在首页的体验好坏，直接决定着他的去留;而最终页面是用户想要获得信息的具体页面，他会在这个页面停留最久，可能会进行仔细的阅读，或是打印出这一页备用。通常在绘制完UE模型之后，会有一个开发小组来讨论并且审核这个模型，这时候就需要着重确定首页和最终页的大概模样，每个讨论参与者对此都很关心。UE模型的绘制我们可以参考如图的某商城的UE图。UE模型通过之后，传统意义的设计终于派上用场，要进行具体的页面设计了。链接1 中可能存在的误区〖EOF〗误区一：设计师就是美工。事实上，两者几乎完全不同，设计师存在主观因素上的设计，而美工很有可能只是被动执行。误区二：用什么做图软件对设计师来说很重要。其实设计师对做图软件没有什么严格要求，很多学习绘图软件很久的人习惯用photoshop来画页面，而更多专职面向的人习惯使用fireworks，因为其更偏网页化的操作能带来更高的效率。误区三：做平面设计和其实是互通的。虽然都是设计，但两者的很多设计规矩是不一样的，我认为两者最大的区别是思想上的区别：平面设计讲究留白和视觉冲击，而则寸土寸金，页面元素的整齐协调更是至关重要的。误区四：我改变不了领导和用户的需求。设计师要做的只是提出自己对于设计上的看法，决定权仍然在于领导。误区五：我经验不足，提不了任何建议。对设计师来说，了解需求也是很重要的，不光是需要读懂文档，更需要真正明白大家在做的是一个什么样的具体的东西，这样在动手操作的时候，才不会手足无措或者是理解偏差。误区六：设计师直接出设计稿就行了，有问题就改。设计师需要先搭建出UE模型，UE只需要以简单线框模式展现，效率高而且适合随时调整修改，往往在这个阶段需要修改的地方是很多的，如果直接就以设计稿来探讨，每修改一处都是一个工程，毫无效率可言。误区七: 每个页面都很重要，都要认真研究探讨。其实大部分网站页面都是一样的框架，只是内容显示不同，同一个级别的页面基本都是一致的，除了关键页面之外，其他页面用户也许只是经过一次，停留时间甚至可以忽略，论优先级来说，同等效率下自然要保证关键页面。&&链接2 相关名词MRD(Market Requirements Document)，是指市场需求文档。MRD文档主要侧重于市场机会的分析，得出类似于 &就当前市场情况而言，我们可以做什么&的结论;PRD(Product Requirements Document)，是指产品需求文档。PRD侧重于整个产品的规划，比 MRD文档要细化一些;UI(User Interface)设计，用户界面设计，用户界面设计的三大原则是: 置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性;UE(User Experience)，用户体验，成形的用户体验可表示为框架化的页面草图，有些人习惯用纸笔画UE，有些人习惯用word或其他行业软件，总之能展现页面概要示例即可。的规范理解并遵循的规范是网页界面设计的基础，的规范在行业中通常被称为设计的&一贯性&。一个优秀的、有经验的设计师能把的基本规范自然而本能地融入作品中。在显示器的方寸显示空间里，用户需要以被限定的分辨率来浏览页面、以键盘和鼠标来交互控制界面、继而在有限的网络传输速度下一个个层级地浏览整个站点，可想而知其中有多少要素需要规范化。形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内：一般的网站通常会在头部显著位置显示网站LOGO，以合理的层级关系及最普通的字体字号来展现导航以及设计合理的搜索功能块。在这里我们需要注意的是除非非常必要，网站的LOGO尽量不要以flash动画展示，同时导航也尽量不要以flash动画或图片来表现，因为浏览器有拦截flash的可能;同时，不同终端设备上浏览器对flash和图片的不支持也可能造成网站无法继续访问或者根本无法识别。我们可以通过以下几个例子对比一下规范在实际应用中的效果：图1，汽车之家的导航设计，图文结合，非常出色;图2，贵州省人民政府网站，网站标题和LOGO全部制作到flash动画中，当浏览器屏蔽flash的时候，网站将无法识别;图3，伊利集团网站，导航flash也很漂亮，同样的，当浏览器屏蔽flash的时候，导航将不可见，网站无法被继续访问;图4，广东省人民政府网站，非常优秀的设计，导航栏全部以非图片形式制作，既保证了美观，又体现了实用性。&&&&&&&&&&除此之外，网站的各内容区块应切割明显，让用户能很容易地判断内容块的起始。如果不是门户类型网站，网站页面长度尽量不要超过三屏(因为不同显示器分辨率参数不同，三屏的说法不一定适用于所有设计)，即不要让用户在同一页面上过多滚动鼠标滚轮。中文时应注意内容区域文字尽量使用12像素、14像素等偶数字号，以准确表达中文字体的整齐切割，正文汉字部分应严格使用宋体，保证用户最好的阅读感受。标题部分可以稍微增大字号，页面上除装饰性图片或广告之外的地方最多使用两种字体。如图5所示的方正字库网站，就是一个很好的例子，左侧列表使用13像素宋体，右侧列表使用12像素宋体，同时除广告外还出现了黑体和行楷等数种字体。遵循简洁为美原则不是仅仅使用户在显示器上看到漂亮的装饰性画面那么简单。比起华丽的画面装饰，应该在更有效地传达信息方面多下些工夫。这必须有对布局设计和色彩的正确理解和相关知识，要熟知网页物理系统的特性，并具备应对各种情况的能力。在具备人性化界面的中，我们不难发现其表现出来的功能性和自然美。多数设计得比较好的网站，都考虑了多媒体的特性，色彩设计和信息按照一定秩序排列，能更有效地向用户传达内容。很多设计师认为画出美妙绝伦的页面才是设计，其实不然，要在有限的元素和色彩里表达出风格才是更有难度也更有层次的设计。经过严谨的思考和漫长的推敲，最终只花几分钟为页面画下一个简单的圆角框或者一条两像素的实线，其效果也许比涂满了色彩和组合了数十个分层的画面更好。设计最终将上升到思想的层面，而不是仅仅停留在工具和素材的使用。简单就是美的设计理念使得Web设计中的简约风格意向逐步明朗，在体验了复杂烦琐的颜色和图片堆砌之后，主流设计开始返璞归真。毕竟网站是给用户使用的，而不是光用来看的，简约的设计能给人以轻松的视觉体验，更好的突出网站功能主题，更适用于网站文字内容的资料表达。通过以下几个例子我们可以很好地对比简单和复杂的所体现的不同效果：如图6，互联网上最著名的相册Flickr，采用了最简约的设计;图7，中国SNS的典型代表校内网，以色块和线条构成主体，网站结构上极少使用图片;图8，安徽省政府网站，首页使用了极少见的纵向4栏分割设计，极其烦琐。&&&&&&重视交互性和用户体验在界面设计方面，很重要的一点就是要站在用户的立场去进行设计。如果网站的画面既不美观大方，使用起来也不方便，那么这个网页的界面设计是失败的。既能给用户带来方便，又兼备视觉的冲击力的网页界面设计，才是每个人员应该思考并追求的东西。在网页界面设计方面，设计师尤其应该考虑使用的便利性和视觉效果这两方面的问题。在使用方法方面，可能的话应该遵循的普遍规律，界面的构成不能太复杂，主要内容应该设计在引人注目的地方，所有操作性按钮位置应该科学，让用户容易适应;同时，要考虑符合网站主体的色彩系统，去除不必要的内容，把信息块分类设计得成体系，让用户很容易就能找到想要的内容。如果不是追求艺术美感和试验性的特殊网站，无论设计师想表达的东西是多么新颖多么富有创意，假如把网站头部设计得很复杂很难以理解，进而影响了用户的操作，那么它就很难成为一个优秀的网站。例如以下几个网页，在设计中就存在着一些因为不够重视交互性和用户体验而存在的问题：如图9，湖南省人民政府网站，所有同级内容无区分重复堆砌，容易让人视觉疲劳;图10，知名女性用品网站果皮网，右侧列表过于冗长，用户体验极差;图11，Sandisk中国总代宏衢网站，在简单的页面上采用了过多的烦琐的图片设计。&&&&&&营造统一的独特风格不同的网站有着不同的风格，譬如政府类型网站适合使用颜色较深的沉稳基调，各企业可以依照其产品特性创造独有的风格，给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段，设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制，这是在页面生成为HTML代码前的最后一个阶段。说到风格，我们先来谈谈构成网页风格的三个基本要素，它们是：颜色、线条和形状、版式。协调运用颜色：不同的色彩影响着人们对网站的第一感觉，红色系象征着激烈、兴奋，灰色系象征着平淡和低调。因此，旅游和园林类型的网站使用绿色系比较多，蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。另外也有几种颜色在中是很少被大面积使用的，比如紫色。一个网站不可能单一地运用一种颜色，这会让人感觉单调，乏味;但也不可能将所有的颜色都运用到网站中，给人感觉轻浮、花俏。一个网站必须有一种或两种主题色，既不至于让客户迷失方向，也不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。通常情况下，一个页面内尽量不要使用超过4种色彩，太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后，考虑其他配色时，一定要考虑其他配色与主题色的关系，要体现什么样的效果;另外还要考虑哪种因素可能占主要地位，是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是简洁布局中凸显柔和绿色的网站n词酷，图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。&&&&适当选择线条和形状：文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状，才能增强页面的艺术魅力。以下我们来探讨一下几种不同线条和形状的使用方法。直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的，也就是所谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。曲线(弧形)的应用。曲线的效果是流动、活跃，具有动感的，曲线和弧形在页面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的主页，适应的范围更大，各种主题的主页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上以一种线条(形状)为主，只在局部的范围内适当用一些其他线条(形状)。我们可以通过以下几个例子具体了解一下线条和形状的实际应用，图3是功能型网站校内网，直线为主的同时应用了不对称形状;图4是专业类网站蓝色理想，全站都采用了直线设计;图5是保加利亚知名珠宝网站，曲线的使用达到淋漓尽致。&&&&&&均衡的分割版式：在中，页面因为内容元素的需要被分割成很多区块，区块之间的均衡就是版式设计上需要着重考虑的问题。均衡并非简单理性的等量不等形的计算，一幅好的、均衡的网页版面设计，是布局、重心、对比等多种形式原理创造性全面应用的结果，是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中，我们可以看到对比法则的成功参与;而在一些对比不十分强烈、典雅的不对称设计中，我们则可感受到设计者儒雅的学者风范。需要注意的是，传统的版式控制都是在不超越大众显示器分辨率宽度的前提下，依照内容多少纵向延展设计。而如今流行的产品型网站，更倾向于在一屏内表达最主要的东西，尤其是首页，尽量不出现滚动条。这里我们可以参考两个例子：图6，中国同学录5460主页面分割，虽缺乏均衡，但还算易用;图7，国外橄榄球俱乐部网站，少见的中央分割设计。&&&&强调UI统筹：除开宏观的色彩版面设计，页面设计里还有一个很重要的环节UI元素的设计。在设计人员的理解层面上，所有界面上可视范围内的东西，都可以并入UI里，但是单说UI设计，则更侧重于Tab标签、小图标、按钮、控件等。这些细节的优化，通过使用元素来影响整站风格，制造整体性及连续性，能统一整个站点的形象，并且在精致中表达网站的整体格调。具体的UI元素设计是见仁见智的，这里推荐一些优秀的作品给大家参考学习。图8，银华基金网站的icon(小图标)细节;图9，开心网的icon设计细节。&&&&适当美化 去除冗余在必要的元素都设计完成之后，回顾整个页面，根据整站的风格需要，也许你会觉得设计得过于复杂了，或者是设计得不够完美，不能突出想要的风格。这个时候就需要适当调整对页面的美化控制。简洁的往往是美的，而美的东西不一定简洁。尤其在上，对于内容很多的门户网站，任何多余的修饰都会加重浏览者眼睛的负担，所以可以看到门户的设计往往特别简单;而某些专业型网站，就首页来说确实没有什么东西可以展示，那么则需要刻意增加一些点缀而不显得特别空洞。当然，这也不是定理，针对行业不同或者突发性事件，适当地对设计进行调整也能够起到很好的效果。这里我们就举两个门户网站的例子: 图10是奥运版的搜狐首页，门户也设计得美观大方;图11是网易的经典首页，简洁大方堪为业内典范。&&&&如何进行规范的代码设计相信很少有人会在的过程中把代码设计单独拿出来说，虽然在软件设计中代码设计很受重视，但在web设计里，大家更关心网站结构设计、数据库设计、页面视觉设计，很少有人会真正关心前端代码设计。这恰恰是因为代码设计的优劣不是一般用户所能感觉出来的，设计得差的前端代码，在用户使用过程中也许毫无影响，却能将前端工程师和web程序员弄得一塌糊涂。DIV的规范及科学统筹说到前端代码，不能不说DIV架构。目前主流的网站页面架构方式已经转向DIV+CSS的结构层和表现层脱离的方式，这个过程也叫做网站的标准化。这与以往的利用表格定位的方式完全不同，更加强调了界面元素的模块化定位，由DIV确定模块的界限，再由CSS代码表现该DIV元素的表现形式。在DIV的布局方式中，我们更多强调的是规范，因为DIV的ID名称和CLASS类名称是能够由代码编写者自行定义的，所以有明确规范的DIV设计是前端代码设计的前提。如今的web工作往往牵涉到一个团队中的多人进行协作开发，代码被阅读和被修改的次数远远多于它被编写的次数，而保持代码易读、易修改的关键，就在于在代码编写前期确定能被认同的代码规范。首先我们先了解DIV架构中的命名规则，DIV的许多规范要点体现在ID或者CLASS的命名中，绝大多数设计师习惯使用属性命名方式：即显示绿色14号字的类就命名为green14，蓝色背景区域的类就命名为blueBg。这样命名也未尝不可，但是这样的命名方式对于合作的其他职能部门的同事来说，是毫无意义的。PHP程序员不会关心这个类的字是什么颜色，他只管这块区域应该和哪个程序模块接口;模板编辑也不会关心背景究竟该是什么颜色，他只管哪个区域是用来显示头图、哪个区域显示全站导航和全站通用底部。所以我们比较倡导表意命名方式和接口命名方式，比如pageHead和loginArea这样的命名，pageHead明确表示了这块区域的意思，而loginArea指代了这是个登录区域的接口。不管这两个类里的字号颜色等将来因为改版发生了什么改变，它们起到的作用和所定义的固定区域是不会改变的。其次我们了解一下DIV中类的复用，同一个页面中，DIV的ID是唯一的，表示该页面上独一无二的一种特定表现;而CLASS(类)是可以无限重复使用的，表现该页面上有某些属性相同的若干区域，所以DIV的复用仅仅指的是类。牵涉到复用的时候，类的命名应该尽量多地表意化，有必要的情况下使用属性命名也能起到很好的效果。比如页面中有很多个不同的内容列表区块，但是宽度都是760px，那么使用contList760这样的类名称进行复用就比contListA、contListB、contListC&&这样单独且表意不明显的命名要好得多。如图1所示的网站，由图2我们可以看出，它的代码设计非常规整。&&&&CSS整站规划&&的重中之重题说过DIV当然要说说CSS，CSS使现代网站大放异彩。符合标准化的网站，仅仅通过更换一个不同的CSS文件，就可以瞬间实现整站所有页面改变更新的显示效果。CSS统一了网页的表现层，而不影响网站结构和数据传输。而CSS的书写方式也因设计师的不同而各有千秋，在此，我们强调CSS的设计关键在于代码的缩略与复用：缩略能使CSS代码更加简明扼要，CSS文件也能缩小体积;复用则是提高代码的利用率，以最少的代码实现最高的重复使用效率。如图3所示，腾讯网的CSS设计就十分优秀。&&首先我们来看代码的缩略，很多编辑器生成的CSS代码片段会像图4一样杂乱随意，而实际上这段代码能缩略掉所有不需要的空格，组合起同系列元素，使得代码行读起来更加轻松无负担。&&毕竟，编辑器是按照一定的程序运算而提供出来的CSS样式，它能自动实现预期效果的CSS样式，而绝不会自动精简代码。这个过程还是需要人的干预，而且对于不同的应用场合，CSS代码中的缩略方式也会有所不同，而取谁舍谁，则完全看具体情况而定了。其次，我们来了解CSS的复用。同样是复用，CSS的复用情况和DIV很不同。设计中我们需要尽量实现CSS代码的复用，尽量多利用CSS的继承和层叠，而不是到处定义新的CSS类。在繁琐的CSS设计中，也许会遇见两个大部分属性一致而只有某一两个细节不同的类，那么可以考虑这两个类是否是继承关系，或者说将它们相同的属性提炼出来，形成另一个可供公用的类。后期整理&&代码也可以很美之前说的都是代码编写的前期规范，而页面完成之后，代码的后期整理对于今后的修改维护&可持续发展&也非常重要。在这里，我们需要注意以下几个方面的内容。1.样式表统一：样式表分为内联样式表和外联样式表，成型的网站架构要求对样式表统一管理，所有的样式表都需要独立出来，作为一个或几个外联样式表文件;除非是极特殊的情况，该CSS只在这一个页面中出现，不会有另外的页面需要复用它，那么可以考虑使用内联，而内联样式很多时候会被视为极不专业的做法。如图5，色影无忌网站的设计从外观看很符合标准化设计，但从图6我们可以看出色影无忌的代码设计非常混乱。&&代码也可以很美&&2.注释：再科学、再规范的代码，也不见得能一眼就被其他人读懂，所以这个时候需要代码注释。CSS的注释很简单，在HTML里的DIV注释因为其层级嵌套关系的问题，需要使用和的方式进行包含处理，这样能使代码更加模块化。如图7所示，新浪的页面注释就很整齐。&&3.空格：关于CSS代码中的空格问题一直被激烈地讨论着，我的主张是，在页面发布之前，因为代码的规整而产生的空格是没有问题的，这样更便于编辑与调试，而在网站定稿上线后，可以将CSS类里的空格换行都删除，每个定义类都并成一行代码，这样既能压缩文件空间，也能使所有类的名称整齐划一，便于查找。4.其他：有些编辑器产生的CSS代码会出现大写字符，建议统一修改成小写，而对color:#666666之类的颜色代码，可以缩写为color:#666。这对维护没增加什么困难，而且确实减小了文件体积。名词解释CSS是英语Cascading Style Sheets(层叠样式表单)的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者通过使用样式表格式化这个块来进行控制。DIV+CSS是网站标准(或称&Web标准&)中常用的术语之一，通常为了说明与HTML语言中的表格(table)定位方式的区别，因为XHTML标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。链接CSS标准化在页面应用的补充摒弃table布局不是说禁止使用table，table标签仍可以用在容纳表格型数据的场合，而不用于页面布局的目的。页面中的标签都是带有结构含义的，尽量少因为布局的目的引入额外的div标签。页面中的结构与表现完全分离，结构位于html文件中，表现位于css文件中。尽量使用通用的CSS语法，少用特定于某种浏览器的CSS语法。必需要用的，则将这类语法隔离在单独的css文件中，以便日后浏览器升级后删除。操作流程中的用户体验这里我们从几个失败的例子，来看看界面设计是如何影响用户体验的。图1是myspace失败的登录按钮设计。myspace上线后，无数用户表达了对图1这个极不合适的登录按钮设计的不满，这个重要的元素，被极不显眼地淡化在左侧，右侧是以鲜亮颜色突出表现的注册按钮。很多人在填写完账号密码之后，迅速且不假思索地点击了&注册&。这是一个失败的典型，但是这并不是偶然的，除了myspace，还有很多登录设计是这样的，如图2所示的某网站登录界面。&&&&网站为了吸引新用户注册，或者是为了商业回报，主观上希望某些元素被突出体现，由于设计上处理不当，难免使有些原本对于用户操作来说更重要的元素被淹没，以上这些设计正说明了这点。而如果把&注册&按钮从登录的区域拿出来，或者以不同于&登录&按钮的形式表达，也许效果就会好很多。图3是新蛋网的登录区域设计，在新蛋网的登录区域设计中，设计师把用户注册以链接的形式设计，而不设计成按钮，这样也是能明显区分开功能区域的。但是这个设计也不见得稳妥，因为它的登录按钮水平向左，超出了用户名密码的区域，使用户的鼠标轨迹不具有连贯性。应该把&登录&放置在右边，把&用户注册&放到左边为宜。&&导向性的用户体验设计用户体验的导向性，一般体现在希望对用户的行为方式有明显影响干预的网站，典型的代表就是购物网站。淘宝网的用户体验在业内应该算是典范，作为国内最成功的C2C网站，淘宝的用户体验设计也在不断地完善之中。由图4我们可以了解淘宝网的商品细节展示及购买引导设计，以淘宝的产品展示页为例，从单件出售物品的信息传递来看，产品照片右侧清晰写明了一口价和运费，紧接下来就是一个硕大的&立刻购买&按钮，然后再将需要写明白的物品信息及参数等等一一罗列。这个页面就具有很明显的用户诱导性，因为淘宝需要的就是货品的成交量。&&而图5所示的开心网的引导设计就完全不同，忽略了对博客的引导。开心网是一个以娱乐为主线索的网站，虽然它也涵盖有博客的功能，但是这不是它的重点和强项，于是开心网在各种环节上减少对博客的侧重，尽量简化对博客的引导，而重点发展其他有别于传统博客的互动性娱乐项目。&&不要给用户思考的机会《Don&t make me think》是用户体验及可用性测试方面一本很有名的著作，好的用户体验就应该把用户当做不会思考的傻子，只会沿着你计划好的路径一步步往下走。用户犹豫得越久，越能说明这个网站的设计体验化还不够。图6所示的digg网站就具有直接明了的操作体验。给web2.0带来了新的亮点，每篇文章前有一个digg按钮，用户觉得这篇文章好，就可以顺手&digg&一下，完全不用考虑如何操作。&&与之相反地，图7是某网站让人无所适从的按钮群，在同一个页面上，出现了4个操作按钮，仔细一看，它们之间还是从属关系，更是让人一头雾水。&&用户体验 细节决定成败一般用户很难记住网站流程中好的部分，他们会认为做得好的地方都是应该的;相反，他们特别容易记住一些影响了全局的细节，一个让人吃惊的微小细节，都可能影响用户对整个网站的评判。以下是几个用户体验细节的例子。如图8是搜狐邮箱退出时的确认提示，用户在编辑邮件的同时，如果点击了任何离开编辑状态的操作，就会看到弹出提示，询问是否确定放弃正在编辑中的邮件，如果用户在编辑重要邮件的时候进行了误操作，那么这样的细节就能够帮助他们避免损失，这样会使用户对该邮件系统更为信任。&&与之形成鲜明对比的是微软的live邮箱，图9是微软live邮箱的添加附件操作，被认为是公认的失败设计。尤其是在编辑邮件状态下，点击曲别针按钮，按理说应该可以浏览机器磁盘，并上传图片或压缩包等有限格式的文件。而在live邮箱里，曲别针按钮右侧有个可下拉的三角形，上传附件须先选择是图片还是文件。我不知道这样设计的意图何在，难道图片就不算是文件的一种吗?&&图10是淘宝优秀的下拉选择菜单设计，去淘宝搜索任何一件物品，就可以看到图上这个很长却又很整齐的物品分组下拉菜单，特殊分组还有背景颜色块以示区分。合理的分组搜索能缩小搜索的包围圈，提高用户的寻找效率。&&图11是开心网圈人操作的优秀体验，圈人这个创意应该是来自于照片网站Flickr，开心网在细节上对其发扬光大，使得&圈人&的体验度更强，使用起来更加得心应手。&&其实用户体验无一定之规，没有确切的章法来规定说这么做就是好的、那么做就是不好的。只要用户操作起来没有障碍，能一气呵成，操作之后没有怨言，那就是设计得不差的用户体验。在进行了科学的可用性测试，掌握一般用户和核心用户的体验报告之后，设计师就需要以用户体验报告来对设计进行分析调整、完善网站，实现可用性测试对的折回补充作用，用以实现更具有用户亲和力和操作便利性的操作界面。在系列中，笔者通过五个部分，对脱离最基础的美术设计的网站整体设计进行了探讨。设计其实是无标准、也无满分的，它存在于网站假设的各个环节之中，因篇幅所限，只能谈到一些常见的、容易表达和揣摩的内容。也许笔者的某些观点与其他设计师存在分歧，但有一点笔者始终坚信：最简单的设计，才是最好的设计;最简单的操作流程，才是最好的流程。
类别:手机装饰、精品、小饰品网站建设
天数:20 WD
类别:集装箱、运输、航运、皓航运输网...
天数:20 WD}