通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>站长club>>建站经验>>正文 新版上线![旧版]
注:打开慢时请稍等
网站规范

http://www.iyit.net  日期:2006-5-8 14:33:32  来源:中国站长学院  点击:
参加讨论】网站尺寸规范//网站logo设计规范//网站文件命名规范//网站目录设置规范

网站建设尺寸规范

· 页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏
· 每个标准页面为a4幅面大小,即8.5x11英寸
· 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
另外120*90,120*60也是小图标的标准尺寸
· 每个非首页静态页面含图片字节不超过60k,全尺寸banner不超过14k
-------------------------------------------------------------------------

网站logo设计规范

logo的应用一直是cis导入的基础和最直接的表现形式,其重要性是不言而喻
的,网络标识的设计尤其如此。
一、标识的职能:
  作为独特的传媒符号,标识(logo)一直成为传播特殊信息的视觉文化语言。 具信,最早的符合cis精神的标识实例,是2433年前陪葬我国楚地的曾侯乙的一只 戟上的"曾"字型图标。无论从古时繁复的欧式徽标、中式龙文,到现代洗练的抽象纹 样、简单字标等都是在实现着标识被标识体的目的,即:
  通过对标识的识别、区别、引发联想、增强记忆,促进被标识体与其对象的沟通 与交流,从而树立并保持对被标识体的认知、认同,达到高效提高认知度、美誉度的 效果。作为时代的前卫,网络logo的设计,更应遵循cis的整体规律并有所突破。

二、网络logo设计的基本应用原理:
  在网络logo设计中极为强调统一的原则。统一并不是反复某一种设计原理,应 该是将其他的任何设计原理如:主导性、从属性、相互关系、均衡、比例、反复、反 衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理,正确地应 用于设计的完整表现。统一也可解释为,共通以上所述各原理,而更高、更概括、更 综合的原理。
  构成logo要素的各部分,一般都具有一种共通性及差异性,这个差异性又称为 独特性,或叫做变化,而统一是将多样性提炼为一个主要表现体,称为多样统一的原 理。统一在各部分之中的要素中,有一个大小、材质、位置等具有支配全体的作用的
要素,被称为支配。精确把握对象的多样统一并突出支配性要素,是设计网络logo 必备技术因素。
  网络logo所强调的辨别性及独特性,导致相关图案字体的设计也要和被标识体 的性质有适当的关联,并具备类似风格的造型。
  记得最近eastecho的网友论坛重新开张之时,就有小魔女对论坛的logo表
示了异议,一个简单印刷字体的logo与浪子固有的独特风格、精益求精的品质有较 大背离,并与整个网站logo缺乏联系,从而产生认知的歧义。不过作为充斥英文logo 的浪子网站,做了中文logo尝试,算个突破吧。
  网络logo设计更应注重是一种对事物张力的把握,在浓缩了文化、背景、对象、 理念及各种设计原理的基调上,实现对象最冲动的视觉体现。也可以理解为一种最受 制约的冲动,在任何方面的张力不足的情况下,精心设计的logo常会因为不理解、 不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众 排斥、遗忘。所以恰到好处的理解用户及logo的应用对象,是少做无用功的不二法 门。不考虑国情和用户的认识水平,对自身设计能力估计不足都是要不得的。在国内 给哪个卖计算机的老板设计个$300万的朗讯红圈logo,很容易被看作是骗钱的。
三、网络logo的表现形式:
  作为具有传媒特性的logo,为了在最有效的空间内实现所有的视觉识别功能, 一般是通过特示图案及特示文字的组合,达到对被标识体的出示、说明、沟通、交流 从而引导受众的兴趣、达到增强美誉、记忆等目的。
  表现形式的组合方式一般分为特示图案,特示字体,合成字体。
  1、特示图案:
  属于表象符号,独特、醒目、图案本身易被区分、记忆,通过隐寓、联想、概括、 抽象等绘画表现方法表现被标识体,对其理念的表达概括而形象,但与被标识体关联 性不够直接,受众容易记忆图案本身,但对被标识体的关系的认知需要相对较曲折的 过程,但一旦建立联系,印象较深刻,对被标识体记忆相对持久。
  所以对持久记忆要求高时应设计良好的特示图案形象,较好的设计如苹果公司的 牙印苹果,对图案logo的面向推广的各种要素都把握的恰到好处,另外一些情况下, 希望在较短期限内建立形象的,还应该设计相应的吉祥物,以类似苹果这样耳熟能详 的概念,强化沟通和理解。
  在现代精神快餐的时代,朗讯的红圈也在成为时尚。不过这类设计在国内还只有 设计公司的网站才能接收吧,但有线电视的一个最新的影视综艺节目的logo就出现 了螺旋型的朗讯红圈,可叹借鉴时大胆有余,创意不足了。
  2、特示文字:属于表意符号。在沟通与传播活动中,反复使用的被标识体的名称 或是其产品名,用一种文字形态加以统一。涵义明确、直接,与被标识体的联系密切, 易于被理解,认知,对所表达的理念也具有说明的作用,但因为文字本身的相似性易 模糊受众对标识本身的记忆,从而对被标识体的长久记忆发生弱化。
  所以特示文字,一般作为特示图案的补充,要求选择的字体应与整体风格一致, 应尽可能做全新的区别性创作。
  完整的logo设计,尤其是有中国特色的logo设计,在国际化的要求下,一
般都应考虑至少有中英文双语的形式,要考虑中英文字的比例,搭配、一般要有图案 中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考 虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观,这 一点对背景等的制作十分必要,有利于追求符号扩张的效果。
  闪客帝国及其前身的边城浪子logo,都有着极好的设计,但都没有考虑中文, 不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然, 也许导致他怠于思考对中文的设计。这对面向国内网友的网站logo,不能不说是一 种遗憾吧。
  3、合成文字:
  是一种表象表意的综合,指文字与图案结合的设计,兼具文字与图案的属性,但 都导致相关属性的影响力相对弱化,为了不同的对象取向,制作偏图案或偏文字的 logo,会在表达时产生较大的差异。如只对印刷字体做简单修饰,或把文字变成一 种装饰造型让大家去猜。其综合功能为:
  a.能够直接将被标识体的印象,透过文字造型让读者理解;
  b.造型后的文字,较易于使观者留下深刻印象与记忆;
四、网络logo的设计
  古代皇家的纹章,有条件通过反复的识别性展示使受众了解其蕴涵的身份、地位、 等级等属性,可以被设计的极尽繁复,但现代人对简洁、明快、流畅、瞬间印象的诉 求,影响到标识的设计越来越追求一种独特的、高度的洗练,一些已在用户群中产生 了一定印象的公司、团体为了强化受众的区别性记忆及持续的品牌忠诚,通过设计更 独特、更易被理解的图案来强化对既有理念的认同。一些老牌公司就在积极更新标识, 可口可乐的标识就曾几易其稿。
  而一些追求受众快速认知的群体,就会强化对文字表达直接性的需求,通过采用 文字特征明显的合成文字来表现,并通过现代媒体的大量反复来强化、保持易被模糊 的记忆。如intel的e字简单位移构成的logo形式。
  网络logo的设计中,大量的采用合成文字的设计方式,如yahoo,amazon
等的文字logo和国内几乎所有isp,这一方面是网页寸屏寸金的制约,要求logo
的尺寸要尽可能的小;另一方面是由于这些网站建设之初,一般缺乏优秀的形象设计 师的参与,决策者多数为技术类人员,对直截了当、简洁明快有种直觉式的追求;而 最主要的是网络的特性决定了仅靠对logo产生短暂清晰的记忆,通过低成本大量反 复浏览,既可产生需要图形保持提升的那部分印象记忆。所以网络logo对于合成文 字的追求已渐成网络logo的一种事实规范。
  随着管理人员、设计人员,策划人员的介入网络,更加高效的logo设计亦得到 良好的探索。特别是一些设计网站对logo设计做了很多有意义的尝试。如针对网站logo的数字特性探索logo的3d、动态表现方式等,其中比较共识的做法是,为 保护logo作为整体形象的代表,只宜于在logo整体不做缺损性变形的条件下做 动态变化,即只成比例放大、缩小、移动等,而不宜做翻滚、倾斜等变化,以保证对 被标识体的严肃性的尊重,另外对既有logo制作3d的网络logo,已经成为越来越 普遍网络标识制作方案了。
五、网络logo的规范
  设计logo时,面向应用的各种条件作出相应规范,对指导网站的整体建设有着 极现实的意义。具体须规范logo的标准色、设计可能被应用的恰当的背景配色体系、 反白、在清晰表现logo的前提下制订logo最小的显示尺寸,为logo制订一些 特定条件下的配色,辅助色带等方便在制作banner等场合的应用。另外应注意文 字与图案边缘应清晰,字与图案不宜相交叠。另外还可考虑logo竖排效果,考虑作 为背景时的排列方式等。
  一个网络logo不应只考虑在设计师高分辨屏幕上的显示效果,应该考虑到网站 整体发展到一个高度时相应推广活动所要求的效果,使其在应用于各种媒体时,也能 发挥充分的视觉效果;同时应使用能够给予多数观众好感而受欢迎的造型。
  所以应考虑到logo在传真、报纸、杂志等纸介质上的单色效果、反白效果、在 织物上的纺织效果、在车体上的油漆效果,制作徽章时的金属效果、墙面立体的造型 效果等。
  8848网站的logo就因为忽略了字体与背景的合理搭配,圈住4字的圈成了8的 背景,使其在网上彩色下能辨认的标识在报纸上做广告时糊涂一片,这样的设计与其 努力上市的定位相去甚远”\'_~~~~~~~
  比较简单的办法之一是把标识处理成黑白,能正确良好表达logo涵义的即为合格。
---------------------------------------------------------------------------------------------------
网站文件命名规范

· 文件命名的原则:以最少的字母达到最容易理解的意义。
· 索引文件统一使用index.html文件名(小写)
index.html文件统一作为"桥页",不制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.html
· 按菜单名的英语翻译取单一单词为名称。例如:
关于我们 \aboutus
信息反馈 \feedback
产 品 \product
所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
所有文件名字母间连线都为下划线
· 图片命名原则以图片英语字母为名。大小原则写同上。
例如:网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如:menu1_on.gif/menu1_off.gif

五. 其它文件命名规范
1.js的命名原则以功能的英语单词为名。
例如:广告条的js文件名为:ad.js
2.所有的cgi文件后缀为cgi
所有cgi程序的配置文件为config.cgi
----------------------------------------------------------------------------------------------------
网站目录设置规范

目录建立的原则:以最少的层次提供最清晰简便的访问结构。
根目录。
根目录指dns域名服务器指向的索引文件的存放目录。
服务器的ftp上传目录默认为html

根目录文件
根目录只允许存放index.html和main.html文件,以及其他必须的系统文件。

每个语言版本存放于独立的目录。已有版本语言设置为:
简体中文 \gb
繁体中文 \big5
英 语 \en
日 语 \jp
每个主要功能(主菜单)建立一个相应的独立目录。
根目录下的images为存放公用图片目录,每个目录下私有图片存放于各自独立images目录.
例如:\menu1\images
\menu2\images
所有的js文件存放在根目录下统一目录\script
所有的css文件存放在根目录下的style目录
所有的cgi程序存放在根目录并列目录\cgi_bin目录

(以上只是规范,不必拘泥一格,创新,再创新!)



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:网站的整体风格和创意设计
下一篇:关于网站结构和交互性的探讨
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
网站设计的思考(5)——确定网站的整体
网站设计的思考(4)——确定网站的目录
网站设计的思考(3)——确定网站的栏目
网站设计的思考(2)——定位网站ci形象
网站设计的思考(1)——定位网站主题和
java数据类型转换
网站优化的十大奇招妙技
你的网站为什么不能帮你赚钱之二
网页应该怎样设计才能被百度有效收录
你的网站为什么不能帮你赚钱之一
新开放qq免费挂级网站
免费在qq上看在线电影电视听音乐
免费把qq炫铃设为本机qq的系统提示音
qq珊瑚虫外挂4.0版本发布!
腾讯qq调整升级条件不再诱发网民“通宵
优秀公益广告作品欣赏(8)
java数据类型转换
流金岁月!cpu历史上最难忘的十个第一
qq挂机的n种快速方法
asp自动解压rar文件
巧用photoshop图案工具
用photoshop制成浪漫的“珍珠项链”
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息