【转】网站模仿的心得
作者:贰陆 日期:2008-11-10
【转】网站开发设计人员如何提高你的收入
作者:贰陆 日期:2008-11-07
引用内容前言
这是结合自己经验，写给“前端开发、网站设计”类人员的一些工作建议，对其他行业或许也有通用的地方。仅供参考。
【转】我的LOGO制作过程及其思路
作者:贰陆 日期:2008-10-25
这个LOGO我将为一个直升飞机运输公司制作(公司名字:Metro Aviation),我将会从草图开始一步步寻找思路.
第1步>我会创建一些粗糙的设计搞-这是一个类似直升机上旋转机翼的图案
第2步>我用了一个长了小鸟翅膀的直升飞机(我依然在寻找设计LOGO的思路而没有真正开始设计) websbook*com_FLASH源码
第3步>将公司名称与直升机图案相结合
第4步>经过前面的思路后再与客户沟通,客户觉得喜欢使用蜂鸟作为直升飞机的形象,所以我将开始实现客户的想法. websbook^com_网页设计软件
第5步>在我研究蜂鸟的过程中，我发现很多其他的直升飞机公司也在使用蜂鸟这个形象
第6步>所以为了不与其他公司的LOGO雷同,我将会使蜂鸟这个形象与众不同.这个版本图案感觉有点象个盘旋的蜂鸟姿态. websbook*com_FLASH源码
Tags: logo
网页栅格系统研究:蛋糕的切法
作者:贰陆 日期:2008-10-23
首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简洁，商品页面宽度自适应，信息自然流畅，噪音少，购物很踏实。类似的站点还有很多，对于这些站点来说，宽度自适应布局更受青睐。
有个很有意思的网站是Yahoo!, 看起来是固定宽度布局，实际上在CSS中只要去掉一行，就能摇身一变自适应宽度了：
#page {
width: 70em;
}
为什么Yahoo!最后选择了定宽布局呢？这很可能是因为定宽布局比宽度自适应布局更容易控制。对于结构复杂的网站来说，可维护性和可扩展性非常重要。Yahoo!是以信息展示为主的门户型网站，960的宽度对于信息的阅读比较友善（Joe Clark写了一篇屏幕阅读时有关行长的有趣文章）。种种因素使得Yahoo!最后采用了定宽布局（Tommy Olsson总结了 每种布局设计的优缺点 ）。
Tags: 网页栅格设计
网页栅格系统研究:960的秘密
作者:贰陆 日期:2008-10-23
网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960
上面列举的都是 Alexa全球排名前100的站点 ，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。
再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。
根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网站时，开发工程师们不约而同地都选择将页面宽度定为950px/960px.
Tags: 网页栅格设计
网页的栅格系统设计
作者:贰陆 日期:2008-10-17
栅格系统的形成
1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印 刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也 是栅格系统最早的雏形。
栅格系统英文为“grid systems”，也有人翻译为“网格系统”，其实是一回事。不过从定义上说，栅格更为准确些，从维基百科查到栅格的定义为：栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。
网页设计中的栅格系统
我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。
30大优秀Logo设计详解
作者:贰陆 日期:2008-10-16
原文：30 Brilliant Vector Logo Designs, Deconstructed -Chris Spooner
(转载请注明出处，标注链接，谢谢合作)
拥有一个抢眼的Logo对企业来乃一大幸事，毕竟Logo千千万，但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣，迅速传递出企业的价值和理念。
但Logo不能只是金玉其外，还必须有思想、多功能。比如，可以用标准色在任何尺寸的纸张完美复制和再现。下面就晾出当前30个自认为很杰出的Logo，飨宴大家。
1. Castle Print
一个打印机品牌，该Logo直截了当地体现了了企业的业务性质：利用减色模型，直指其打印行业背景，同时通过色彩的混合塑造出一个与其品牌相符的城堡（Castle）形象。
2. Ryan-Biggs
负空间的运动使得这幅Logo有一种奇幻的效果，完全考验你的空间想象力！B和R两个字母代表了这个品牌，微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色，赋予了Logo更广的使用范围。
3. One Leaf
One Leaf, 顾名思义，即一片树叶。以此为轴线，就呈现出了如此简洁巧妙的画面。
4. Greener
设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强，更重要的是可以用单一色调复制重现（这也是评判Logo好坏的重要标准之一）。
5. Talkmore
Talkmore字面意思是“多说点儿”。设计师采用象征的手法，用英文中的单引号分别代替字母“a”和“e”，从而在图形上给予品牌最鲜活的注解。
6. Black Sparrow
看上去很简单的图标，但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体，柔和的曲线与平滑的字体相得益彰，将完整的设计融入品牌表现。
7. Swannie Lake
富有时代气息的Avenir字体配合平滑的图案，不但与该Logo完美贴合，而且增添了一许微妙的色彩。
8. Elara Systems
先介绍一下，Elara Systems是一个动画和动态模型工作室，也必然要求2D和3D的结合。体现在Logo上，就是大家所看到的效果：柔软弯曲的字体配上3D的字母“e”（即首字母），很好的创意。
9. Onwine
完美的字体搭配独到的理念，Onwine Logo为我们展现出一个酿酒商的特质，无论是图案还是字体设计都无可挑剔。
10. Popp
什么叫一气呵成？这幅Logo将基于同一字体的设计方法带上了全新的高度。每个字母都包含字母“O”，只是做了细微的改动就成了“P”，独具匠心。
11. Therauz Fashions
能看出这个Logo的绝妙之处吗？该公司从事时装设计业务，所以针线活是少不了的。画面中央的长针，不仅反映了公司业务，而且将中间一串字母给“缝”了起来，成了必不可少的一部分，内涵之深可见一斑。
12. Alatau
无论是字母还是彩色远点，共同的特点就是间距较大，这种手法带来的效果就是严肃而前卫。这样排列的好处还在于以中间两个字母中心，整个Logo看起来非常平衡。
13. Spiffy Sparrow
作品采用复杂的形状、线条和色彩，为以后的调整打好了基础。另外，用负空间来塑造鸟的躯干也是令人叫绝的地方。
14. About Thyme
干净利落的线条和形状，是Logo设计的固有套路。不过，本作品似乎摆脱了这样的条条框框：粗糙的手绘图案，给人以一种亲和力，也给体现了品牌所有者作为调味品公司的价值。
15. Ta Jevi
一个娱乐网站。Logo的每一部分都闪烁着欢乐感。箭头组成的笑脸传递出了这样的信息—欢乐无止境。跳跃的色彩和超酷的手写字更突出了该网站的娱乐价值。
16. Anti Particle
中文名—反粒子，是一家电影制作公司。这里有必要做个小小的科普，反粒子其实很简单，比如负电子的反粒子就是正电子，质子的反粒子就是反质子……好了，回到Logo上，很明显，这又是一个用公司名做文章的范例。首先首字母“a”有无数颗粒组成，但里面恰恰有一颗蓝色颗粒，这就体现了“反粒子”的概念。
17. 69 Monos
不同于平面2D设计，有些Logo，就像69 Monos，通过3D效果给Logo增添深度和趣味。改变角度就能带来动感，何乐而不为？
18. Green Dolphin
Logo使用海豚（Dolphin）的轮廓和绿色来传递品牌信息，同时也隐藏了次级画面—即大写字母G。
19. Aramova
经典的莫比乌斯带（Mobius Strip http://hi.baidu.com/totogo/blog/item/629a233ff2239aec54e723ad.html）使用案例！柔软的质地+奇幻的色彩，整幅画面让人体会到永不停息的动感。
20. Vize
并不是所有的Logo都需要附属图案，比如我们看到的这个。虽然只有字体，但由于在排版上做足了功夫，Logo同样可以表达品牌的理念。
21. Friends in Places
交友网站，很明显。看似纷繁复杂的箭头构成了一幅世界地图，表现了互联网时代网络社交的全球性和广泛性，企业的品牌价值由此得到体现。
22. Koloroo
一款色彩方案的软件产品。随机的颜色搭配勾勒出了一只袋鼠的形象，这也符合其产品形象。字体设计同样出众，因此可以说，该Logo两部分合起来是精品，拆开来也是优秀的图案和文字标识。
23. Pangur
手工玻璃制造商。通常而言，透明的运用在Logo设计中是慎而又慎的，不过随着打印技术的改进，已经没有理由限制这种技法的使用了。设计师用不同色彩的玻璃碗进行简单堆砌，且呈现不规则倾斜，这恰恰抓住了玻璃手工艺的特点。Futura字体也给作品锦上添花。
24. Tammy Lenski
美国一家争端解决公司（比如劳资纠纷等等）。现在，搭上千纸鹤，来一趟意境之旅吧。大多数Logo都直截了当地反映目标企业的各个方面，然而这个设计却通过千纸鹤的故事和寓意来展现企业形象（编者注：之所以这么说，是因为西方人并不了解千纸鹤的含义）。
25. Eco Cafe
图案简洁又不是标识性，整幅作品看起来就像破土而出的生命。生态咖啡馆—该企业的名称—得到了最鲜明的宣示。而正因为标识本身的简洁，使得它贴在窗户上，也可以印在咖啡杯上。
26. Firefish
这又是一个运用流行技术—比如透明—塑造多层次标识的典范。火焰拼成的鱼（即Firefish，火鱼）搭配上经典的大写灯芯体(san-serif)字母，堪称一绝。
27. Boxbound
立体和透明同属当今Logo设计潮流，这幅作品同时运用了这两种技巧。生动的色彩加上浑圆可爱的字体，俨然一副基于网络的时代先锋形象。
28. AdMagik
看完这个Logo，你应该能学会用颜色区分信息。品红色部分突出了公司的名称“Magic”（魔术），而灰色字体暗示了该公司的身份，也是Logo的重点所在，即“Ad”（广告）。最后，在字母J和I上做图，使之成为兔子的形象（编者注：兔子在西方是魔术的象征），再一次强调了企业点石成金的业务能力。
29. Jivespace
这个Logo用爆炸性的手法给人以强烈的视觉冲击，既有深度又充满活力，同时，全部小写字母的排版方式体现出其时代气息。
30. Core
和前面提到的“Popp”Logo类似，它也是基于一个形状延续下去，线条干净利落，颜色单一，该Logo的功能性可想而知有多么强大。
Tags: logo
