关于在沈阳网站设计制作的几点心得

　　时代的发展使现代人的审美观发生巨大的变化，人们的需要已经上升到更高层次，不止是实用
的需求，更需全面的服务，更高层的美学内涵，更看重某种事物的发展和潜伏的商机。这点在以高
科技互联网领域犹为明显。
　　一个商业性的网站，商业性的事物强调丰富内涵和全面包装的统一，这些当然是多方面，多角
度的。
　　作为网站设计人员，我觉得应有两种眼光：一个是宏观的，一个是微观的，一切从宏观着重，
从点点的微观着手。“胸有成竹”是最好的描述，而“一切尽在掌握“更是成功的希望。界面的设
计是展示形象的一种最直接的形式，形象是蕴含于实体之内而又喷发于实体之外，是一种“气”的
东西。所以网站的设计不是简单的界面图片这些设计，而是要透过它让人们看到内在的企业形象和
商业价值。
网站建设之初策划是第一位的，而在设计中设计意识又是第一位的，设计者应该对互联网非常
熟悉对网站制作流程熟悉。一个网页设计者必须是一个完全的制作人，从自己思路的梳理，以及同
事们的沟通。所有的工作要有计划的进行。
　　现我就实际制作中的几点问题拿来与同事们讨论。

一，界面
　　美观，清爽的界面可以从一开始吸引访问者。应该注意几点，界面要简洁，大方，一个有修养
的人在气质上就会给人好的印象，我们的网站就是要有独特的气质，这点就取决于网站平面设计师
自己对网站风格和层次的把握，对互联网、平面设计发展的认识和理解。
　　色彩本来无好不好看的分别，分别在于不同的时代，不同时代里不同人对色彩的感性认识。但
在一个时代里对色彩有一个共识，如你的色彩意识能走在这种共识的最前列，那就是时代感，时代
色了。实际的配色是一个不断试验的过程，要看你的网站是做什么的。
　　排版可以说是网站中的最最基本的了，但偏偏这点难倒好多人，我就经常“倒”，一般网站格
式求稳，但看多了就觉得有些呆，可想要设计出好看的、活的版面也不是那么简单，我想，一个人
的感觉、意识非常重要，你总有个心中希望的版面啊，如果你不知道什么叫好，那我就没话说了。
多看看好的网站，打开自己封闭的思想，有所“想法”，下一版的页面一定好不少。

二，界面内的基本要素
　　成熟网站该是以访问者为上帝，一切的工作都为怎么样方便快捷、有效的实现网站的真正目
的，一般来说以下这几点是必须的：
　　１，网站标识 ２，网站导航条 ３，网站结构 ４，问题解答 ５，帮助文件 ６，栏目介绍
　　７，网站内容主体 ８，网站声明

首页的设计
　在我们全面考虑好网站的栏目，链接结构和整体风格之后，我们就可以正式手制作首页了。有这
么一句俗语："良好的开端是成功的一半"。在网站设计上也是如此，首页的设计是一个网站成功与
否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续
点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的"功力"了。所以，首页的设计和制作
是绝对要重视和花心思的。我的经验是：一般首页设计和制作占整个设制作时间的40%。你宁可多
花些时间在早期，以免出现全部做好以后再修改，那将是最浪费精力的事。

　　这里，先插一个“封面”的问题。封面是指没有具体内容，只放一个logo点击进或者只有简单
的图形菜单的首页。否需要为站点设计一个“封面”？我的个人观点是：没必要！非你是很艺术类
的站点，或者可以确信内容独特，可以吸引浏览者进一步击进入的站点，否则的话，封面式的首页
并不会给你的站点带来什么好处。人们上网浏览需要的是快速，有价值的信息，如果等待xx分钟，
只显示出一个粗劣的“ENTER”图标，那么相信没有人会再耐心等待进入下一页。

　　因为首页的重要性，我将着重用８个栏目来仔细讨论有关首页设计的方方面，大致提纲如下：

　　○版面布局的窍门
　　○色彩的搭配
　　○字体的设置和表格的嵌套
　　○细微之处见功力
　　○考虑不同的浏览器和分辨率
　　○设计好banner和位置
　　○meta标签的重要性
　　○首页设计的小建议

　　今天，只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。首页，从根本
上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？
一般的步骤是：

●确定首页的功能模块
●设计首页的版面
●处理技术上的细节
　　
　　一).确定首页的功能模块。
　　首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模
块：
网站名称(logo), 广告条(banner), 主菜单(menu),
新闻(what's new), 搜索(search), 友情链接(links),
邮件列表(maillist),计数器(count), 版权(copyright).
　　选择哪些模块，实现哪些功能，是否需要添加其他模块都是首页设计首先需要确定的。
　　　
　　二).设计首页的版面
　　在功能模块确定后，开始设计首页的版面。就象搭积木，每个模块是一个单位积木，如何拼搭
出一座漂亮的房子，就看你的创意和想象力了。设计版面的最好方法是：找一张白纸，一支笔，先
将你理想中的草图勾勒出来，然后再用网页制作软件实现。

　　三).处理技术上的细节　　　
　　我们网页经常会出现的问题就是：制作的主页如何能在不同分辨率下保持不变形，如何能在IE
和NC下看起来都不至于太丑陋，如何设置字体和链接颜色....等等,

　　首页设计是整个网站设计的难点和关键，我希望能够通过和大家的交流，总结出套较为合理易
学的设计方法，从而举一反三，使我们能够更加轻松的完成整个站点的 设计制作。如果你愿意将你
的心得体会与我探讨，请来信39917870@qq.com,谢谢！　　

三，实际制作
　　制作中总会有这样那样想不到，数不清的问题，怎样快速解决提高效率，这正是经验、工作方
式、工作能力发挥的时候。通常一页网页好做，但多个网页呢？由更多网页组成的网站那该怎么做
才比较有味道？反正刚开始时我常头晕，可能有好多人同我一样。
　　制定好一个完整的计划，用好手中工具，多横向考虑，会使制作变得有意思多了。在
ＤＲＥＡＭＷＥＡＶＥＲ中使用模版和库的概念，可以让自己多一点时间想想周末的节目， 对于一
个工作组中共同建设一个网站，那么就要小心了，如果独自为政，这个网站以后会有好多难以解决
的问题，因为不同人的制作，在没有统一化的时候，技术上各有出入，风格上也有差异，特别是其
中一些看似小的问题，换了另一个有去修改可就麻烦了。
　　因此多人共建时必须设定一个整体维护者，所有成员的网站都要“过滤”才能到程序组里，网
站应共用一个虚拟站点，共用模版和库文件，除了整体维护员以外别的成员不能改动模版的库，这
样就能保持风格一致，维护修改方便（静态元素）。
　　制作者水平不可能一样，应针对性的进行项目计划培训，让每个人都完全理解和消化制作流
程，是一个好的方法。制作组应沟通协作，减少重复劳动，节省时间和资源。

　flash:

　　Flash 作为矢量动画已越来越受到网页设计者的喜爱，其边下载边播放的流技术在网络速度很
慢的今天，让我们感受真正的动感。我这里收集的一些flash的资料，如果各位感兴趣，可以到我
的目录取，对你也许有用。

广告条：
广告条与标识
　　每个网站都无一例外的有广告，而网页上的广告条设计也是非常有意思的事。
　　在有限的空间里表现无限的创意和思想那是极具有挑战性和娱乐性的。

网站的制作流程

通常网站的流程以以下几步

1.整体概念 2.目的 3.传递信息 4.包含内容 5.如何组织内容 6.视觉风格 7.技术要求 8.预算 9.时间
10.技术人员安排

定义结构
1.站点草图 2.日程安排 3.命名规则

创建界面
1.建立原型 2.容易更新、进入、修改

技术处理
1.程序实现 2.站点内容验证

网站发布
1.维护要简单 2.能随机变化

------------------------------------------------------------------------

定义站点
即是您的站点要达到什么目的？需要什么内容，视觉风格和技术要求等。多浏览别人的网站，可以
吸取好多营养。

定义结构
快速的勾画一个站点的结构图，明确每项细小工作的相关性，一个站点图就是一个网站的流程式
图。

创建界面
不少人是直接从这里开始的，通过前面的计划，就可以比较好的设计网站的界面了，为了更快的浏
览网站，您必须使您的页面图片减到最少，发最简单的页面和文字阐述最复杂的问题。

技术处理
页面设计完成后，就要着手技术的实现和验证。以达到你希望的要求和目的，通过不同人员，不同
环境的测试，让更多的人提出问题。

发布站点
发布站点是又一个工作的开始，对其定期的维护，好不好维护这个站点，实际是验检网站是否结构
化，规范化的标尺。

网络百戒 ----网页外观

　　1.不要先决定网页的外观，然後强迫自已去适应它，应该从你的访客对像，你要传达的讯息以
及你的制网目标推导出一个最适合的网页架构。

　　2. 每页排版不要太疏或用太大的字，尽量避免看你的网页时　要作很大的卷动，要知道在一页
的上部分是显眼而宝贵的地方，不要只放著几个粗大的字或图片。

　　3. 切勿以 800x600 以上的解像度设计网页。常用的解像度是 640x480 及 800x600 。 明
智的网页设计者是处处照顾浏览者，绝不会炫耀自己有专线、有 17 寸的显示器 等。

　　4. 不要於每页插入太多的广告牌。相信你亦不喜欢浏览一些贴满广告的网页吧，你要考虑到该
页内容与广告的比例，摆放的位置亦很重要，不妨多参考别人的做 法。广告太多，只会令人烦厌。

　　5. 不要每页都采用不同的墙纸，以免每次转页都要花时间去下载，采用相同的底色 或墙纸还
可增加网页一致性，树立风格。

　　6. 底色或墙纸必须与文字对比强烈，易於阅读，这并不是要求你永远使用鲜亮的背景配搭深色
的文字，但深色背景常要求与主题配合，有较多的顾虑，若你的网页 是文章式或包含大量文字，不
妨在底色与文字的配搭上下些工夫，力求让访者能 舒适阅读你的文章。

　　7. 不要把图片白色当透明，要知道别人的作业系统不一定把内定底色设为白色，解 决方法除
了真的把该网页的底色设为白色之外，最好还是以图片编辑工具为图片 设好透明颜色。

　　8. 太长的一页要使用内部连结，明智的网页设计者是不会让浏览者看网页时作太大的卷动。
定位公司网站ＣＩ形象
大家好，今天我来探讨定位公司的网站ＶＩ形象。
所谓CI，是借用的广告术语。Corporate Identity 的缩写，意即企业识别(ＶI是英文Visual
Identity,缩称为VI的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，
杰出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多
的例 子如SONY,三菱，麦当劳等等。
　　一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI设
计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网
站的CI形象。
　　
　　1.网站的标志(logo).首先需要设计制作一个网站的标志(logo)。就如同商标一样，logo是站点
特色和内涵的集中体现，看见logo就让大家联想的站点。
　　标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如： _port是
用eport的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自网站的名称和内
容。
　　2.网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一
步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。

　　“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：ninetowns
的蓝绿色，eport的明亮的黄色块，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，
很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？

　　一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标
志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和
衬托，绝不能喧宾夺主。

　　3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字
体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需
要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现
亲切随意可以用手写体等等。当然这些都是我的个人看法，你可以根据自己网站所表达的内涵，选
择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专
用英文艺术字体下载，要寻找一款满意的字体并不算困难:)需要说明的是：使用非默认字体只能用
图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么辛苦设计制作便付之东流啦！

　　4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概
括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一
起分享”；Intel的“给你一个奔腾的心”。

　　以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表
面文章，设计并完成这几步，整体形象有一个提高。(注意：我们只是以平面静态来设计CI,还没有
引入声音，三维立体等因素。)