网站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设计,在国际化的要求下,一般都应考虑至少有中英文双语的形式,要考虑中英文字的比例,搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观,这一点对背景等的制作十分必要,有利于追求符号扩张的效果。
一种没有边框及菜单栏、工具栏、地址栏、状态栏等的无边框窗口(CW)曾经一度很流行,被很多网站尤其是个人网站所采用,CW也有现成的源码供网友们使用,但是最初的CW使用起来很不方便,有两个JS文件,还要设置一些参数,这对一些初学者来讲是很困难的事情。所以我就有了一个想法:重新写一个全新的无边框窗口,只用一个函数实现,以供网友方便使用。 附 文章中windows选项卡示例页面的代码: 磁盘已满 日志文件会很快用光所有的磁盘空间。Web服务器的日志文件、SQL*Net的日志文件、JDBC日志文件,以及应用程序服务器日志文件均与内存泄漏有同等的危害。可以采取措施将日志文件保存在与操作系统不同的文件系统中。日志文件系统空间已满时Web服务器也会被挂起,但机器自身被挂起的几率已大大减低。 C指针错误 用C或C++编写的程序,如Web服务器API模块,有可能导致系统的崩溃,因为只要间接引用指针(即,访问指向的内存)中出现一个错误,就会导致操作系统终止所有程序。另外,使用了糟糕的C指针的Java模拟量(analog)将访问一个空的对象引用。Java中的空引用通常不会导致立刻退出JVM,但是前提是程序员能够使用异常处理方法恰当地处理错误。在这方面,Java无需过多的关注,但使用Java对可靠性进行额外的度量则会对性能产生一些负面影响。 内存泄漏 C/C++程序还可能产生另一个指针问题:丢失对已分配内存的引用。当内存是在子程序中被分配时,通常会出现这种问题,其结果是程序从子程序中返回时不会释放内存。如此一来,对已分配的内存的引用就会丢失,只要操作系统还在运行中,则进程就会一直使用该内存。这样的结果是,曾占用更多的内存的程序会降低系统性能,直到机器完全停止工作,才会完全清空内存。 解决方案之一是使用代码分析工具(如Purify)对代码进行仔细分析,以找出可能出现的泄漏问题。但这种方法无法找到由其他原因引起的库中的泄漏,因为库的源代码是不可用的。另一种方法是每隔一段时间,就清除并重启进程。Apache的Web服务器就会因这个原因创建和清除子进程。 虽然Java本身并无指针,但总的说来,与C程序相比,Java程序使用内存的情况更加糟糕。在Java中,对象被频繁创建,而直到所有到对象的引用都消失时,垃圾回收程序才会释放内存。即使运行了垃圾回收程序,也只会将内存还给虚拟机VM,而不是还给操作系统。结果是:Java程序会用光给它们的所有堆,从不释放。由于要保存实时(Just In Time,JIT)编译器产生的代码,Java程序的大小有时可能会膨胀为最大堆的数倍之巨。 还有一个问题,情况与此类似。从连接池分配一个数据库连接,而无法将已分配的连接还回给连接池。一些连接池有活动计时器,在维持一段时间的静止状态之后,计时器会释放掉数据库连接,但这不足以缓解糟糕的代码快速泄漏数据库连接所造成的资源浪费。
表格是网页内应用较多的东东,但一般我们只是用它来定位网页中的模块和排版文字。其实表格用好了还可以做出很多漂亮的效果,如图一,承载文字的表格有一种看似立体的感觉。下面就来介绍一下这种立体表格的制作方法。 表格有立体的感觉的全是因为在表格的右边和下边有浅黑色的阴影。所以我们只要实现了阴影就可以实现这种效果。现在我们就开始具体讲述制作过程。在Frontpage2000中新建一个表格,选择菜单“表格”-“属性”-“表格”,在窗口内将表格的宽度设置为150象素;高度设置为200象素;边框粗细设置为0;将单元格边距设置为0,而单元格间距为1,如图二所示。 完成以上设置后将表格的背景色设置为黑色,但表格内的单元格的背景色设置为白色,完成以后就回出现如图三所示的单象素黑色边框效果。 接下来的工作就是要为右边和下边的黑色边框制作阴影,我们使用CSS样式的功能来实现。在图二所示的选项窗口内点击“样式”按钮继续选择“格式”-“边框”。在边框与阴影选项框内,分别将样式选择为“实线”;颜色选择为“灰色”;并在预览选项内将下边和右边的边框应用按钮选中,如图四所示。 点击“预览”,你要的立体表格效果就出来了。(注明:我们在制作出来的最终效果可能和图一所示略有出入,这是因为我们首先制作出了如图三的单象素黑色边框,这样做的效果会更明显,更有立体感。) 在这里我们还给出在Dreamweaver内定义的样式代码,因为Frontpage和Dreamweaver的代码机制有差别,相对之下Dreamweaver对样式代码写得更规范更合理。表格代码如下:
mac下Apache + MySql + PHP搭建网站开发环境 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例 Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程
我给这个全新的无边框窗口起名为NBW,NBW即No Border Window的缩写,只是想区别于CW。这个无边框窗口可以随意拖动、最小化、关闭等等,不仅在IE5/IE6中测试通过,在腾讯的TE中测试也没有问题。
首先看一下实际效果:
调用的过程如下:(noBorderWin函数是事先定义好的,后面会对函数的实现过程进行分析)
noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr)
各参数的说明如下:
fileName :要打开的文件。
w :窗口的宽度(px)。
h :窗口的高度(px)。
titleBg :窗口“标题栏”的背景色以及窗口边框颜色。
moveBg :拖动窗口时“标题栏”的背景色以及窗口边框颜色。
titleColor:窗口“标题栏”文字的颜色。
titleWord :窗口“标题栏”中显示的文字。
scr :窗口中是否出现滚动条。取值yes/no或者1/0。
我们看到,窗口样式全部在函数的参数中设置,从而保证了使用的便捷。比如,上面例子的代码如下:
<a href=http:///htmldata/2005-03-19/1111163004.html#none onclick=noBorderWin('test.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');>点击此处将弹出NBW窗口</a>
如何使用已经说完了,那么,这个函数具体是如何实现的呢?下面,我们就以直接给出源码并加以注释的方式进行讲解。为了容易区分阅读,代码部分使用灰色,注释部分使用红色。
代码和注释如下:
//--------------------------------------------------------
<script language=javascript>
//*****定制NBW窗口中几个用到的图片的路径*****
minimizebar="minimize.gif"; //窗口右上角最小化“按钮”的图片
minimizebar2="minimize2.gif"; //鼠标悬停时最小化“按钮”的图片
closebar="close.gif"; //窗口右上角关闭“按钮”的图片
closebar2="close2.gif"; //鼠标悬停时关闭“按钮”的图片
icon="icon.gif"; //窗口左上角的小图标
//***************定制结束*****************
//*******开始定义noBorderWin()函数********
function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr)
{
var contents="<html>"+ //变量contents是一个字符串变量,它是NBW窗口中的所有代码。
使用htc的好处是可以自由调用,有点批处理的感觉,例如你有很多网页都要用到这个选项卡,那么你只要做一个htc就可以了,然后在不同的网页中分别调用,而不必重复制作。使用起来很方便,可以节约很多时间。
示例页面如下,文章末尾提供源文件下载。
具体制作方法如下:
一、下载mpc.htc
首先去微软站点下载一个名为mpc.htc的组件,这是制作windows选项卡的原材料。
二、编辑网页,调用mpc.htc
1、将html标签写成:
3、具体内容调用:
这里<mpc:container>标签中用style样式的width和height确定整个选项卡的宽度和高度;然后在<mpc:page>……</mpc:page>标签间中加入选项卡的具体内容,有几个选项就用几组<mpc:page>……</mpc:page>标签。
后附 文章中windows选项卡示例页面的代码。
这是一个表格
导致系统无法正常运行的最可能的原因是磁盘已满。一个好的网络管理员会密切关注磁盘的使用情况,隔一定的时间,就需要将磁盘上的一些负载转存到备份存储介质中(例如磁带)。
图一
图二
图三
图四相关文章