编辑“网页设计”

[[网页设计]]——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
==什么是好的网页设计==
===内容和功能决定界面设计===
做网页设计，你需要了解客户的东西很多：
#建站目的
#栏目规划及每个栏目的表现形式及功能要求
#主色、客户性别喜好、联系方式、旧版网址、偏好网址
#根据行业和客户要求，那些要着重表现
#是否分期建设、考虑后期的兼容性
#客户是否有强烈的建站欲望
#你是否能在精神意识上控制住客户
#面对你未接触的技术知识，你有底吗？
#网站类型

当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。

===界面弱化===
一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。

要让访客在0.5秒内就能把握[[网站]]的行业性质（呵呵，夸张了），1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或[[Flash]]网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

===模块化和可修改性强===
模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。

无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：

宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |

===兼顾还是抛弃===
[[CSS]]、[[XHTML]]、[[web]]2.0、[[Ajax]]等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。

==网页设计的要点==
网页设计的两大要点是：整体风格和色彩搭配。
===确定网站的整体风格===
在这里，我提供给大家一些参考经验：
#将你的标志logo，尽可能的放在每个页面上最突出的位置。
#突出你的标准色彩。
#总结一句能反映贵站精髓的宣传标语！
#相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

===网页色彩的搭配===
#用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
#用两种色彩。先选定一种色彩，然后选择它的对比色。
#用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：
#不要将所有颜色都用到，尽量控制在三至五种色彩以内。
#背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

===网页设计的工具===
#dreamweaver,用与编辑[[HTML]]、[[ASP]]、[[JSP]]、[[PHP]]时的辅助工具
#Frontpage 跟dreamweaver一样，不过个人感觉还是dreamweaver好。
#FLASH 网页需要画面流动时的首选择
#PhotoShop图象处理软件，一般网页都需要有图片相搭配，PhotoShop是款很强大的工具。
#FireWorks跟PhotoShop一样都是图象处理软件，但FW偏向与对网页的处理。[个人喜欢PS]

===利用网页模板来制作网页===
网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用[[PhotoShop]]、ImageReady或[[FireWorks]]修改)，按钮图片PSD文件、[[Flash]] 源文件和字体文件，推荐使用[[DreamWeaver]]软件向网页模板添加内容。

提到网页模板，就不得不提起“TemplateMonster”这个品牌，“TemplateMonster”[TM]全球最大的模板供应商美国怪兽模板网站产品。是美国规模最大，设计能力最卓越的设计公司，为全球企业提供包括网站、VI、字体、图标、Logo在内的全面设计资源。作为全球设计领域的领导者，TM的每件作品都堪称佳作，他们不仅在创作，更是在引领时代潮流，可以说，TM的作品是每个时代的设计风向标。“TemplateMonster”在全球市场拥有巨大的市场份额，以齐全的模板类型，精美的设计而闻名。

“TemplateMonster”美国总公司一直没有正式向中国市场发放指定运营权，一是因为不想太仓促的进入中国市场，从而有可能物极必反。二是因为一直没有找到合适的运营商。最终在2007年，昆山奈腾信息技术有限公司通过提交了详细的长短期运营发展战略，由“TemplateMonster”美国总公司审查通过，获得了“TemplateMonster”中国区唯一指定运营权。

“TemplateMonster”的中国地区官方[[网站]]“TemplateMonsterChina” （http://china.templatemonster.com
）与2008年初正式与广大中国网民见面,通过 “TemplateMonsterChina”，广大的中国网民就可以更加直接的与世界最新网页设计理念亲密接触，想购买的网民不用申请国际信用卡，只需通过国内银行汇款，[[支付宝]]汇款，[[贝宝]]汇款等国内常见的支付方式就可以进行购买，非常方便。

==网页设计师要学会的东东==
===美术部分===
结构素描、光影素描、速写、设计素描、户外写生、色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业

===静态网页===
#[[Dreamweaver]]8.0：[[网页]]布局、制作；Html&Css简介；网站管理与维护、上传与下载；案例分析
#[[Flash]]8.0：美工设计、网页配色；CI、LOGO、Banner的制作；常见网页动画制作、网页布局
#[[Fireworks]]8.0：经典网页动画、广告、片头、贺卡设计与分析；MTV制作、交互式网站简介
#[[Photoshop]] CS2：Photoshop操作基础、图象优化处理、经典实例分析与制作
#[[Illustrator]] CS2：广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计

===动态网页===
Html语言详细解介、[[CSS]]样式、[[IIS]]、C#语言、Asp.net动态、[[SQL]]Server数据库、[[Access]]数据(送)、[[JavaScript]]、Flash8.0高级编程、[[网站策划]]、[[网站推广]]、电子购物车、ChatRoom、BBS制作。

===网页美工===
三大构成：平面构成、色彩构成、立体构成

Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、baner设计；

Illustrator网页设计、网页字体设计、网页规划设计

==快速成长为网页设计师==
===循序渐进学知识===
先学一学[[HTML]]，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下[[JavaScript]]。

然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比[[FrontPage]]、[[Dreamweaver]]（那些以后再学）。

有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”O(∩_∩)O~），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。

接下来该学一下[[Fireworks]]了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学 Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。

这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和[[Fireworks]]的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。

要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的[[JavaScript]]基础打得好的话，学到Flash中[[ActionScript]]时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。

到这时，相信你就可以真正领会到“网页三剑客”的威力了。

===在实践中不断提高===
要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。

最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。

通过自己的不断努力以及向高手的不断提问，水平飞快提高，两三个月后，就可以独立完成一些站点了，当然只是静态的。在此，我想指出，千万不要不好意思，不会就问，高手们是很乐意回答你的，而且你能向他请教，这本来就是对他的一种肯定，他会很高兴的，呵呵。

到此，你就基本可以称作是一个“准[[Web]] Designer”了，不过要从根本上提高自己，最好去学学美术，这是当一个[[网页设计]]师的基本功。

==相关内容==
*[[HTML]]
*[[CSS]]
*[[网站策划]]
*[[网络营销]]
*[[网页美工]]

[[category:网页制作|W]]
[[category:网站建设|W]]