网页设计师
网页设计人员
网页设计师是指精通Photoshop,Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸)。 网页如门面,小到个人主页,大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的工作。
职业概述
网页设计师就是为网站页面进行设计并制作的工作人员,他们既是专业的设计师,又是静态网站的开发工程师;总的来说网页设计师是最辛苦的行业,不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码,必须是个全能人才,特别是在2008年之后,W3C的推进,对网页设计师的标准也是越来越高,越来越精确;网页设计师预计将有意识的可用性,如果他们的作用,需要创建标记,那么他们也有望成为最新的网页易读性指引。
网页设计作为平面设计的分支职业,有着相重叠的部分,但仍有很多不相同的地方。
平面设计更多应用于传统纸媒行业,打印公司画册,名片,X展架宣传册书籍装帧,包装等。作为传统行业,平面设计还需要了解印刷工艺,不同材质的特点等等。
网页设计作为新兴的互联网职业,并不需要了解印刷相关知识,却需要学习代码 FLASH动画之类的知识。两种行业因为应用场景不同,而所需要的知识也不尽相同。不过二者同为传达视觉与内容引导的特性也是一至的,因此平面设计所需要的色彩搭配版式设计等也同样适用于网页设计。
随着互联网的发展,传统纸媒行业逐渐落寞,互联网类的视觉设计类职业开始流行,如:电商美工,UI设计,网页设计等等。目前传统平面设计行业普遍薪资低于新型互联网视觉设计类行业。
考试级别
(全国职业教育资格认证证书CVEQC初级)、(全国职业教育资格认证证书CVEQC中级)、(全国职业教育资格认证证书CVEQC高级)是相关人员求职、任职、晋升等,证书在全国范围内有效。
工具技术
Web设计人员使用各种不同的工具的一部分。这些工具的生产过程中,他们都参与更新,随着时间的推移,新的标准和软件,但背后的原理仍然是相同的。Web图形设计人员使用向量和光栅图形包,用于创建Web格式的图像或设计原型。
网页设计师必备10个搜索引擎优化技巧
一个非常重要的步骤,就是把你网站暴光在各社会媒体,来吸引更多的读者,如Twitter,Flickr,FacebookGoogle+等,让别人了解你的产品或服务。
2.分析和跟踪
这一步非常的重要,这让你更加了解你的访问者,是通过什么关键词搜索来到你的网站,他们有什么需要,每天大概有多少人访问等等这些问题,然后您就可以根据这些来改善你的网站。
职能规划
信息架构
这个属于策划型,一般门户网站需要,对产品策划和用户体验都需要有深入的了解,这个偏重的是策划能力,要有良好的逻辑思维,主要的工作任务是:组织信息 规划栏目布局相关的工作。
视觉设计
这个理论上讲是属于艺术型,其实名曰商业艺术。FLASH全站(互动设计)这个角色的占有率是很大的。关于视觉这块先天性因素占的很多,天生的色彩感觉创意能力。还要有良好的艺术修养,入职后还要对商业有深刻理解,明白商业设计的核心原则,如何将你的个性和商业目地完 美结合是最重要的。主要的工作任务是:设计风格定位 图标UI界面设计。
前端制作
说到这个职位,市场上逐渐增多。恩,这个属于纯技术型。最初级的就是切片和制作HTML,不要小看这个,以为这个没什么技术含量,其实这个技术含量也是很高,要符合标准和各个游览器的兼容也不是件很容易的事情,一般切片和制作HTML划入网页视觉设计师的范畴。然后高级一点应用就是JS,AJAX……等,主要的工作任务是:页面实现优化。
用户交互
网页可以笼统的比喻是,“基于 Internet(互联网)”比较高级的“平台传媒”,网页是网站架构的一部分,网站架构有它独有的复杂性,和技术性,和基于 Internet(互联网)的良好的扩展性,我个人定义为有“高级”、“中级”、“低级”之分,低级相对来说只是简单的网页美工设计,动画设计,UI设计,中级相对来说是比较熟练的网页美工设计和动画设计,UI设计,和一些样式优化,和脚本扩展,高级的相对来说是精通网页美工设计,动画设计,前台UI设计,样式脚本扩展,和良好的用户交互技术
“平台传媒”既没有传媒的广泛性,又有一定的广告的特性,特别是网页上的“平台传媒”和加有 web 通信的优势。
合格的网页设计技术人员必须要考虑与用户的交互,才能设计出高质量的网页。
就业职位
网页设计师的就业职位归结有网页设计师、网站美编、企业网站策划、网站管理、多媒体界面设计。
工作内容
⒈负责对网站整体表现风格的定位,对用户视觉感受整体把握
⒉进行网页的具体设计制作;
⒊产品目录的平面设计;
⒋各类活动的广告设计;
⒌协助开发人员页面设计等工作。
网页设计
(一)垃圾还是经典  
网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常的明显!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!
(二)国内网页设计环境
不可否认,国内网页设计环境还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。
9条原则
01 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的,但是内容太贫乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。最好符合WEB标准化用css定位的网站往往比表格定位要少很多代码。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,当然用Dreamweaver,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
07 学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。HTML编写过程中可以大段大段地删减,这是一特点。
08 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。
常用软件
Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的,把渲出来的图通过PS使其更加具有真实感。
设计事项
一、注意超链接颜色与单纯叙述文字的颜色呈现
WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超链接颜色,设计成较干净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超链接文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。
二、测试所有的超链接与导览按钮的真实可行性
Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。
如果您果真有那么多的超链接必须提供给读者,不如将这些超链接以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不妨碍走文的顺畅,又呈现一目了然的导览链接。
三、让超链接的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超链接的锚点(anchor),可有效地控制住超链接的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。
四、当导览按钮链接到当前页时
各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮链接到当前页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超链接的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。
设计趋势
简介
对于追求无限创意和具实验探索精神的web设计师来讲,趋势一说可能会显得有点可笑,如果每个设计师都遵循原有的趋势,那谁还去开创新趋势?没有了新趋势,下一个轮回的时候,设计师们又去遵循什么趋势?
但不管你是否属于哪一类网页设计师,你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站,否则如果你给客户的项目完全背离了主流的趋势,那要么就是黑马,要么就是客户觉得你无能,跟不上趋势的节奏。
所以,随时关注着web网页设计趋势是每个设计师都应该做的事儿。
巨大的 标头
飞出页面(splash pages)已经非常过时了。为了给访问者造成难以忘怀的印象,流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整 个屏幕,但是只有一个重要的短信息在上面。访问者不需要点击任何东西,只要把鼠标向下滑动。访问的人普遍患有点击恐惧(由于缺乏指导)。所以 大幅的标头就像飞出页面一样,但是它不会强迫你的用户点击任何东西。
中心思想:巨大的标头将会使你的访问者记住你的网站
素描 手绘设计
手绘设计并不是真正全新的一种潮流,但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格,但又怯于创作此类作品仅仅由于“我不会真正地手 绘”的态度。如果你去看那些最流行的手绘风格网站(相对于其他趋势风格的网站,手绘设计的网站不多),你会注意到大多数同行不会绘画。这些设计不是要送往 艺术博物馆的,它们只是传递一种异想天开的想法,并模糊冷冰冰的网络和人与人的互动——因特网的终极目标,之间的界限。如果你会涂鸦,你就可以创作素描/ 手绘风格的网页设计。
素描会变得更加强大,尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案(web copy)。
中心思想:素描在合作设计中会变成一个基本的组成部分。
肥厚的字体
尽管在传统媒体中出现已经超过200年了,肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义,就想想古老的狂野西部的海报 “渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母,醒目并令人印象深刻。许多设计师以前避开肥厚字体不用,是因为以前标志和标头都比较小 和比较简朴的缘故。和巨大的标头一起组合之后,肥厚的字体将会吸引浏览者的注意。
中心思想:肥厚字体来大胆的表现自己。
活版印刷
活版印刷是最难掌握的的潮流趋势之一,这就是它依然保持新鲜的原因。出于大家对可用性的呼吁,网页设计师不敢使用新起的和各式各样的字 体。把不同大小尺寸的字体混合在一起这个想法是完全不可想象的。可以探索,扭曲,模压字体来达到你的目的。如果位置得当,一个利用了活版印刷作为它主要涉 及元素的网页会比一个超载了大量图片的相同网站有趣的多。
中心思想:活版印刷是新发展的,但是它会将继续成为网页设计的一部分。
单页布局
单页布局将会驱使你去把不必要的信息删除前这个潮流将会抛弃那些古怪的导航,并使之影响国变得更加小(this trend will move away from the quirky navigation and become more minimal in its approach.)。可以这类风格的网页想成商业名片。这些网站将会更像一站式商店,在那里有你和你在各式各样网站上的作品(比如你的博客和你在各种社 会化媒体上巢穴)。
中心思想:单页布局将会有较多个人文件和较少的团体合作。
巨幅图片
与巨大logo/标头header很接近,所以大幅画面也做着同样的事。它创造了难忘的视觉冲击。不像上文巨大logo所示的那样,巨幅图片不是网 站品牌的一部分。相反,访问者不是因为内容而是因为奇大无比的图片尺寸吸引进入你的网站的。网页设计师们会发现,在他们的设计中使用起这些 巨大的表现方式来表达网站的风格,将会更加的舒适惬意。
中心思想:巨幅图片会被用作吸引游客进入你的网站。
改变视角
就像我们以前讨论过的一样,桌面视角已经重复到令人发腻了,2010年将会看到一个更加贴切实际的视角,可能会有一个移动的侧视的天线(there may also be a move toward side-shot aerial.)
中心思想:2010年网页设计会出现不同的视角
交互式设计
flash动画会有更好的发展。以前,你访问网站,你一定会点进一些令人厌烦的动画界面。动画会轻松、专业的多。尽管一些设计师更愿意选择jquery制作表格和弹出式窗口,但动画在设计界仍然占有一席之地,特别是在表现细节方面。动画在互动上仍然有所欠缺。网页设计师将会在动 画的补救元素方面改进。普遍的浏览者对互联网了解得更多更深了,设计师会也将会也会创造出比以前更直观性一点的网站。
中心思想:交互式设计会重新流行
弹出对话框
弹出对话框这个趋势正如火如荼地被使用,事实上到处可见。弹出对话框就像弹出式窗口的一个更加老练的长兄,——流畅、美观、潮流。弹出对话框更容易设计和使用使它成为那些为可用性担心的设计师的完 美解决方法
中心思想:设计中弹出对话框将会继续流行
简约主义
请忽视学校极少网页的网站。网页会继续以大片空白和醒目的排版、出人意料的颜色方案为特点。不是所有的简约网站都同意黑和白的简单性概念。尽管简约主义本质上是温和的,但是它也展示鲜艳的颜色。简约主义不是冷酷的,它是温暖的,开门见山的。
中心思想:简约主义将会大胆的用于排版。
大尺寸的底部
也许大尺寸的底部已经到处都是了,但是你会发现它们甚至会更夸张。未来的底部会减少事先考虑的因素,成为设计的主要部分。底部将会寻求詹这些特征:包含随机的信息的脚本,比如不同的社会媒体的更新、每日调查、和flickr等。
中心思想:大尺寸的底部将会以较少重要的信息,较多个人信息为特点。
复古
中心思想:复古是一种新潮。
职业规划
一.职能规划
恩,第一节,我们先讲职能规划。首先自己要有明确的目标和定位,这样后面的路才好走。光网页设计其实分的非常细致。因为各个企业的需求和情况不同,所以对这个职位的要求也不同。好的公司只要你精一样,一般的公司则要你会几样。
大致分这几块:
1.信息架构(这个属于策划型,主要的工作任务是:组织信息规划栏目布局相关的工作)
2.视觉设计(这个理论上讲是属于艺术型),其实名曰商业艺术。2者还是不同的,对于网页设计来讲这块需求量是非常大的,人们越来越重视美观,而且要求越来越高。不管是门户网站,还是企业网站,FLASH全站(互动设计)这个角色的占有率是很大的。
3.前端制作(应该属于附属职能,视觉设计做到一定的级别,这个无需理会。具体根据公司的要求决定。)
4.其它职能(比如UI设计。用户体验,FLASH互动设计,等这里不做详细的解释,本文仅针对网页设计而论)
二.对号入座
OK!第2节,我们开始讲本文的重点,注意了关于找工作的经验和技巧可是博大精深啊,其实和做人一样的道理。下面我们分几个级别来提供解决方案。
1.新手入行
嘿嘿,大家都有第一次,不要紧张,哈哈^_^。自然点,其实没什么,不就是去面试么,胆子要大,要有这样的思想,管他的,就是去喝喝茶,聊聊天啥的。除了自信还是自信,更重要的是对工作充满激情有浓厚的兴趣,要有理想。关于外表,不要搞的太正规了,你不是去面试销售。随便一点要有自己的个性,自我介绍随便说,哪里人,什么专业啥的。说话语气要带有亲和力。面带微笑。关于面试的时间尽量准时点。提前和稍后都太不好。简历不要写废话,语言简洁即可。恩,一般刚出道的都是拿U盘拷作品,嘻嘻,有条件可以带上笔记本展示自己的作品,物质上也是可以增强自信心的。
这个时候应该以学习为目地,应该充分的考虑工作是否有利以后的职业规划。第一点就是识别能力,对你自己和公司有一定的认识。你自己的定位和能力,是否适合公司这个职位的要求。前期对公司应该有初步的了解,只有了解双方的需求,才能有所均衡。一定要对号入座,哪怕工资稍微低点,也没有太大关系,这个时候薪资是属于次要的阶段。额,要多面试几家公司,这时要注意几点,有的公司招人缺乏诚信,或者条件苛刻。这样的公司不必理会。
参考资料
最新修订时间:2024-01-03 15:51
目录
概述
职业概述
参考资料