网页设计总结
1网页设计总结
从98年某月某日我的第一个个人猪页诞生。到20XX年的今天。宣告了我从事设计行业整整十年。
十年,很多变化,从摆弄个人猪页到现在以做设计为生,从一个毛头小子成功升级到奶爸级别。从身边一个个朋友的转行,到十年后我还泡在这个行业内艰难翻腾。我也不得不感叹一下人世沧桑了。
10年应该为自己做一个总结,记录一下从前的经历,以便于下一个十年能走得更远。走的更好。
第一次上网,是在湖大和师大北院之间的佳讯网吧,之后才转移到著名的堕落街的国讯,国讯当时清一色的康柏品牌机。网吧是一条128K的169专线,周边的人大多在玩泥巴,上聊天室,当时没有QQ没有论坛。老板亮哥带个圆眼镜,在网吧那台linux代理服务器上敲命令。上网之初就听到linux这个东东,功能很好很强大,界面很黑很神秘。
那会儿已经有不少不错的个人网站了,因为上网费太贵,钱包又不怎么结实,我通常都是在宿舍做好,用3。5寸盘拷贝拿到网吧来上传。最开始是热狗,之后又发现了Frontpage,顿时觉得热狗很烂很业余。
20XX年,自己还没电脑,凭着超强的记忆和三寸不烂之舌,居然敢在电脑培训学校教授photoshop/coreldraw的课程,胆子真是大得有点。。。反正我现在是不敢这样了。误人子弟,罪过罪过……
因为是美术科班,加上从dos6走过来的一点计算机基础,还有微软提供的这么好的Frontpage,我很快就上道了。其实根本就没明白作网页设计是怎么回事。
一直到20XX年湖南的天辰公司招网页设计师。我才从江湖游影变成了半吊子的正规军。感谢郑总(现5460总监)。为我提供了兼职的机会。在天辰,凭借良好的网络环境,我创建了七色鸟。同年,参加163。net吉祥物设计,拿了一个32MB的MP3。体积有点大。和白沙烟盒差不多。有点夸张。
20XX年,我买了自己第一台电脑。结束了蹭同学电脑的历史。办了169包月。开始了更为疯狂的上网行动。当然,在外面公司兼职也已经是生活的一部分了。同年,参与某公司标志设计,该公司奖励一台25寸电视机。我和同学费了半天力气,才搬回宿舍。一直用到现在。BTW:此台电视机让我同室的同学成为了卫星电视领域小有名气的个人站长:)钱可以买来一些东西,但是可能买不到意义。我觉得这个电视机就很有意义。
此后便以网页设计师的身份到处游荡,北京、上海、长沙,去过不少公司。也做了一些当时颇为得意的作品。不多大多数连残渣都没留下。互联网就是这样,对设计师来说,很残酷。也很无奈。
此后,留校当了两年专业教师,在摄影公司呆过一段时间,广告公司也呆过一段时间,身份已经由设计师变成了总监了。于是开始感觉没啥意思了,20XX年五一之后,准备自己折腾。美其名曰SOHO。认为自己开工作室是一件很爽很惬意的事情,想睡就睡,干活可以通宵达旦,不必担心第二天上班打卡。事实证明,简直是错得没边。当老师、当员工其实都挺好,冲动是魔鬼,千万不要突发奇想自己创业。
20XX年,女儿出生,我也光荣的升级了。密集型的设计工作正是从20XX年开始。因为专业实力和朋友介绍,工作室也积累了一些客户,大多是本地行业内的龙头企业。好的作品也做过一些,抄也抄过,没脸见人的作品也经常有。这都是很正常的事情。毕竟大多数人都只了解你的光鲜亮丽。并不会知道这后面有多少辛苦和汗水以及被客户强奸的痛苦过程。
此刻我的队伍已经发展到6个人了,公司也注册了,不过主要用来处理商业上的关系。很幸运的是,我们一些专业上的意见已经可以开始影响客户了。这是一个巨大的进步。
20XX年,我们全程参与了湖南广电旗下金鹰网的全新改版,对我们来说,网页设计意义已经不仅仅存在于视觉上的表现了。
很遗憾的是,到08年年初,工作室只剩下我一个人了。再次证明一个人不能拯救全世界。难过归难过,工作室还要继续坚持下去。
20XX年还有一件值得说的事情就是钱宝宝网站的创建,她是我的第一个完整的php项目。得到一些朋友的好评,当然Bug也是少不了的了。bbcash是一个从产品创意、业务流程、前端设计、编码实现、服务器部署全过程的一个项目,得到的锻炼和启发非常之多。在此之前,从来都没有机会能够这样深入的为一个产品做设计,觉得真是对我帮助很大,我认为,一个好的设计师应该掌握相当的WEB前端技术,我所理解的前端技术包含(XHTML/CSS/ja
做为一个设计师,能真正意义上的掌控网页源代码层,能把想得到的用户交互亲手做出来,用户体验自然流程就更为流畅。网页设计早已经不局限于Photoshop做出来的设计稿和切图了,脑子里面构思的页面,以何种方式诞生、以何种面貌呈现在浏览者面前,是设计师最应该关心的事情。
在分工不细的公司,一个设计师能掌握整个流程的技术,对网站的整体构造、流程设计、用户感知是非常有意义的。当然也可能存在万金油的嫌疑。不过在非发达地区,这是很有必要的。
10年来,学到了很多,也放弃了很多,七色鸟在发展到10万会员的时候,已经停滞不前了,精力和生活的压力也不允许我去做更多的事情。十年来专注于设计领域让我也有了很好的积淀,钻研UNIX技术、脚本编程等虽然让我分散了不少精力,但也给了我很多。选择是一件挺难的事情,糟糕的是,你不选还不行。
下一个十年,我想我更多的是需要专业之外的历练和尝试,再过十年以后,是什么样子,谁知道呢:)
机会、冒险一直存在于身边。以健康的心态过好每一天,做好每一个选择可能是永恒不变的主题。用许三多的话来说就是:好好活就是做有意义的事情,做有意义的事情就是好好活。
2网页设计总结
有一句话说的真的很对“纸上得来终觉浅,绝知此事要躬行”,大学生活我想人人都向往,为什么呢?因为玩得很好。高中时老师们就经常把大学如何如何挂在嘴边。是呀大学生大部分就是不上课就玩,缺乏实践和动手能力,思维有时也变得越来越不活跃。这次的实训就是很好的列子。
实训第一天,因为是设计动态网页要在ASP的平台上才能显示,老师就教我们安装,文件不要乱放等,就这一个安装我就试了好几次才成功,心情很不好,总是感觉计算机在跟我作对,很奇怪吧,有时候就是不想承认别人都做出来了,自己却没有。现在想想都觉得自己那时好幼稚,好可笑,好无知。随着做网页的时间增多,有的事就越做越熟练,就不会像第一天安装那个平台要试几次,现在一次就行而且是百分之百的成功。整个实训的过程可以说是所学知识的一个整理,一个综合,一个灵活运用。
之前我们课堂上学的东西是一个个知识点,比较零散。虽然在实训之前我们也做过两个网站,但那是我们小组合作的,所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站,做网站的各个环节都要自己亲力亲为,可以说是一个挑战,同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作,也是potoshop、flash软件的熟练运用。我们需要自己设计网站的LOGO这就需要运用到potoshop软件强大的图形图像处理功能,需要做出生动的网页效果,就需要flash做出动态的文字效果和图片切换效果。免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固,在CSS的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果R22;R22;通过这次网页设计与制作实训,一定把以前所学过的知识重新温故。
在这次实训中,也有许多的困难的和问题,以前我还以为制作网页很简单,只需要在网页制作工具中动动鼠标,找点资料就可以完成,原来是我把网页制作看得太简单了,在这次实训中我知道我错了。制作网页不是简单的,需要分步骤,而且还要会为网页取名,取名真的很重要,而且要记着保存,有的时候吧,我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西,一定要记住保存,还有名字不能取中文。再取名字中也遇到了点问题,因为网页太多了,有时候自己取的什么名字都忘了,找一个后台就会找很久,然后慢慢学乖了,这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题,最困难的问题的是什么呢,当然是打不开网页了。
我相信很多人都会遇到,我遇到的时候当然也是去看源码又没错,有时候是单词写错了,可有的时候我就是不知道哪里有错,找了很久也找不到,总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了,我问好朋友为什么,也问同学,请他们帮我找错,他们也是很有耐心的帮我解决我所遇到的问题,有时候三四个人还一起讨论,感觉很棒。数据库的连接说容易也不容易,一不小心把文件的路径给改了或放错了位置也是不行,网页就会显示没找到所说的文件或对象,也可能无法显示。而且在制作过程中感觉很有趣,因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台,我就在上面遇到了一个问题找不到对象,我明明有链接呀,也有内容呀,后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦,而且也找不到。
在两周的实训日子里,虽然有时很心烦,无奈,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。
3网站设计心得总结
经过一段时间的努力,终于将公司的网站(www.cacedu.cn)基本做完并上线。
作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员,在没有人指导,只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来,其中的艰辛只能自己体会。不过,虽然过程艰辛,但自己的收获颇大。一直以来希望能够转型做互联网的产品,但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中,自己对于网站的策划和设计有了一定的认识,也通过实践的对照,对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。
在此,将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但,我想,可能对于那些想要入行,或者希望在自己的公司内部转入产品行业的人来说,可能多少有一点点用。
*要注意网站的定位
任何一个公司或单位,要设计一个网站,都必然有其核心定位,即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好,作为一个设计人员,其工作往往会是无功而返。因此,在网站策划阶段,产品设计人员必须多和上层沟通,甚至多和领导争辩,通过沟通和争辩来明晰公司对网站的定位。同时,也可以让领导对网站的定位更加明晰。只有完成了这一项,其余的策划和设计工作才应该继续进行。
*要了解用户
产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用,但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如,在网站设计过程中,发现本网站的使用人群中竟然有不知道如何注册网站的人,这这真是出乎意料。但这就是现实。所以,在产品设计的过程中,不能以自己为中心,把自己当做用户。事实上,很多用户的互联网水平真得没有达到我们的水平。
*明确、牢记目的和需求
网站的定位明确后,接下来要明确的是网站设计的目的和要满足的需求。即:网站整体设计完成要达成什么目的,每个模块设计完成要达成什么目的。从另一个层面来讲,也就是,网站整体要满足用户什么需求,每个模块又要满足用户什么需求。同时,在网站的设计过程中,要一直将目的和需求牢记心中,不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。
*保持简洁
为什么要简洁?因为,无论是设计一个网站,还是设计一个其他的产品,都不可能一步到位。尤其在人力物力时间等资源有限的情况下,更是不可能一次性满足所需求,达成所有目的。因此,在这种情况下,为了确保核心目标和需求的达成,只能也必须优先保证核心功能的完成,只上核心模块或功能。同时,在产品设计的过程中,也要不断地向同事和领导灌输这种意识。否则,需求无止境,网站永远难以完成上线。
*注意细节
这次的网站设计师自己第一次设计网站。因此,在设计网站的过程中自然而然地非常关注网站的整个架构,什么模块放什么地方,模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够,网站的设计和实现结果和想象中出入很大,甚至一些格式、排版上的问题都出现在了网站的各个地方。自然,最终的结果就是网站成品与原始设计相差甚远。因此,在产品设计的过程中,作为设计人员,一定不能小看细节。一定要将细节想细致,没有细节饿网站很容易出问题。
*注重逻辑性
网站的设计过程中,必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子,一个输入框输入数据,有正确的输入、必然有错误的输入,也必然有空输入。那么,每种状态下系统都要考虑到,也都要有相应的反应。
*流程图很重要。
说到逻辑性,就不能不谈流程图。作为梳理逻辑的工具,流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态,更可以帮助我们和技术进行沟通,确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错,但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此,一个合格的流程图就非常重要了。
*没想清楚的事情不错
即使是一个非常小的网站,也是一个系统,如果需要添加功能或模块,就需要考虑到方方面面的变动,是一个比较复杂的过程。而若是一个较大的网站,那需要考虑的方面就更多了。因此,在设计过程中要本着一个原则:如果一个功能或模块没有想清楚为什么添加,有什么用处,那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外,基本没有啥好处。
*一定要评审
评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省略呢?不可以。一方面,我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可,那么在真正执行过程中便会有更多的障碍。另一方面,我们需要通过评审收集意见,查漏补缺,找到我们没有注意到的地方。不过,在评审过程中,我们也一定要做好心理准备,毕竟,让一大堆人说你设计的这不行那也不行,心里是绝对不会好受的。唯一能够减少这种情况出现的方法,也许就是尽可能细致地想到各个方面,有充足的理由来说服对方。
*一定要写产品需求文档。
在自己设计网站之前,看过一些产品经理方面的书,每本书里都介绍到了产品需求文档的撰写,可见产品需求文档的重要性。但说来奇怪,在自己真正做网站时,由于团队里人很少,所以自己竟然认为不需要写产品需求文档,认为只要当面沟通就可以了。但事实是,没有需求文档,很多细节的东西,自己设计的时候哦想得很好,但过段时间却模糊了,结果技术人员询问时只能凭感觉给出解决方案。当然,结果可想而知,出现了很多不应该出现的问题和BUG。这些问题和BUG让我真正体会到了产品需求文档的重要性。
*要懂得妥协和听取意见。
在产品设计过程中,经常会出现一种情况:产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式,可以上级领导或公司管理层不认可。这种情况下,我们常常会因为“自家孩子就是好”的心理而忽略他人的意见,或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此,在这种时候,产品人员一要沉下心来,耐心听取别人的意见,看看是否有可取之处。而是要懂得妥协,不在非常细节的地方和领导层较劲,阻碍工作的推进。
*要坚定,更要执行。
当然,在产品设计过程中,也会出现这种情况:我们认为某个功能非常重要,可上级认为不需要,要砍掉;或者,我们认为一个功能或模块完全没必要展现,可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是:要坚定,更要执行。首先,我们要坚定我们的想法和做法,尽量通过种种方法去说服上级。只要我们的说法和做法有道理,上级应该会同意我们的做法。其次,如果无法说服上级,那么,一旦上级决定如何做,我们则坚决执行。虽然我们常说产品是为客户设计的,但很多时候,产品也是为老板设计的。
*要抱着做完美产品的心态去设计产品。
看过很多产品类的书籍,都说完美主义要不得。在这点上,我也同意。但是,从另一个层面来讲,在产品设计或构思的过程中,一定要保证做完美产品的心态去设计。因为,很多时候,即使完美的设计,在通过执行的种种换届后,也可能变得惨不忍睹,或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品,那做出来的东西可能真的就没办法用了。
*要相信自己的直觉
在产品设计或制作的过程中,可能常常会有这种感觉:“好像哪儿不对呀。”以我的经验来说,这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误,潜意识在提醒我们。所以,在这种情况下,一定要相信自己的直觉,来对相应的模块或功能进行审查,找出不合理的地方进行修改或弥补。
*要看锅下菜
现实里,每个公司的资源都是有限的。而做一个网站也好,做一个产品也好,公司能够提供的资源也是有限的。因此,作为产品经理或设计人员,一定要有现实感。要知道在现有资源情况下,能够做到什么程度。比如:不要指望一个拿3000块工资的美工设计出一流的页面,也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态,更不要指望刚毕业的程序员能够迅速地解决你所提出的BUG。一句话,不要指望同事做出超过其能力以外的事情,不要指望公司提供超出其能力范围外的资源。
*永远不要偷懒。
最后一条,永远不要偷懒。我的感受是,偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术,那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审,否则,一旦领导层看到设计没有满足其要求,你可能得重头再来;不要技术改了BUG你就天真地相信一定是没问题了,一定要自己确认,否则,过两天就会有人找你问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。
4网页设计实习总结
真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上因为它们太大了但可以用图象软件进行转换,比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。
网页的调试
之前把作过的东西放到U盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
一.网站的整体规划
1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块:
1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置(横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件:
主页制作的基本条件有:网页设计实习总结
硬件:
一台电脑(64MB以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话建议:配置扫描仪这将大大方便图像和文字的输入;
软件:
HTML编辑软件:常用的有Frontpage、Hotdog等,本文重点介绍Dreamweaver;
图像处理软件:常用的有Photoshop、flash、Fireworks等;
文件上传软件:常用的有Cuteftp、WSftp等。
5网站网页设计总结
其实,在初次知道我们这学期的实践教学内容是关于网站设计时,我真的很害怕,也很担心。因为在这两年多的大学学习中,虽然我也学习了一些这方面的知识,但是对于那些我弄出来的东西,连我自己也不敢苟同,更别说是让我设计出一个界面美观的网站了。所以在听到老师让我们设计出一个网站时,我真的是脑袋都大了。由于对网站的界面美化有过一定的学习,于是,我找了关于网站界面美化方面的设计。界面设计即简单又不简单,简单的是界面设计只是在功能设计的基础上作一些美工设计;不简单的是,要设计既得好看,又与功能设计很贴切是很考究制作者的美术和平面设计功底的。我虽然学习过一些这方面的,但要真的做起来,恐怕还差很远,这就要求我在平常去学习这方面的知识了。于是在我脑海里安排了以后,我就去学校图书馆借了一些这方面的专业书籍,如平面设计,工业设计等。
另外,我还有时间就去那些设计的比较好的网站内去转一转,学习其中的优点。这样,虽然仍还有很多不了解,但是却也从中学到了很多。由于我们这个网站要求的并不是很高,所以经过我这几天的突击,也是勉强能行了。接下来就是真的实践了。而要做网站的美工,那么首先要弄的就是网站的Logo。Logo顾名思义就是站点的标志图案,logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。对于这方面,我可以说是完全没有经验。后来真的不知该怎么办,只好在网上收集了一些这方面的素材,然后找出了其中一个自己比较好的将其作为了我们学习网站的logo。Logo做好了后,我还做了文字的编排以及文字图形化。在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。而文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。这样做了好,网站整体上看起来就好看多了。
另外,我还要强调文字。因为在我看来,将个别文字作为页面的诉求重点,然后通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。最后,我还对网站进行了一些简单的配色。我先用一种色彩选定指定颜色,然后调整透明度或者饱和度,产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。总而言之,经过这件事,不禁让我学习理解了一些网站制作方面的知识,而且让我深刻的了解到网站对以后的重要性,这让我受益匪浅。S60211115陈涛