xhlv's blog

Artua Design新作品

admin — 2008-07-28T22:03:49Z

Image: attachments/month_200807/28_220212_63u0blog.jpg

Artua Design新作品

Image: http://om8fmq.bay.livefilestore.com/y1pNIuuur_C4psOaprt5qqjCgWUaq4WG23h-ZDjTUqnlmFhSrzumU6erH4shJig-yGjiBUCMOUUT0o/outlook_big.jpg
Image: http://om8fmq.bay.livefilestore.com/y1p6BwM7gW6L2Mcxnqnm9o4cQ4V7cGPyQC0WkbAMJp_HSFY42UlyGuuoktqhfQrol-eLyLpqeb5nfU/esis_eng.jpg
Image: http://om8fmq.bay.livefilestore.com/y1pqT3Ch90liPUmcsivMPF8z-cj-JRIqARzq8JTvKZcqB0Wllj14JYO_swL3tw_xJqWctw6Xce5yXQ/ofis.jpg
Image: http://om8fmq.bay.livefilestore.com/y1pfoF4wBg2MYcDmCskhZo-XwSzEeRZd59axjpw-Y5o34mtw7K9YEzl8VKxxuv7y689TT_-x8gtd1w/pluginlab_big.jpg

JsPacker 中文乱码解决方法

xhlv — 2008-04-07T11:34:38Z

JsPacker 中文乱码解决方法：

第一步，新建一个非空的js文件(一定要用内容,否则程序会死掉)，如unicode.js，另存为Unicode编码，压缩一次；
第二步，正式压缩自己想要压缩的ANSI编码的JS文件；

New soul - APPLE最新笔记本MacBook Air广告歌曲~

admin — 2008-03-15T14:19:02Z

Image: attachments/month_200803/15_143636_41s7blog.jpg

曲名：New soul
歌手：Yael naim
出自同名专辑《Yael naim》

很轻快的感觉~

Media: http://0rersq.bay.livefilestore.com/y1pBo1iTPiymPNga-qB0Ccoxg1zCjoDXzN-eP274Vihr3_Xd3l89hLFTy8wYncpM_8Td7zlHjLytcsbIeUgVw8YG0qasfVsYobQ/Yael%20Naim%20-%20New%20Soul.mp3?download

Daniela uhlig的作品欣赏

xhlv — 2007-12-18T21:28:20Z

Adidas creative advertising | 阿迪达斯创意广告

xhlv — 2007-12-18T13:15:07Z

Image: attachments/month_200712/18_202922_qnftadidas_creative_advertising.jpg

The advertising campaign Adidas China, the main sponsor of the Olympics-2008 in Beijing, with the slogan "Impossible is possible"

经常在地铁里看到这个广告，呵呵，满不错的创意~

Advertising Agency: TBWA, Shanghai, China
Creative Directors: Yang Yeo, Elvis Chau, Sarawut Hengsawad, Lesley Zhou, John Merrifield
Copywriters: Leslsy Zhou, Sarawut Hengsawad, Nicky Zhang, Michelle Wu
Photgrapher: Mark Zibert
Illustrators: Luming, Lance Ma

Image: centerhttp://files.myopera.com/xhlv/design/adidas_creative_advertising_01.jpg[/img]

Image: centerhttp://files.myopera.com/xhlv/design/adidas_creative_advertising_02.jpg[/img]

Image: centerhttp://files.myopera.com/xhlv/design/adidas_creative_advertising_03.jpg[/img]

Image: centerhttp://files.myopera.com/xhlv/design/adidas_creative_advertising_04.jpg[/img]

CSS代码格式化和压缩化

xhlv — 2007-12-07T13:24:01Z

http://www.xhlv.com/css.html

格式化CSS 和压缩化CSS 整理你的CSS~

在TT那看到的，稍微做了以下优化和修改，哈哈
和Dreamweaver默认的CSS书写规范相一致~ 并加了几个常用的操作按钮
例：

Quoted from Unkown:

.framehistory {
  background: url('images/framehistory/history_title_bg_left.gif') #dfdfdf left no-repeat;
  margin: 0 5px 3px 5px;
  height: 27px;
}

博客防止垃圾留言的小技巧

xhlv — 2007-12-06T20:42:47Z

Image: attachments/month_200712/06_213613_xum1blog.jpg

原以为在2sblog上加上验证码就可以防止垃圾留言，还是没什么用....

今天对表单代码进行了一下处理，机器人绝对找不到留言提交的地址了，哈哈~

原理如下：
1.更改表单处理程序的名称---[否则，机器人仍然可以按老的表单处理路径提交广告]；
2.干掉html里面的form标签；
3.通过js动态加上form。

步骤如下：
1.将表单处理程序blogcomm.asp的文件名改为自己想要的名字，如blogcomm_2.asp

2.干掉form标签，并对表格table加上id="postcomm"，便于对其进行操作

3.在留言页面载入js脚本，jquery-min.js和postcomm.js，这里不把js程序直接写到页面里面，是因为脚本里面依然有form，会暴露表单处理程序的地址。
Image: attachments/month_200712/06_205848_b91e3.gif

这里的jquery-min.js是一个库，postcomm.js则由自己来编写：

Quoted from Unkown:

onload = function() {
$("table#postcomm").wrap("");
}

在最终的页面中依然会出来下面的效果，但实际的html中是没有form标签的~
Image: attachments/month_200712/06_205551_41s71.gif

中国黑客超强X档案 “绿色兵团”

xhlv — 2007-11-17T20:58:34Z

Image: attachments/month_200711/17_213918_2yq6blog.jpg

以前听说过公司的前身是黑客组织，原以为比较普通，原来挺不简单的，偶然看到这么详细的资料，呵呵，如下文：
--------------------------------------------------------------------------------------------------------------
　　中国"绿色兵团"
　　1，"绿色兵团"的成立及发展。提起中国的黑客，我们没办法不提到这个被众多网民誉为网上"黄浦军校"的中国最早的电脑黑客组织：绿色兵团。

　　我国最早一批黑客大约出现在1994年，其黑客行为持续到1999年底。代表性的组织就是GOODWELL(龚蔚)等五人组织的绿色兵团。据称，极盛时期注册会员达到3000多人，成员遍布全国各地。谢朝霞、彭哥、PP(彭泉)、天行(陈伟山)、黄鑫是第一代黑客中的顶级高手。他们的特点是，自己深入研究网络安全技术(换一个名称就叫黑客技术)，有自己的理论和产品。现在他们都已经是网络安全方面的专家了！

　　"绿色兵团"是中国大陆最大最早的民间黑客组织之一。创始人goodwell1997年在外网站申请一免费空间并在国内多处做了镜像站点，当初起名为绿色兵团，原地址"i.am/hack1"。作为最早的中国黑客组织，绿色兵团成员在短期里成员迅速状大！上海、北京、石家庄等地均由其主要成员分布。同时，其影响力也在网民之中大增，特别是与与网易的几次冲突，使绿色兵团名声大振。

　　　1999年1月23日，绿色兵团在上海召开兵团第一次年会。地点为上海延安东路128弄6号(星空网吧)。1999年7月15日，绿色兵团转轨拥有了自己的服务器和自己的安全公司：上海绿盟计算机绨踩际跤邢薰荆粲糜蛎鹖sbase.com开站，公司名同年10月正式注册成功。

　　2000年3月，中联公司以合作为名，在北京注册公司：北京中联绿盟信息技术公司，合作期间，两站使用同一标志标志由北京公司设计，上海公司所有成员为老成员，北京公司大多为新招暮成员，上海公司所有的费用、办公场地、办公用品、工作开展等等大多为北京中联绿盟科技提供。2000年7月，北京公司与上海公司因内部原因，双方合作破裂，北京公司启用新域名nsfocus.com。据说，双方冲突非常强烈，彼此亦对对方不断进行黑客攻击。8月底，北京公司向法院起诉上海公司，上海公司败诉。10月份，上海公司作价30万左右将公司包括域名isbase.com转让给北京公司，人员解散。北京公司将isbase.com域名停用。

　　2，"绿色兵团"关闭的原由。

　　2000年12月，某网站以前黑客组织绿色兵团发生"兵变"一事为由在网上发布独家报道，引起媒体关注。

　　(以下是绿色兵团原主要成员高永安的一段采访记录)

　　这次纠纷其实没什么大不了的，关键是原来绿色兵团上海的以GOODWELL为首的三个人宣称是绿色兵团的创始人和拥有者。我们不否认绿色兵团这四个字是GOODWELL提出来的，因为当时他的个人主页确实是叫这个名字，但是如果因为名字是谁起的就归谁所有，我想也过不大去吧？按这样的道理，名字应该归任天堂公司所有。因为这四个字是原来该公司一个游戏的名字。

　　我是在去年下半年加如绿色兵团的，当时我们北京部分规模还很小，也就几个人租了一个三居室的房子进行活动。这些北京的后来加入者比较早就发现网络安全是一个大有可为的天地，更因为我们对网络安全也有强烈的个人爱好。因此在北京也算了聚集了一批真正的高手。

　　原来的绿色兵团由于是一个黑客主页，因此在当时遭到了各虚拟主机提供商的围剿，有一年多时间都陷于停顿状态。因此我们北京的沈总经理(现在中联绿色盟的领导者)专程奔赴上海，意图进行商业化运作，注册了上海绿盟。由于沈不是上海户口，为了避免麻烦，就用了原绿色兵团三人之一的于刚为法人。

　　我们在北京正式做了一个站点，租了服务器，这就是后来的isbase.com。但我敢负责任的说，在开站这一年多的时间里，(绿色兵团)上海方面没有对这个站点做过哪怕一个标点的贡献，所有内容全是北京做的。

　　绿色兵团从无到有到如日中天到商业化运作都是北京部门做出了最大的贡献。我们从未否认过这三个人是概念的提出者和我们的核心成员，待遇上也都是一视同仁。

　　北京部分在商业化过程中，新组成了一个叫中联绿盟的公司，在英属开曼群岛注册的。是一个海外独资企业，此后就任命于刚为上海分公司经理，并一共拨去27万资金。我们这边由于有一段时间一直在忙于公司的商业运作，对原来的ISBASE的管理就停止了一段时间，但是在今年六月份的时候，我们发现，域名的管理权已经被上海方面私自转走。

　　在与上海方面的交涉中，上海方面提出要求原来创始绿色兵团的六个人应该坐在一起开个股东会，来决定公司的法律结构。我没有接受：原来的绿色兵团是个个人主页，而现在的绿色兵团是个国际化的公司，由六个人来决定六十个人的公司的前途显然是不合理的。我当时要求他们把域名无条件转回去，放弃这种要求，但当即被他们拒绝。

　　事已至此，我们最后只好做出决定：中联绿盟不再使用ISBASE的域名，我们认为我们的价值不在域名而在于我们的人，因此我们后来就取了一个新域名，弃用了原来的域名。中联绿盟公司做出决定，把这几个人开除，并向法院起诉原上海公司，要求归还当初所拨27万元的开办经费。

　　结果我们胜诉，经调解。对方以原来的ISBASE域名低偿债务。我们接手这个域名后当即将这个域名废止。

　　这件事情本来很简单，但经过某网站编辑在未经过采访的情况下写了一篇文章，讲什么绿盟兵变，吸引了大家的注意力。我们有六十多个员工，现在只不过是开除了三个员工，实际上是很小的一件事。原来的绿色兵团的黑客高手backend,袁哥等现在都还在北京公司。

　　我认为这件事情的关键是原来的几个绿色兵团成员提出了与自己贡献不符的过分要求，他们六个人要决定公司整体的股权和期权的分配显然是不合适的。　

Quoted from Unkown:

中国"绿色兵团"代表人物介绍

　　(本文引用GOODWELL写的绿色兵团的战友录)

　　Rocky:请允许我把这个人的名字放在第一位，并致以最沉痛的悼念，早期的绿色兵团核心成员，美国国防部的web site上曾留下过他为祖国的呐喊，绿色兵团早期的文章由他翻译。我依然记得四年前rocky第一次进入我的linux ,当时他的激动和喜悦，然而今天他却永远的离开了我们，走的这么突然。我会记得你，大家会记得你，直到永远、永远，我的朋友--Rocky。

　　Dspman(HeHe):绿色兵团核心成员，为人和气，讲义气，做事情大大咧咧。但是Unix基础相当过硬。

　　Solo:绿色兵团核心成员，美丽的solo，精通数据库，做事比较重感情，曾第一个提出SQL查询语句的严重漏洞。

　　LittleFish(小鱼儿):绿色兵团核心成员，要是上天再给我一次机会的话，我还是愿意和他做朋友。因为我爱他。果断的性格，冷俊的言语是一个天生的黑客。当年我曾对他说，我们要做一个中国最大的网络安全组织，鱼儿回答我说："不！，我们要做亚洲最大的。"这句话我永远记得，我会去努力的，即使一事无成。

　　Blackeye:绿色兵团核心成员，是个具有商业头脑的人，曾为绿色兵团商业化做过很多的付出和努力，中国黑客走到商业化道路和这个名字分不开。

　　笛亚哥:是一个很老很老的朋友，也许很多人已经遗忘了这个名字，但是我一直在寻找他，曾编写当时来说比较实用的文章(绿色兵团黑客教材)。

　　冰人:一个人彻底的消失很难尤其是这样出名的一个人物，早期的中国黑客没有不知道这个名字的，但是他的确做到了，彻底的从网络这个世界消失了。

　　jianyuf:几年前是绿色兵团聊天室的常客，大家一起学习一起进步，对技术他完全不保留。

　　中国鹰派:绿色兵团早期成员，擅长加密破解曾参加过第一次的绿色兵团年会。为组织出谋化策是个铁杆成员现在中国鹰派发展迅速，成员分布中国各地，和他的努力分不开。

　　Frankie:辰光站长，说到深圳辰光无人不晓，是中国出名的一个安全站点。

　　Iamin:97年绿色兵团站点第一万个访客，当时他的站点和绿色兵团是两个主要的安全大站。其安全站点黑客之家也是当初最出名的站点。

　　袁哥:我非常敬佩的一个程序员，非常实干，热于助人，技术相当过硬，而且看程序有耐心。不管发生什么，他都是我敬佩的一个程序员。

　　Adam:chinaasp的安全版版主，相识很偶然，很好客和热心，就是喜欢开开小玩笑,借我的那本书不知道啥年头可以还我。

　　Davidchen(backend):翻译过很多技术文章，很多经典的安全文章出自他的手。

　　Cloudsky:清华bbs斑竹之一，写过很多好文章。

　　CK:一个广洲的年轻小伙子，绿色兵团成员，非常好学。

　　PP:一个老朋友，为中国网络安全做过很多贡献，喜欢在网络上打报不平。

　　ColdFace:绿色兵团分站网络力量站长，脾气比较大，但是为组织做过很多事情，纯ORG的强烈拥护者。

　　小榕:从乱刀到流光，用过的人都知道这个名字，他是一个专门开发安全工具的程序员。

　　Zer9:我非常喜欢的一个朋友，气量很大，代表作品，代理猎手高度分析等。

　　天行:天行软件的作者，应该不用介绍了，要是你不知道就去用一下他的软件。
　　LOG:绿色兵团早期成员，曾参加过第一次绿色兵团年会，话语不多，但是为人很诚恳，我一直感到欠疚，他从外地赶来开会我没有招呼好他。

　　雨馨:千万别以为这是个女孩，不过他的cn105没有人不知道，以前是绿色兵团的常客，技术提高很快。

　　LoGon(doorless):一个非常谦虚和好学的人，值得交往的朋友。

　　liwrml:绿色兵团分站，麒麟网络安全小组的站长，兵团铁杆支持者。

　　Chener:需要什么软件，需要什么地址去问他，觉得他就象活的网络词典。

　　大鹰:补天的得力干将，很有互助精神，你问他什么问题他总是尽量回答你。

　　shutgun:一个真正热爱网络安全的技术人员，不为名利，不为金钱。

　　WoWo:患难之中见真情，得人滴水之恩当涌泉相报。

　　仙剑:仙剑乐园有一大批的中国安全爱好者，是中国最大的一个电话破解站点。

　　Casper:是也很好的朋友，他有很cool的外型，谦虚和严谨，对技术从不保留，是个真正热爱安全的技术人员。

　　椰子:写过不少好文章，看事情比教成熟。

　　WhoamI:热心，乐于助人，只是有个坏习惯，千万别在他喝醉的时候去和他讨论技术。

　　**illy:中国每个安全站点的角落都能看到他的灌水贴，绿色兵团常客

　　weiyangsheng:绿色兵团铁杆支持者，比较低调。

　　BadBoy:中国红客的领袖人物，知识面教广也是兵团的支持者。

　　柳咏:绿色兵团的拥护者，其实他比很多人都要强，可是他总是很谦虚，说自己懂的很少，而且不太说废话，只和别人探讨技术。

　　小小龙女:绿色兵团的很多文章有他翻译，精通linux。

　　阿飞(remix):绿色兵团的成员，老说自己是垃圾，废话是挺多的，不过人不错，为兵团做了很事情。

　　五月玫瑰:绿色兵团的成员，虽然没有说过一句话，没见过一次面，而且几乎不看到他发言，

　　直到有一天他发来的信，把自己发现的微软输入法的新漏洞无私的告诉了我们，永远都会感谢他对兵团的支持。

　　Ghost_happy:他的桌面实在是叫人流口水，不行你去问他要一张截图看看(win2k + vm +FreeBsd)。

　　GoodWell:请允许我把自己的名字写在最后，正是因为大家的努力，才会有一个美丽的光环照在我的头上，我真的、真的愿意做大家成功道路上的一颗垫脚石，一颗永远不需要闪光的垫脚石，我愿意看着你们一个一个的走向成功的道路，同时也希望不久的将来能把你的名字写上去，去为龙的传人争光。

界面图标创意设计教程[转]

xhlv — 2007-11-06T22:27:19Z

Image: attachments/month_200711/06_222411_63u0blog.jpg

jameguilin写的，不错，另外还发现他是用Xara Xtreme 的设计师，在国内还是比较少见的~
有空我也去研究一下~ 这是他用Xara Xtreme 的感受： Image: attachments/month_200711/07_001844_pmesuntitle.jpg

Quoted from Unkown:

Xara Xtreme Pro 很多地方还是比较人性化的，可以按照绘画的原理简单的叠加明暗方式来制作图标。我觉得最好的就是羽化的功能，直接快捷。但它的旋转只能输入数字的方式来操作，比较麻烦，可能软件的目的是追求小巧、和速度，类似大型的CD IA等矢量编辑软件而言，它确实精简了很多工具，如果不是特别的需求，我们可以以简单的方法制作非凡的作品。继续研究下去，把枯燥的图标过程与简单、高效率的工具结合。在制作过程中更多的细心、对形式美的的创造，当结果慢慢孵化出来时，还是有一种收获的快感。"看起来美的东西，动手试试才发现它制作过程不一般"

以下是"界面图标创意设计教程"的内容：

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

开始我的图标设计工作,前断时间已经播报过自己将出系列的图标作品(为**公司设计)!
在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流!
这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解!
今天把部分草图放上来!创意说明后续准备.

第一部分[图标创意阶段]
其实这个阶段之前还有个重要的步骤,就是创意准备.
根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定"用户角色",用来指导界面视觉风格方向、界面内容建构和交互设计等！（这个内容以及超出这个话题.）
当我们接到设计任务后，我们怎么开始设计图标呢？首先我们要看懂界面需求，对每个功能图标的定义要非常清楚，否则我们设计的结果将导致用户难以理解，这个也是图标设计所关心的可用性问题！这在我博课里引用了Jakob Nielsen's Website里面的文章"Icon Usability"，大家可以去看看。差的图标设计最终导致用户界面的操作失败的体验。但视觉审美和可用性有时候存在矛盾的方面，我们不能走极端，只顾及可用性但忽视设计美观的一面，也不能追求设计上的美的需求而忘了这是功能性很强的界面图标，最好是能在两者之间取得平衡！
理解功能需求后，我们要收集很多关于"词语——图形"之间能转化的元素，用生活中的物或其他视觉产品来代替所要表达的功能信息、或操作提示。例如音乐：我们会想到，音符、光盘、音乐播放机、耳机等等。但到底选择什么来表达呢？原则上是越贴近用户的心理模型最好，用大家常见的视觉元素无来表达所要传达的信息。隐喻是在图标设计中是必要的思维方法！找出物与所指之间的内在含义，这就要求设计师对生活的细微观察，丰富的联想能力。当然这也就是设计的困难点，做好一个图标设计不亚于好的产品创意设计，包括最终的图标制作也是体现设计师能力之处，特别是现在高分辨率的显示设备大量应用，好的界面要得到用户的认可，高质量的图标设计比不可少！（难啊！现在对GUI设计的理解还只限于平面美工，管理者的意识往往关系到一个行业是否正常发展。我们的工作要得到认可，需要大家的共同努力！）

下面是我绘制的图标草图！

Image: http://www.deviantart.com/download/67764636/icon_sketching2_by_jameguilin.jpg
Image: http://www.deviantart.com/download/67764722/icon_sketching_by_jameguilin.jpg
Image: http://www.deviantart.com/download/67764553/icon_sk_1_by_jameguilin.jpg
Image: http://www.deviantart.com/download/67764792/icon_sketching6_by_jameguilin.jpg
Image: http://www.deviantart.com/download/67765981/icon_sketching_08_by_jameguilin.jpg
Image: http://www.deviantart.com/download/67765940/icon_sketching_07_by_jameguilin.jpg

第二部分[草图绘制阶段]
这个阶段就是把我们的创意绘制出来，检验下视觉关系，也就是在视觉方面多在草图上推敲，这样效率高些，避免在渲染完后来后悔。（后悔啥！那就是重来了！）首先要确定我们图标透视，这是关系到一套方案中的每个图标的透视方向，这是在图标设计一致性方面的基本要求，透视统一。然后一步步的添加细节。如下图所示：
Image: http://www.deviantart.com/download/67765867/icon_sketching_10_by_jameguilin.jpg

在这个阶段我们还要检查下元素之间的组合方式（有文字，大家点击看吧，打字很累啊！）。如下图：
Image: http://www.deviantart.com/download/67765765/icon_sketching_9_by_jameguilin.jpg

第三部分[草图渲染阶段]
等我们把前面的过程走完了，心里有底了。自己觉得草图已经很清楚的表达了自己的想法，并且也能与功能信息密切的吻合，（我一般是把画好的图标作个现场测试，给同学或同事看，同时问他是否能理解我画的图标含义）那就开始伟大的渲染工程吧！这里要说下工具问题，很多人都问，要用什么工具来画图标，我的回答是，只要能画出来，达到目的，什么都可以，哪怕是手绘后扫描再编辑。一般我们用PHotoshop、Illustrator、Firework等软件来绘制，这要看你的习惯，以及对软件的熟悉程度。我用的就是比较偏的软件Xara Xtreme pro,这是个矢量软件，功能强大，速度快。但软件体积很小，功能比较专注于绘制，绘制方式自由，只要你有艺术功底，就可以绘制漂亮的图标。下面我会以过程方式讲述Xara绘制图标的过程。————广告之后，马上回来！
..............(待续)

古今中外名人画

xhlv — 2007-11-01T19:50:10Z

Image: attachments/month_200711/01_195500_mjbpblog.jpg

群里的朋友推荐的一幅画，不知道作者是谁，画中汇集了古今中外的很多名人，每个人神态各异，比较有意思~

http://www.xhlv.com/blog/attachments/month_200711/01_194855_63u020071030_3ef4ec50d7a1c7fa85976Rir8e8o83l6.jpg

Image: attachments/month_200711/01_194855_63u020071030_3ef4ec50d7a1c7fa85976Rir8e8o83l6.jpg