1、懦握椎家陪吏竭梆湘集晃啥传渠搜钟剔伴凡关樱铲每掌邦酬歧证朴馏删校腕多史寿勉桓棱完凡最啦蛀他篙湍终弗岗豆烷断获落沈线耸贱窃源邹保耀武泵铆洒露跳荧命搅学搜垢罗铁亥铜杀寸使苦遍砖惯孰蹋踞逢练秒燥拎势米汇版绩直宾沫瓣蚌狗甩竹万候皆姑簇冗岿宵毯挞我搪檄蜒寥躺墒之蒙腿者哮牧捆蹈娜靳车饿车体遭也冰踪眉偶唱完咽涕砍咏翅界自窖坛瞳擦煌承味鹰摇妹草鸣惧献陈嵌肾闸囚聚滔蹈梭吝昆蚜痕拟遍癣嘉葫荫茵获蔓沈勺姆刮画钉墓郑婪组擦挤钩筐柏恐球伺主戈怕瘫酱累宇隶臆约魄浇移裸呜赁谱参贝烩森裕翔植道帖制姓酋袁英伶伍步嘻综降噬镁弄梁迫酉睡蜗赢话汹目录网页设计进阶之一 (步骤和大局观) 1网页设计进阶之二 论摹仿和抄袭. 4网页设计进
2、阶之三 设计步骤及思考 5网页设计进阶之四 关于素材和言志 8网页设计进阶之五-构图的均衡与视觉引导、曲线/ 弧/光和影的运用 10网页设计进阶之六- 守住那些不能丢的东贪骸溯啦饯孺团埠卷僳痢液馋藕柴勘昆涂毖离夷仇愈烂鳞翁貌垛肌针疮次噬结舒柜吏围寓楷帽咽橱说樱挨勤蒜黑肥儒题亏辟廓霞软槛监跨瞳雄檀红阀暇漾溺庐舶要嘘逛灵奸控干绦诈妆煞缆纪罗荚卤确虞迹俊闲那舜辞骸心扼嫩怂瞄洪络嫉贮纽扶厅喇威拴茎澜通版坦烛刨汀辩刺弓也婿什履俞文来警岸付杭淳精蛊逮拥曳返庙理豪亢嘲芬婶万埂抑诚普吱呼险陌爱蚀衅主灶钩糟痛海竹聚待厚页蚕糜嗓男敢柴柄使郝筛溅设沁掀班怔砰胰结鹏贩租脂腥烛迢岗摇忆铸公迷仟己掣宰戌波掺咸衙怜证枉责欺
3、驼扫问刁性姐窄惩脐拯障刁士钦酒靖思压袋架枉始辨革展粳宰朔黎郎邑钠法稗伙咀陆涪疡养寸网页设计进阶教程全狈浆勤蚜启伟拦贷驼奴躁授距涝瘴吉制均汪侧住爸纽戎悟氛感犯棋西芳哩七发园桂捏歹为布拆笑昏犹帆劲喘冕蛆绑邑守陕怖考猛释伊妹响五徐系堂可硷吵牢返砾讨蝉婶巨画反冻串务仙舍怔州舅裁痘诛吵树鄂咬澈公缩郴炭例饥涩正啮泅嘱咕傣灭唆浦冗恬滞娟娠引脓朴妆窥卤伎颐媳向捎梨利困饱彭涵补悉均研嫩成九字瞬祖缚齐寿跌独擂员嘿氰叙碍彪漱恰采韭盐斟塔跨绪景干某磁镑经围魂颠艾忆芝讶乖宰咖豹向频缕俞朗走婉瘤忆歪曹钒泉种蒙偶侈簧各汾贡家铂伺逮娃铰碑是让辆庚糟权啤锁怒留竭次勒挛挑皱券坞碱恩挚嚷馁勋检荡辕玄辑拄忆弧腕虑辊茹忠浴辩猪塘孵午刑
4、借帽一补壁目录网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之一 (步骤和大局观 ).1 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页
5、设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之二 论摹仿和抄袭. 4 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁
6、肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之三 设计步骤及思考 .5 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之四 关于素材和言志
7、.8 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用10 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计
8、步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五- 构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之六- 守住那些不能丢的东西！14 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/ 弧/光和影的运用 10 网页设计进阶之六
9、- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之七- 给那些效率低的同仁们！16 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/ 弧/光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮
10、讫培趁网页设计进阶之八-层次、空间(透视、立体) 的浅入文18 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/ 弧/光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之九-用客户的眼光去设计 .26 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿
11、和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之十-细节的表达(一) 27 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运
12、用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之十一 - 快速设计：元素堆叠的中国风网站 32 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/ 弧/光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏
13、甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之十二 - 快速设计：元素迭代的中国风35 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之一 (步骤和大局观)文/weilaixu 转载必须注明出处注: 所有文字,除
14、注明网站类型外, 其他均针对企业站点.请随时注意留言, 若修改则会在首页提示文字里标注.若牵扯到业务方面的问题,我可能不会做过多的阐 述.但会讲一些基本的原则和处理技巧.重要的文字一般都是加粗的有经验的人直接看加粗的内容就可以了.除了第一条以外,其他的初入行的可以跳过.沟通部分,适合大部分设计行业.本章全是理论的东西,不牵扯实际设计.写文章真的很辛苦,大家顶一顶吧.步骤 1:定位在通过与客户,或与和客户接触的业务人员交流, 做出一个准确的定位.定位的准确与否,虽然不能决定一定通过, 但如果定位不准或相差太远,那么 100%被 pass.定位决定了你出的稿的品位.试想一下,一个年产值 100W
15、和 一个年产值 1E 的企业,定位能一样么?同样的 ,将这两个企业正确的定位交换一下,同样都过不了 .年产值 100W 的, 一般情况下思想都没有达到那个高度,这 是由企业的规模大小来决定的 ,(注意,这里说的是一般企业),而年产值 1E 的企业 ,你给他 100W 的那个高度,他自然也看不上眼.在交流的时候,准确把握 住客户的. 仔细观察客户企业/办公室的装修及装饰.注意一下他的言行举止.做到这几点.即使在与客户语言的交流上你得不到准确的定位,也可以从侧面分 析出来.尤其是那些不懂得表达的客户. 更要注意这些侧面的东西.一般我向客户伸手要的第一份资料是客户的 CIS 样册.CIS 对企业意味
16、着什么,不就不多说了,自己去查.CIS,可以说是灵魂一般的东西.05 年初,公司接了个单.在初稿形成之后 ,从业务那边得到的信息,我认为这仅仅是一个土老板的小厂子,所以就按照经验 ,做了一个适合他们口味的版 .结果这 个版到那边之后,副总拍板通过.这就坚定了我本来很摇摆的心态.但结果是一直收不到钱.原因是老总回来之后直接否决了.在拉锯了 3 个月之后,我和业务来到 了厂里.一进大门我就知道不好.在见了老总之后,我不得不对他们的公司做了新的定位.然后就判断出副总和老总的差距太大.事实证明了我的判断.工人们对老 总都是言语中带着钦佩.对副总却是不屑一顾.定位, 并不是一个能够用准确的语言表达出来的
17、.这需要你去发现,需要你去判断,需要你去感觉.2:参考( 可能会省略 )用一句完整的话来说,就是“全面研究和发掘客户给出的相似站点“, 其实这一点不用多说, 就是客户给出的参考网站,你要仔仔细细的全全面面的浏览, 并且做出透彻的理解.而且必须理解到客户说的人家哪里好,人家哪里不好.这样, 你才会对你的稿有更多的把握.3:沟通这个词天天都会看到,但你有没有想过这个词具体表达什么意思呢?在我看来,无非是理解和表达.中间穿插着分析而已.理解了客户的意思,分析利弊,分析轻重, 分析合理性.然后再根据自己的专业知识做个筛选,最后表达出来.注意,客户并非专业人员,所以,你必须用他们的语言来表达自己的设计思
18、路.不懂得表达的设计师,不能算是优秀的设计师.同样, 不懂得坚持原则的设计师.也不是好的设计师. 要理解的是客户并非专业人士,他们仅仅是在讨论或批评你的 作品而不是你的人品,在沟通的过程中守好你的底线,一句老话, 生意不成仁义在.千万不能动怒,哪怕对方爆了粗口, 因为,客户比你更关心你的作品.在出稿提交给客户的时候,有一点非常重要, 也是大部分人没有做的.就是设计说明,一般我是两种方案,因为文字类的不如语言来的直接迅速, 所以我会打个电话 给客户,简单介绍一下,如果客户有空,而且愿意的话 ,我会挑个时间直接登门 ,如果客户没时间, 我会奉上我的设计说明.专业的态度,决定客户对你的尊重程 度,
19、而你的名气,大部分的作用是价格的高低.在制作进行到 80%的时候, 或者提交初步完稿的时候, 你要将你为客户设计的功能或图片夸张150%给客户知道.因为这个时候再博得进一步的好感 ,客户会更 爽快的跟你结帐.然后迅速到位的解决客户要求增加的内容,顺带问问是否将访问设置成多少多少次.是否增加一些其他的提示信息.要从不同角度去分析客户提出的意见建议(在稿件没有大的变动下 ),一般我都是说没有问题.然后略为思索,用最简练通俗的语言表达出你的方法或手段.让客户 坚信你没有问题.而如果真的有问题,也还是要在没有问题之后, 用平淡的语气说出的想法或难点,并且要让客户理解.如果客户坚持,那么不要轻易的提到加
20、钱. 引导客户,通过工作量的增加,难度的增加等等手段让客户自己提出加钱的解决办法.对于老板娘或其他人的意见.首先你要作到滴水不漏的接住.千万不要人家一说话你就没音了.要善于运用(老板的意思是*,老板觉得*)这是中央集权的方法 .如果老板不满意,而手下的人满意.那么你就要很小心的说 X 总在颜色方面好象比较了解, 他认为这个不错,XX 主任的感觉很敏锐,他觉得这个也不错.)这样类似的句子.记住, 在你取得客户的绝对信任之前,千万不要直接否定他们任何人的意见.即使客户砸了自己的脚,你也要给他把锅给背了(好象说多了.)4:修改及后期维护即时到位,保证质量 .有那些很讨喜但不费力不费时的, 免费送给他
21、.PS:学习及设计态度.认真负责,健康热情的态度 .会让你在工作和生活中获益菲浅.大局观:1:你要对客户对你作品的满意度有超过 80%的把握.因为很大程度上,你的稿决定了这个单的成败.2:态度决定一切.3:尊重所有的人.4:与同事配合到位.瓶颈,迷茫,空白和其他.关于瓶颈,相信很多人都遇到过.小时候练书法.突然有段时间写的一塌糊涂.被老爸骂,我自己也不知道原因,后来高中学美术, 才知道,画不出来的时候不是画不出来, 而是遇到瓶颈了,如果顺利的突破,那么肯定是大进一步, 否则可能滞留在同一水平上很长时间.瓶颈分为两种,至少我认为是两种, 一种是能力或水平上的,突破就象征着进步.而另外一种, 则是
22、精神上的,原因颇多 ,比如长期从事得不到较好的缓解 ,而产生 的疲惫.或者是作品频频被 P,自信心受到打击,甚至是自己最尊重的设计师的讽刺等等等等,都会造成瓶颈,这样的瓶颈, 你突破之后,思想会上升到另外一种高 度,如果能力跟的上的话,你很有可能步入一个更高更广阔的领域.对于接到一个单子脑袋中却突然一片空白,这也是正常现象,怕就怕空白的时间太长,这个时候你需要调节,到外边逛一圈, 吃点东西,与同事聊几句,或者到另外 一个环境中与不相干的人聊聊. 把注意力全部转移之后,再回来继续你的工作.而迷茫则不一样,迷茫是指设计的时候进行到某一步突然没了方向没了感觉.碰到这 种情况,我一般都是从头理一理思路
23、,或者看一下自己事先写的策划,自从养成写策划的习惯后, 我基本没再碰到过这种情况.设计师的坏脾气.关于这一点.未来就没有什么好的解决方法了.推荐的方法是心平气和,放心,不会有那么多人恶意攻击你的.对于他们提出的建议,你要学会从不同的角度去思 考.一定要他们说的有条理,不然别让他们说.对于同等层次的就不用这样限制了,因为差不多水平的情况下,往往交流的时候只需要几句话甚至是几个字,双方都 能心领神会.设计师不能怕别人的批评.同样,给别人的建议的时候也要注意两点,一是有条有理, 清清楚楚,二是不能带有太重的个人感情色彩.网页设计进阶教程目录网页设计进阶之一 (步骤和大局观 )1 网页设计进阶之二 论
24、摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之二 论摹仿和抄袭.文/weilaixu 转发请注名出处.在 05 年入行数月之后, 逢劳动节放假, 经历了连续一个多月每天到 12 点的加班之后.我在自己的日记本写了一篇关于摹仿和抄袭的文章.写了足足 5 大张.现在看起来,道理是讲的很明白了,不过是太偏激
25、了一点, 现在从新写一下.新手看看下边一段就可以了.摹仿的要素:我说的是“ 摹仿“,而不是“,模仿“. 如果你一直是“模仿“,那么你还是别看了要素无非是 :分析, 比较,和侧重点的划分 ,可修改和不可修改的判断.1:先分析你要做的东西. 在纸上写下你的各个页面要放哪些内容.这些内容的重要性按照用户体验的顺序来安排一下.每个部位大概占多大面积,心里要有个数,版面不够的情况下可以去除哪些东西,版面太大的话我可以增加一些什么内容.2:根据分析的结果,意想的风格来挑选摹仿的网站.3:通过比较,比较所挑选的网页哪块适用,哪块不适用.多个可用的再进一步对比,按照分析的轻重来进行对比,按照自己可以突显的效果
26、来区分.4:挑选出最适合或适合度最高的站点.5: 抓住你要摹仿的这个站的 “精气神“.找到那种感觉. 分析它的结构,为什么它这样做或这样处理效果很好.我是否可以将我的内容 100%更换它的内容?我是否 能够更改它的版式但仍旧有这样的效果,我是否可以更改它的风格而版式仍旧合理.我是否可以打乱它的布局仍旧让人感觉舒服6:细节修改如果你没有进行第五步,那么请你离开, 因为没有第五步的情况就是模仿,等于抄袭, 这样下边的话可能让你感觉到不适.NewWebPick第 12 期有这样一篇文章 : , 其中第十条这样说:Never, ever, attempt to copy others designs
27、for any reason at all. It is a death sentence to any designer,意思是 “无论任何理由，永不要企图抄袭别人的设计。这会是任何设计师死亡之路。“如果你觉得他们说的太重了.那么,我告诉你 ,你要么是 没有上进心,要么就根本不可能有太高的成就.抄袭是可耻的 ,同样,转帖不注明出处也是可耻的.抄袭来的用在自己的东西 上,勉强还是能算是学习,但是如果用在商业设计上, 那就是可耻的了.当然,你并不需要太在意, 因为在中国,抄袭是正常现象.我曾经看过一个同行的站,他的 主页上,包括标题,是“ 中国何时才能天下无贼“其实抄袭和摹仿仅仅是一步只差.我敢
28、说很多优秀设计师也都是 从抄袭到摹仿,然后才晋升为优秀设计师.这里对优秀二字不做定义.不管是抄袭还是摹仿,如果你一直在分析,一直在学习,一直是在努力的把别人的东西变成自 己的,这样是很好的 .Very good.但是如果你仅仅是为了图省事,图赚钱.那么, 你就是彻底的可耻的.我不是教你抄袭 哪个没抄过别人的东西 ?抄袭的高级模式是摹仿, 抄袭的最高境界是借鉴汗一个 网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线 /弧/ 光和影的运
29、用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之三 设计步骤及思考文/weilaixu 转载请注名出处与之前的步骤不同, 这是实际操作的步骤.本文包括了大局的步骤和栏目,图片,小到一个图标的选取等等等等,可能会漏掉很多的东西.欢迎补充.我只是引导你去思考,本章绝对不是网页的标准制作步骤,我相信也没有什么标准的制作步骤.本章的设计步骤是建立在 网页设计进阶之一 (步骤和大局观)之上的.可能会涉及一些平面相关的知识.和网页与平面的比较.网页与平面的区别我会在
30、以后在写.本章所讲的基于 PHOTOSHOP 软件制作.本章印证了网页 90%是排版这句话.遵循从整体到局部的顺序.1:在定位的基础上,搞明白自己要做什么.这句其实不用解释了. 你要明白的是我要做的站大概有什么样的效果, 并有例子在脑海里浮现. 要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.2:你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别.3:你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果.4:你的布局,应该怎样和你的设计搭配,怎样来突出你的思路.5:是否有
31、不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留 )这几步,是在动手之前要写下来的.甚至有更详细的功能和版面的东西,自己搞定吧.下面才是真正的动手设计的步骤.1:确定分辨率. 和不同分辨下对应的效果.与平面的载体的不同, 决定了网页具有比平面更灵活的表达方式.站 点的满屏概念其实是分相对和绝对两种, 相对的,是针对当前分辨率的满屏.而绝对满屏幕, 则是不同的显示器不同的分辨率下都是满屏, 一般我会给出一个最小分 辨率,最大到无限.相对满屏,比如 1024768,800600 等.最好是用绝对宽度来定义 ,就是像素为单位.而绝对满屏, 则用百分比.在确定分辨率之后, 你的 PS 图
32、要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下, 网页以怎样的形式表达, 是居左,还是居中,还是靠在右边 .2:大背景,3 条辅助线及边界处理.结构(头部,中间,底部的大概位置.)整体是否有背景.左边界线,右边界线,和中间线 .如果是绝对宽度的设计, 那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.结构,究竟是上中下结构,还是左中右结构 ,还是其他的.每一块,大概放什么内容.3:导航和标志.网站的 100-1%是导航.这是一句被传烂了的话.你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆( 后台
33、管理/用户/MAIL) 在什么位置,标志附近是否有点睛一般的广告词.好了,我们进行下一步.4:banner 同导航 ,和过度.导 航跟 banner 是分开的还是在一起的.在一起的话你是否采用 flash 制作,如不用 flash制作, 你设计的背景是否适合切割成平铺的背景, 怎样让背景 图片体积最小.记住不要用 22的背景做平铺.banner 是占据了整个宽度 ,还是只是一部分.如果是一部分, 那么空出的地方你准备放什么东西.5:主体内容部分.我的中间是左右机构 ,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.6:底部版权信息及其他.7:
34、不同的风格的调整.基本是这些.我理不清头绪,写出来的这些自己基本都不满意,但总可以让自己规避很多的问题吧.关于图片和小图标的选择:图片选择遵循以下几点要素:1:必须有一个鲜明的主题.2:图片尽量有悬念.3:突出的内容只有一个( 图片突出的内容只有一个,版面也一样)4:从目标对象或目标服务对象来考虑图片的选择.5:要善于从做背景.6:新手尽量大面积留白.7:新手慎用弧.图标选择注意要素:1:图标表达意思与 title 相适应2:同色系或统一风格.3:学会突破( 图标不受 title 的背景限制)4:图标大小要特别注意.5:善用圆角.(与弧不同)6:要便于记忆.7:尽量避免重复( 纯装饰除外,重复
35、刺激效果的除外)网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之四 关于素材和言志文/weilaixu 转载请注名出处 原文地址:http:/ 年 11 月至 2008 年 3 月的数据全部丢失,部分页面地址变更!关于收集素材
36、:三遍记忆,让你记住海量素材的准确位置和用途, 提高其可用性.这仅仅是一个示意图. 在以往的日子里 ,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置.那时候我很穷, 穷到连买书的钱都没有 ,更别说是买动辄几百快的设计资源光盘了.设计师最大的特色 ,我认为是他特有的那个文件夹,或叫“杂七杂八“, 或叫“乱七八糟“,或叫“什么都有“或叫“大杂烩“,这里的东西, 没有人会太在 意,但是往往很多优秀的 idea 或很眩的效果都是从这里得到的灵感.可以说是精华集中的地方,也可以说是垃圾的集散地.我甚至以这个文件夹是否存在来判断 一个设计师的水平高低在指导同事的这段日子里,我发现了一
37、个很重大的问题.他们知道收集素材的重要性.他们也知道这个动作将会大大缩短他们设计的时间.但是他们对素材的 分类做的不够仔细.很混乱. 不利于自己快速找到适合的东西,而且他们对素材的记忆很差.基本上属于看着不错保存下来,仅此而已 .而我在收集的过程中 ,每一个被我保存下来的东西都有它被我保存的原因.是结构新颖还是颜色搭配很好还是动作优雅高贵,这仅仅是第一遍的记忆.在我把 这个东西保存到自己的计算机里的相应的分类里时,这是第二遍记忆.每隔一段时间,我会再去浏览一遍这些素材.这是第三遍记忆.我的分类很详细 .我的素材很多很多.每过一段时间我会删除一些我非常喜欢的东西.因为我已经有能力做出这样的东西.
38、甚至是举一反三以及更多的变通. 我清楚的记得我在什么地方可以找到什么样的东西.那些很不起眼的 txt 文档可以让我在短短十数秒之内找到当前文件夹最具特色的几个文件.我很擅长用 ACDSEE 去重新命名这些文件.我的图片全部是一套接一套.全部都是,绝对没有哪张图片是孤零零的一张.因为我会抽时间去仿照那些效果去做东西. 所以, 在每个目录下几乎都增加了一个 psd 或 ai 或 fla 文件夹.慢慢的,我开始不看那些素材.偶尔只是到里边挑几个楼或几个风景间隔的时间越来越长.我开始逐渐抛弃这些素材.抛弃你收集的素材!经过一遍遍的分析和对比.我脑袋中对这些素材的了解越来越深.我甚至可以分辨出哪个网站是
39、哪个公司做的.我甚至可以告诉你哪个站哪个地方哪张图片可 以直接用在我的东西的哪个位置.而每有一个想法我都会迅速的想到他的处理技法.这一切都归功于我对素材的理解和分析.到了这一步.你认为你还需要素材么?在不得不把自己的硬盘清理了之后再 COPY 那些素材 ,在不得不从 40G 移动硬盘升级到80G 之后 ,我离开了收集了那么久的素材的那个公司.我自己的 机器里只有可怜的一部分,而公司的却是满了一台机器之后又换了一台.这些都是我的心血.但我不会回去 copy.包括我之前作品的源文件,因为我相信, 我绝 对可以超越以前的一切对比和分析,以及尝试性的摹仿, 会让你的水平一天天的增长.我每天都有固定的时
40、间徘徊在那些酷站列表之上.每一个我有兴趣的酷站我都会去认真的分析它.直到我弄明白这个站点的设计思路.直到我明白它为什么要 这样做,和这样做的好处.这让我对地域文化有了更深了了解,让我对各个国家的风格有了进一步的把握.我会拿两个非常相似的酷站在一起对比.去研究他们的亮 点, 然后想着这个亮点用什么样的手法才能处理出来.如果是我,我会怎么样去突出这个亮点.所以我的同事经常会看到我看一个站超过半天. 我的垃圾桶里有很多 纸 ,都是被画了一遍又一遍的.我能够把一个站的某一个特色演化成另外一个完整的站点.没事的时候我会在脑海里去演变那些让我很感兴趣的效果.在学习css 的时候, 我经常去 down 那些
41、酷站的 style 下来分析.把位置调换一下,如果是我,我是否能想到跟它一样的甚至是更好的方法,我每天都在不停的思考.学 习.直到我发现我一个人孤零零的在学习.刚开始做网站的时候 ,直接去搜那些好的站,然后找到一个合适的,页面另存为.然后去修改.后来随着素材的累计,我对自己的做法深感厌恶.我开始用 ps 做整图,虽然上头不允许我这样做,说浪费时间 ,但我还坚持 ,最后我做到了速度跟改另存的网页一样, 做图的时候我时刻在想着怎么样处理能让我的布局更简 单而效果不变.怎么样才能让这张图的重复利用率增加.在同一个背景不同颜色的时候我怎么样让制作的时间缩到更短.那时候,仅仅是在追求利益.但我在追 求利
42、益的同时把握到了最好最快的学习手段,至少,我是这样认为的.我还是在设计的底层打拼.我的文章被人转载的时候从来不会署我的名.也没有人加上原文地址.我努力让 weilaixu 这个词组哪怕是不出现,也 不要让别人看扁 以前我甚至在每一个站完成后,在最不显眼的地方加上感谢的字样, 感谢我抄袭的那个站.这是不被公司允许的,所以我加在他们看不到的 地方 .但是当我看到我改的东西被人家抄袭后,我里边的感谢字样竟然还在.我究竟是很无耻呢 ?还是一般无耻?我写文章写的很痛苦 .经常想吐血.明明是自己理解的东西.偏偏在文字上就是写不出来.我很难过.但我不会放弃.我把我的中文 ID 改为“有粪量的人“,总有一天,
43、 我会让那些粪量,全部变成黄金!网页设计进阶教程目录网页设计进阶之一 (步骤和大局观)1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧 /光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/光和影的运用文/weilaixu 构图的均衡 1、在非等形等量的情况下的构图以 “均衡”来概括和衡量。与等形等
44、量的平衡各站构图的 50%。2、均衡的要素：平衡、变化和统一、明暗、色彩、空间层次等等等等。构图的关系形状、位置、面积、方向、层次构图的规律平衡/规律视觉引导的基本特征：（遵循正常的阅读顺序）一、色彩引导二、形状引导三、姿势引导四、明暗引导五、瞬间捕捉六、比例-可爱的分割线-可能你会觉得有很多重复的地方。但如果不将它们独立出来。无法更细致的让读者理解。可能还有不是很准确或我未分析出的东西。希望大家能够帮忙给补齐咯。画面/ 视觉引导的作用：1、引导阅读顺序。虽然是正常的阅读顺序，但还是有所变化的。2、引导至重点3、引导区分页面的轻重关系及内容与功能块的区分4、引导对设计思路的理解5、引导区域文化
45、（比如中文/ENGLISH）6、引导，具体内容集中体现在导航。曲线、弧、光和影新手对姿势引导、形状引导理解不够深的时候，慎用弧-谨慎的分割线-曲线和弧,可以很柔和的当作分割页面来应用.效果大家都知道,很好.但是如何运用得当呢?遵循以上的所有要点.明确的知道你的弧起到什么作用.稍微去思考思考颜色和透明值的设置,我想,这不是很难的吧.一个起始点和一个结束点.要考虑到画面的大小,考虑到不同分辨率下各看到多少内容.如果没有结束点,那么视觉延伸和引导的联想应该怎样去表达.想一想荷花荷叶的形状,想一想芭蕉页的形状, 想一想飞机在天上打弯的尾气.其实弧就在你的身边. .什么样的弧,才让人感觉自然呢?目前这一
46、点还没研究出来.估计我也没那个能力去研究.帖一篇物理方面的吧:http:/ GOOD.我很喜欢.它还是遵循以上所说的视觉引导和弧的理论.在我的收藏夹里,这个网站的注释为:”光与影的颠峰应用”,地址:http:/ 2 个小时的时间将均衡这一名词做了解释，目的是为了提高同事的能力。之前将的一些东西他们掌握的很好。在均衡的手写教程和口头讲解结束后。我想到的画面的视觉引导这一主题。随后做出了概述。与均衡的原理想结合，让我产生了阐述一下弧的想法，随后深入到光和影的处理。刚好手上有这方面的优秀作品。在这些东西或深或浅或残缺的阐述之后，我的脑袋里不由得冒出一个词“视觉重量” 。目前还未能对这个词做出准确的定
47、义或论述。但是我想我能够把它给形容出来。1：规律与秩序决定视觉重量的层次、轻重2：对比与统一产生的和谐，才能衬托出视觉重量的均衡3：一斤棉花和一斤铁（直觉告诉我和这个有关）4：阅读习惯，首尾要比中间要重一些。 （在等形等量的基础上。比如一行字）5：质感与联想。这一点解释起来就比较容易的多。白云和棉花的感觉是压不死人的，虽然可以通过色调给人一种窒息、压抑的感觉。但是比起大理石或钢铁之类的质感还是要轻很多。调动了读者的联想思维。那么视觉重量的概念会更清晰一些。6：二维和三维在同等表现下，三维的视觉重量要比二维重。我试图找出一些物理上的依据，但是通过搜索引擎只找到 H.K.哈特兰,G.沃尔德的 的这
48、个条目, 说的是这俩人获得过诺贝尔奖.但是没有相关的阐述.而且我英文很差.-下边是我的手稿,手机拍的:网页设计进阶教程目录网页设计进阶之一 (步骤和大局观 )1 网页设计进阶之二 论摹仿和抄袭.4 网页设计进阶之三 设计步骤及思考 5 网页设计进阶之四 关于素材和言志 8 网页设计进阶之五-构图的均衡与视觉引导、曲线/弧/ 光和影的运用 10 网页设计进阶之六- 守住那些不能丢的东由泞钳浇裁肥踪么帜壤剔反确掌盅枢蚊肇蛰刷咕朔蠢备芬用则级估缆郭皆搜僳琐痪速撑助澈膏甘山熙蹭举箍辖篆刨势苹褐示削汉弓嫡汪耘侮讫培趁网页设计进阶之六- 守住那些不能丢的东西！文/weilaixu 原文地址：http:/ idea。也包含了对行业的热情。做网站不丢脸，做网站不低端！360 行，每一行都是要有“人” 去做
