分类 "技术" 下的文章

2009年5月7号:网站PR值到3,为纪念这个伟大而光荣的时刻,整理了几个LOGO,不过因为自己平面向来不行,借用工具做的比较简单,现放在一起,以适应链接网站不同风格的需要。
2010年6月7号:突然发现PR值已经到4,很惊喜,从来没想到自己的这个小站能将PR值一直坚持上升上去!也许还可以再努力一些~~~

展开阅读

很多人问GBK与UTF-8版本有什么区别,leftsun一直以来只做了部分文章的整理,主要是方便自己在学习和工作的过程中能查找一些资料,今天查了一下,发现其实GBK版本与UTF-8版本功能是一样的.只不过编码方式不同。

展开阅读

设计首页的第一步是设计版面布局。
就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。

展开阅读

一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。
网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能,并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。

展开阅读

在国画中,有一句描述谋篇布局的话比较经典,叫做“计白当黑”,所谓“疏可走马,密不透风”,就是说空着的地方和着了墨的地方一样,都是整体的组成部分。 这是书家画手所孜孜追求的。可见“留白”是非常重要的。有些画,尽管画得不错,但看起来就是不舒服,原因就是没有重视“留白”。
对于网页设计,又何尝不是如此呢 ?网页上的留白部分,同其它页面内容如文本、图片、动画一样,都是设计者在制作网页时要通盘斟酌的!
提升到艺术的高度来看待“留白”,留白既可以给人带来心理上的松弛,也可以给人带来紧张与节奏。通过这种手段可以向浏览者传达出设计者的诉求。设计者在 设计网页时也就是在和浏览者做交流,好的设计师能够同浏览者进行心理的对话 —— 不仅仅通过文字、图片、动画,同时也借助留白进行表达。只有照顾了整个页面空间的分配,留白才能表现出一定的活力。其实在排版布局中,我们经常在不知不觉 地利用着留白。试想如果页面上充满了图片和文字,一点空隙都不留,那就根本谈不上韵律。利用留白的体量感来使页面布局平衡,在一种不平衡中营造平衡,这样 就会使页面生动起来。我们应该在网页中通过留白的作用,使整个内容排布得松紧有度,给人以跌宕起伏之感。

展开阅读

色彩可视度清晰的配色的搭配:
1  黑  黄
2  黄  黑
3  黑  白
4  紫  黄
5  紫  白
6  蓝  白
7  绿  白
8  白  黑
9  黄  绿
10  黄  蓝
背景与配色的搭配(选自日本佐藤垣宏的《我们的生活与配色》)
背景(底色) 配色
黑 白-黄-黄橙-黄绿-橙
白 黑-红-紫-蓝紫-蓝
红 白-黄-蓝-蓝绿-黄绿
蓝 白-黄-黄橙-橙
黄 黑-红-蓝-蓝紫-绿
绿 白-黄-红-黑-黄橙
紫 白-黄-黄绿-橙-黄橙
灰 黄-黄绿-橙-紫-蓝紫
2
一、色彩形成
对网站建设关系不大,略****
二、色彩要素
客观世界的色彩前边千变万化。各不相同,但任何色彩都有色相、明度、纯度三个方面的性质,又称色彩的三要素,而且当色彩间发生作用时,除以上三种基本条件外,各种色彩彼此间形成色调,并显现出自己的特性,因此,色相、明度、纯度、色调及色性等五项构成了色彩的要素。
色相 色彩的相貌,是区别色彩种类的名称。
明度 色彩的明暗程度,即色彩的深浅差别。明度差别即指同色的深浅变化,又指不同色相之间存在的明度差别。
纯度 色彩的纯净程度,又称彩度或饱和度。某一纯净色加上白或黑,可降低其纯度,或趋于柔和、或趋于沉重。
色调 画面中总是由具有某种内在联系的各种色彩组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。
色性 指色彩的冷暖倾向。
三、色彩混合
***对网站建设关系不大,略****
颜料混合
原色(第一次色):不能用其他任何单色混合而成的基本色彩。包括:红、黄、蓝(理想的颜料三原色是明亮的红色、柠檬黄和湖蓝)。
间色: 由两原色相混合而得(包括:橙、绿、紫)。
复色: 由两间色相混合而得。

展开阅读

不能用其它颜色混合而成的色彩叫原色。用原色却可以混出其它色彩!(不是全部)。
原色包含两个系统:光的三原色和和色料或颜料的三原色!
色的三原色:朱红光,翠绿光,蓝紫光。
色料的三原色:紫红,柠檬黄,天蓝!
在左图上,大圆表示色料的三原色:即C,M,Y,(再加黑色K)。
两色叠加后是光的三原色:R,G,B。
色彩的三要素!
明度和色相,纯度构成色彩的三要素!
色彩世界千差万别,不过大致可以分为无彩色--指黑,白,灰那样没有纯度的色!和有彩色--指象红橙黄绿蓝紫色等!
明度指色彩的明暗程度!明度是全部色彩都具有的属性,最适合表现物体的立体感和空间感!象我们画的素描,黑白照等!白色的颜料是反射率较高的物体,在其他颜料中加入白色,可提高混合色的明度!黑颜料则相反!
色相是色彩的相貌,即是区别色彩种类的名称!不同的波长给人不同的色彩感受!红、橙、黄、绿、蓝、紫色没个字代表一个具体的色相!注意:色相是由波长决定的,所以比如粉红色,暗红色,灰红色是同一色相(都是红色相)只是彼此明度和纯度不同而已!
色相可以分为高纯度,中纯度,低纯度,高明度,中明度,低明度!
纯度指色彩的纯净程度!也可以说色相感觉明确及鲜灰的程度!

展开阅读

色彩为第一视觉语言,具有影响人民心理,唤起人们感情的作用,左右我门的感情和行动。
1、可以传达意念,表达某种确切的含义,如交通灯上的红色表示停止,绿色表示放行的意念,已成为全世界所了解和承认的一种视觉语言。
2、色彩有明显的影响情绪的作用。不同的色彩可以表现不同的情感。
3、色彩有使人增强识别记忆的作用。如富士彩色胶卷的绿色,柯达的彩色胶卷的黄色则成为消费者识别、记忆商品的标准色。
4、彩色画面更具有真实感,充分地表现对象的色彩、质感、量感。
5、色彩能增强画面的感染力。色彩远较黑、白和灰色更刺激视觉神经。具有良好色彩构成的设计作品,能强烈地吸引消费者的注意力,加强艺术魅力。

展开阅读

风格一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上,网页设计师的风格就是在运用自己的所拥有的手段,包括所 拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力,来建立起自己独特的设计形式、独特的作风。从这个概念出发,设计师就应该有自己的风 格。
在网络如此发达的今天,网页也是五花八门,千奇百怪,但是作为一个设计师的地位还没有得到应有的提升,造成今天的网页设计师的风格没有真正的得以体现,使 网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”,使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体,本应该 是方便人们的使用为目标的,却有很多的地方不能够使人满意,而这些不令人满意的地方却原封不动的保留了下来,有些是功能上的,例如在按钮或者是导航的设置 上,有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥,造成了这样的僵化模式。所以在这个 新的时代,急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。
虽然现在的网页的现状有吞没设计师个性的趋势,但是同样这个时 代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的 能力,开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢?首先来说他的这种风格不能背离人们的现实太远,这个现实就是人们习惯了 的网页的布局,虽然可能经过长期的努力可能会使这种局面得以改观,但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户,做网页首先应该还是要考 虑网络用户的使用的,如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同,那么习惯于上网的用户使用起来就会感到很不方便,这样得不到用户 的支持,这样的设计是失败的;在审美上同样是如此的,目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式。
这样就会逐渐的形 成自己的处理页面的风格,不同的网站的设计都可以把这种风格应用上去,这样风格就这样炼成了!这也是反映出要想形成自己的风格,要一步一步的将自己的风格 反映出来,不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用,这个风格体现的方式大相径庭,例如有的设计师喜欢现代主义风格,喜欢 它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦,所以反映到网页的设计上就是一种装饰化、流行化的风格,即所谓的新艺术风 格。当然风格往往不是很单纯的一种方式反映出来,有时候是采用的结合的方式,呈现出丰富多彩的方式。
享誉世界的德国广告设计大师冈特`兰堡 说过“一名设计师的作品停在一个水平及风格上不变化,那就是死亡”。平面设计如此,在网页设计上同样如此,在一个网页设计师的工作中要接触到许许多多、各 式各样的网页的设计,在这个过程中设计师能够形成并保持自己的风格固然可贵,但是如果想取得更大的成绩就必须要赢得一种超越,在自己的设计上最熟悉的风格 的基础上能够寻求突破,这才是更难能可贵的。以马斯洛的需求的层次论看,这个就应该是一种五个层次中的最高级的形式即自我实现,而能够树立自己的风格只能 算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情,这需要设计师本身具有不断开拓进取的精神,在自己的设计实践的过程中不断的 完善自己,不断的充实自己,不能将自己锁定在一个方面,要不断的尝试不同的艺术风格,以期找到自己的风格变化的突破口,多学习更多的传统的、现代的设计方 法,吸收一些长处,在自己的实际应用中反映出来,这样就更能是自己的设计风格的突破变得更加的容易,也会使自己在这个方面变得更加的得心应手,当然在具体 的网页的功能上的实践也是非常必要的,例如在变换一些网页元素的实践中,通过自己同使用这的交流,就可以很容易的得到自己的这些变化可以得到的效果。
一个网页设计师没有自己的风格是很可悲的,因为这样他永远就只能是在一个低水平的层次上徘徊,或者只是拾人牙慧。永远都没有自己的东西融入到网页设计 中,成就不了好的成绩,只有在不断的探索和实践中总结经验,提高自己的同时树立起自己的独特的设计理念,才能够形成自己的风格,开辟出网页设计的新天地。 同时也要不断的在形成自己的风格的同时,尝试一些不同的风格,寻求突破,“不破不立”,只有不断的尝试,因为只有不断的丰富自己的同时,才有机会赢得这种 尝试的成功。经常有意识的这样去实践,就有可能达到自己的设计的新境界!

展开阅读

网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、 文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。
网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。
1、“国”字型:
也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主 要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
2、拐角型:
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3、标题正文型:
这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4、左右框架型:
这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。
5、上下框架型:
与上面类似,区别仅仅在于是一种上下分为两页的框架。
6、综合框架型:
上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
7、封面型:
这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图 片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8、Flash型:
其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9、变化型:
即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
关于第一屏
所谓第一屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢?其实这是未知的。一般来讲,在800*600的屏幕显示模式 (这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能看到的部分为778px*435px,一般来讲,我们以这个 大小为标准就行了,毕竟,在无法适合所有人的情况下,我们只能为大多数考虑了。
说了那么多,无非是一个标准的问题,其实接下来不用我说大家也能想到,第一屏当然要放最主要的内容,关键要知道的是,我们要对第一屏能显示的面积要有个估计,而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。
有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目,一般来讲,导航栏要在“第一屏”能显示出来,但是 有时第一屏可能会小于上面所说的435px,积于这点考虑,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:如果浏览者的第一屏很矮,横向的仍 能全部看到,而纵向的就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向的则不确定性要大的多。

展开阅读