xhtml,css,web标准。usability,layout。
web标准的教程站点,新网页设计师,推动web标准在*的应用.。
网页设计以及实战技巧/网页设计师
(一)垃圾还是经典
网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常的明显!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!
(二)国内网页设计环境
不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。
职业概述/网页设计师
网页设计师就是为网站页面进行设计并制作的工作人员,他们既是专业的设计师,又是静态网站的开发工程师;总的来说网页设计师是最辛苦的行业,不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码,必须是个全能人才,特别是现在从2008年以后,W3C的推进,对网页设计师的标准也是越来越高,越来越精确;网页设计师预计将有意识的可用性,如果他们的作用,需要创建标记,那么它们也有望成为较新的网页易读性指引。
平面设计师一向认为他们才是设计的正房。别的都是姨太太。实际上并非如此,平面设计是最基础且又非常简单的设计工作,因为平面设计做不到细,做不到精;他们只在乎大局,颜色搭配好,主体看上去可以就行,如果你观察一些平面设计师的作品,大概看上去很唯美,但是你要是把图放大或者更认真仔细的观察他们的作品,会发现很多纰漏,这对于一个真正的网页设计师来说,作品中是很难找到像平面设计一样的问题;目前除了房地产行业之外,一般平面设计师的薪水都在网页设计师之下,这个到许多公司都是可以考证的;虽然都是设计师,但平面设计与网页设计又是两个不同的领域,平面设计在色彩领域方面相对要专业一些,这是他们工作职责的所在,因为他们必须把自己设计的作品拿去喷绘出来,张贴在各种公共场所;但不管怎么说,自己水平达不到标准,再好的行业、再好的工作都会抛弃你的,所以网页设计师们,今后你们要更加努力!特别是一些刚毕业一两年的菜鸟连平面设计都不会,直接进入网页设计这个行业,就需要比任何人都要更加努力和学习;没有惊人的作品出来,证明你永远都是一个菜鸟网页设计师,甚至连网页设计师都称不上,还处在平面设计最基础的阶段;我以前上班的某个公司,当时我的设计水平也就是一年多的经验,而公司做广告DM部的平面设计师已经有多年的经验,可以说是资深平面设计,薪水拿的比我们要多一大半,由于公司经营问题,后来把他们调入我们部门,给客户做网页设计,他们的平面设计作品那是一个超赞,可设计出的网页作品还不如一个从培训班出来的学生;做了半个月由于压力大,全部自己申请辞职了;这就是区别;如果是专业的资深网页设计师做平面设计,那是小意思,因为网页设计师已经兼任了平面设计;
许多所谓的网页设计师,连自己都以为做网页就是“网页排版”,其实并非如此,他们不是真正的或者说称职的网页设计师。80%的公司招聘网页设计师的要求,几乎千篇一律地强调要如何熟练使用“网页三剑客”。事实上“网页三剑客”本身就是个不负责任的称谓,当改成“网页三剑”才是。因为这些软件归根结底都只是工具而已,而剑客最起码是人。连两千多年前的秦始皇帝都知道剑术的较高境界是“手中无剑,心中也无剑”,而聪明的现代人却硬是本末倒置,拿来一把“剑”非要称之为“剑客”,叫人笑掉大牙。
网页设计师从一开始,是互联网行业新的产物,是平面设计的延续或者说是平面设计的高层,打个比喻平面设计就是叶问,而网页设计就是李小龙,想练就李小龙的截道拳就必须先练就咏春拳,可叶问虽然是李小龙的师傅,李小龙在咏春的基础上又创造了截道拳,叶问打不过李小龙,死不服输,脸上没光,活了一辈子也算是一代宗师竟然被自己的徒弟打败;看过李小龙传奇的都知道;网页设计师不仅要比平面设计师更懂得专业的设计还要向程序员多学习代码;有时候他们还必须得搞点动画,比如FLASH、JS、CSS等。但可怜的是,平面设计师觉得他们是在侮辱设计,这就是我刚才讲的那个小故事,平面设计师就是自欺欺人,懂行的是不敢乱说话的;与程序员相比,除了不懂专业技术性的开发,就向往网页代码标准方面发展和学习;但对于动画设计师来说,网页设计师懂的是基础,毕竟玩的不是一个软件,可网页设计师一样牛,因为可以应用CSS和JS搭配直接很简单的做出FLASH的动画效果,很不错的哦。不管怎么说,一个人要想成功,特别是网页设计师,一定要不断的努力学习,走出平面设计师这个基础门槛,向程序和FLASH动画设计师学习;
因为作一名网页设计师需要学习的东西太多太多,有时候不一定具有一定的专业性,所以名字也有一大堆。什么“网页设计”、“网页制作”,“网站开发”,“做网页的”,“做网站的”,“网站开发工程师”如此等等。可如今W3C和微软IE及各个浏览器的推进,对网页设计师的要求越来越高,这就使得网页设计师们对设计和动画及代码越来越专业、标准;如果你是菜鸟你就是平面设计+排版,说白了就你是个用table排版的;如果你越来越专业,水平越来越标准,那你就是网站开发工程师,资深网页设计师,高领域的,薪水会比平面设计师多出两倍以上,更接近于FLASH动画和程序软件开发工程师的薪水,如果你遇上这两个领域*专业师傅,你在他们的面前又会被变成一个菜鸟,因为别人是专业代码,而你是专业设计兼代码排版;
网页设计应该有更多的思索在里面,每一个元素都是思索的产儿,而不是随意的点缀。当然,感性的爆发也必不可少,因为她是艺术,是商业化了的艺术、技术化了的艺术。如果有客户认定网页设计是一件简单的不能再简单的排版,那让他们去找打印部一分钟能敲出200个字的小女孩去做吧。因为,我们--要为网页设计师正名!
网页导航设计事项/网页设计师
一、注意超链接颜色与单纯叙述文字的颜色呈现
WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超链接颜色,设计成较干净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超链接文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。
二、测试所有的超链接与导览按钮的真实可行性
Webpage上线之后,*件该做的事,是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。
如果您果真有那么多的超链接必须提供给读者,不如将这些超链接以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不妨碍走文的顺畅,又呈现一目了然的导览链接。
三、让超链接的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超链接的锚点(anchor),可有效地控制住超链接的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。
四、当导览按钮链接到目前此页时
各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮链接到目前此页的情形。为达成界面设计的一致性,并没有*必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超链接的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。
职能规划/网页设计师
信息架构
这个属于策划型,一般门户网站需要,对产品策划和用户体验都需要有深入的了解,这个偏重的是策划能力,要有良好的逻辑思维,主要的工作任务是:组织信息 规划栏目布局相关的工作。视觉设计
这个理论上讲是属于艺术型,其实名曰商业艺术。2者还是不同的,对于网页设计来讲这块需求量是非常大的,现在人们越来越重视美观,而且要求越来越高。不管是门户网站,还是企业网站,FLASH全站(互动设计)这个角色的占有率是很大的。关于视觉这块先天性因素占的很多,天生的色彩感觉,创意能力。还要有良好的艺术修养,入职后还要对商业有深刻理解,明白商业设计的核心原则,如何将你的个性和商业目地完美结合是最重要的。主要的工作任务是:设计风格定位 图标UI界面设计。前端制作
说到这个职位,市场上逐渐增多。恩,这个属于纯技术型。最初级的就是切片和制作HTML,不要小看这个,以为这个没什么技术含量,其实这个技术含量也是很高,要符合标准和各个游览器的兼容也不是件很容易的事情,一般切片和制作HTML划入网页视觉设计师的范畴。应该属于附属职能,视觉设计做到一定的级别,这个无需理会。具体根据公司的要求决定。然后高级一点应用就是JS,AJAX……等,主要的工作任务是:页面实现 优化)用户交互
网页可以笼统的比喻是,“基于 Internet(互联网)”比较高级的“平台传媒”,网页是网站架构的一部分,网站架构有它独有的复杂性,和技术性,和基于 Internet(互联网)的良好的扩展性,我个人定义为有“高级”、“中级”、“低级”之分,低级相对来说只是简单的网页美工设计,动画设计,UI设计,中级相对来说是比较熟练的网页美工设计和动画设计,UI设计,和一些样式优化,和脚本扩展,高级的相对来说是精通网页美工设计,动画设计,前台UI设计,样式脚本扩展,和良好的用户交互技术。
“平台传媒”既没有传媒的广泛性,又有一定的广告的特性,特别是网页上的“平台传媒”和加有 web 通信的优势。
合格的网页设计技术人员必须要考虑与用户的交互,才能设计出高质量的网页。
网页设计师常用软件/网页设计师
Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的,把渲出来的图通过PS使其更加具有真实感。
工具和技术/网页设计师
Web设计人员使用各种不同的工具的一部分。这些工具的生产过程中,他们都参与更新,随着时间的推移,新的标准和软件,但背后的原理仍然是相同的。Web图形设计人员使用向量和光栅图形包,用于创建Web格式的图像或设计原型。
网页设计师必读/网页设计师
作者: 境佑司
译者: 袁玥
出版社: 电子工业
出版年: 2007-9
页数: 236
定价: 32.00元
丛书: 网页设计师必读内容简介
《网页设计师必读:网页设计基础》和她的姊妹篇《网页设计师必读:页面制作Dreamweaver & CSS》都是引进日本畅销书翻译改编而成,图解特色非常鲜明,是网页设计师必读系列的重头之作。
《网页设计师必读:网页设计基础》是一本面向未来的网页工程师的基础知识和技巧解说书籍。每一课都采用实用性强的例题介绍方式,带领大家分步地、阶段性地学习,同时提供练习题对所学内容进行再复习,实现完全掌握的学习效果。
《网页设计师必读:网页设计基础》较大的特色是通过图文并茂的方式简洁直观地介绍网页设计所需要的基础知识与实用技巧。书中通过使用大量图表,直观鲜明地将所介绍的知识具体化,全面系统地针对接触网页设计的初级读者介绍了网页设计基础、网页特性、网页设计与表现、网页设计中所应用的语言及设计技巧等。
工作内容/网页设计师
⒈负责对网站整体表现风格的定位,对用户视觉感受的整体把握;
⒉进行网页的具体设计制作;
⒊产品目录的平面设计;
⒋各类活动的广告设计;
⒌协助开发人员页面设计等工作。
网页设计师9条原则/网页设计师
01 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于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 “在计算机上永远也*好的方案”。
考试级别/网页设计师
(全国职业教育资格认证证书CVEQC初级)、(全国职业教育资格认证证书CVEQC中级)、(全国职
业教育资格认证证书CVEQC高级)是相关人员求职、任职、晋升等,证书在全国范围内有效。
网页设计趋势/网页设计师
对于追求无限创意和具实验探索精神的web设计师来讲,趋势一说可能会显得有点可笑,如果每个设计师都遵循原有的趋势,那谁还去开创新趋势?没有了新趋势,下一个轮回的时候,设计师们又去遵循什么趋势?
但不管你是否属于哪一类网页设计师,你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站,否则如果你给客户的项目完全背离了主流的趋势,那要么就是黑马,要么就是客户觉得你无能,跟不上趋势的节奏。
所以,随时关注着web网页设计趋势是每个设计师都应该做的事儿。1. 巨大的/标头
飞出页面(splash pages)已经非常过时了。为了给访问者造成难以忘怀的印象,目前流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整 个屏幕,但是只有一个重要的短信息在上面。访问者不需要点击任何东西,只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧(由于多年来的缺乏指导)。所以 大幅的标头就像飞出页面一样,但是它不会强迫你的用户点击任何东西。
中心思想:巨大的标头将会使你的访问者记住你的网站。2. 素描/手绘设计
手绘设计并不是真正全新的一种潮流,但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格,但又怯于创作此类作品仅仅由于“我不会真正地手 绘”的态度。如果你去看那些较流行的手绘风格网站(相对于其他趋势风格的网站,手绘设计的网站不多),你会注意到大多数同行不会绘画。这些设计不是要送往 艺术博物馆的,它们只是传递一种异想天开的想法,并模糊冷冰冰的网络和人与人的互动——因特网的*目标,之间的界限。如果你会涂鸦,你就可以创作素描/ 手绘风格的网页设计。
素描在目前会变得更加强大,尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案(web copy)。
中心思想:素描在合作设计中会变成一个基本的组成部分。3. 肥厚的字体
尽管在传统媒体中出现已经超过200年了,肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义,就想想古老的狂野西部的海报 “渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母,醒目并令人印象深刻。许多设计师以前避开肥厚字体不用,是因为以前标志和标头都比较小 和比较简朴的缘故。和巨大的标头一起组合之后,肥厚的字体将会吸引浏览者的注意。
中心思想:肥厚字体来大胆的表现自己。4. 活版印刷
活版印刷是最难掌握的的潮流趋势之一,这就是它在目前依然保持新鲜的原因。出于大家对可用性的呼吁,网页设计师不敢使用新起的和各式各样的字 体。把不同大小尺寸的字体混合在一起这个想法是完全不可想象的。可以探索,扭曲,模压字体来达到你的目的。如果位置得当,一个利用了活版印刷作为它主要涉 及元素的网页会比一个超载了大量图片的相同网站有趣的多。
中心思想:活版印刷是新发展的,但是它会将继续成为网页设计的一部分。5. 单页布局
单页布局将会驱使你去把不必要的信息删除。目前这个潮流将会抛弃那些古怪的导航,并使之影响国变得更加小(this trend will move away from the quirky navigation and become more minimal in its approach.)。可以这类风格的网页想成商业名片。这些网站将会更像一站式商店,在那里有你和你在各式各样网站上的作品(比如你的博客和你在各种社 会化媒体上巢穴)。
中心思想:单页布局将会有较多个人文件和较少的团体合作。6. 巨幅图片
与巨大logo/标头header很接近,所以大幅画面也做着同样的事。它创造了难忘的视觉冲击。不像上文巨大logo所示的那样,巨幅图片不是网 站品牌的一部分。相反,访问者不是因为内容而是因为奇大无比的图片尺寸吸引进入你的网站的。目前网页设计师们会发现,在他们的设计中使用起这些 巨大的表现方式来表达网站的风格,将会更加的舒适惬意。
中心思想:巨幅图片会被用作吸引游客进入你的网站。7. 改变视角
就像我们以前讨论过的一样,桌面视角已经重复到令人发腻了,2010年将会看到一个更加贴切实际的视角,可能会有一个移动的侧视的天线(there may also be a move toward side-shot aerial.)
中心思想:2010年网页设计会出现不同的视角8. 交互式/直观设计
flash动画会有更好的发展。以前,你访问网站,你一定会点进一些令人厌烦的动画界面。现在动画会轻松、专业的多。尽管一些设计师更愿意选择jquery制作表格和弹出式窗口,但动画在设计界仍然占有一席之地,特别是在表现细节方面。动画在互动上仍然有所欠缺。目前网页设计师将会在动 画的补救元素方面改进。现在普遍的浏览者对互联网了解得更多更深了,设计师会也将会也会创造出比以前更直观性一点的网站。
中心思想:交互式设计会重新流行9. 弹出对话框
弹出对话框这个趋势现在正如火如荼地被使用,事实上目前就会到处可见。弹出对话框就像弹出式窗口的一个更加老练的长兄,——流畅、美观、潮流。弹出对话框更容易设计和使用使它成为那些为可用性担心的设计师的完美解决方法。
中心思想:目前设计中弹出对话框将会继续流行10. 简约主义
请忽视学校极少网页的网站。目前网页会继续以大片空白和醒目的排版、出人意料的颜色方案为特点。不是所有的简约网站都同意黑和白的简单性概念。尽管简约主义本质上是温和的,但是它也展示鲜艳的颜色。简约主义不是冷酷的,它是温暖的,开门见山的。
中心思想:简约主义将会大胆的用于排版。11. 大尺寸的底部
也许大尺寸的底部已经到处都是了,但是目前你会发现它们甚至会更夸张。未来的底部会减少事先考虑的因素,成为设计的主要部分。底部将会寻求詹这些特征:包含随机的信息的脚本,比如不同的社会媒体的更新、每日调查、和flickr等。
中心思想:大尺寸的底部将会以较少重要的信息,较多个人信息为特点。12. 复古
复古设计会成为风尚,流行起来。虽然很多设计的团体钦佩复古的网页设计,但如果没有留下"已复原(undone)"的印象就很难完全掌握这种风格。 复古的关键是被它的风格和潜在的趣味性所启发。目前如果设计师找到新的使复古老艺术荣耀起来的方式,复古设计将会扩大使用的范围。
中心思想:复古是一种新潮。
就业职位/网页设计师
网页设计师的就业职位归结有网页设计师、网站美编、企业网站策划、网站管理、多媒体界面设计。