网页设计师就业前景

第一篇：网页设计师就业前景

浅析网页设计职位就业前景

网页设计就业前景好吗?现在网络发展很迅速，学习网页设计还是蛮好的，而且现在公司这么多，一般都是需要建站、维护、优化的。学习一门能就业的好技术，就学网页设计专业。那么，网页设计专业的就业前景真的那么好么?我们应该怎样学习网页设计专业?

网页设计的就业前景

2012年网页设计就业前景是行业里面热门职位，是一个比较吃香的香饽饽。随着国内互联网的快速发展，网络经济引领的新经济时代的到来，是得网页设计的相关人才需求量急剧增大。中国网民的数量大量的增加。所以很多人通过互联网去宣传自己。在市场需求和人才缺口都很大的情况下，我们有理由相信网页设计的就业前景是十分好的。来八维广告艺术学院学习网页设计，轻轻松松找到高薪工作!

网页设计专业的特点

跟传统的计算机行业一样，网页设计专业也是一个活到老学到老的专业。网页设计用什么软件?是一个值得我们用一生去为之奋斗的专业。网页设计能够让你学会网页设计的一些设计技巧，但是如果想要成为网页设计高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平。这是一个很看重实践经验的专业。所以，结合这方面的特点，我们在学习网页设计专业的时候，一定要选择一个这样的，能给我们很多项目实践的学校来学习。

如果你真想学习的话，没有基础的话，建议你可以选择八维，让老师给你讲一些，学起来也没那么吃力了。八维重视实践，八维在实践经验，动手能力，和解决现实问题上的应变能力方面都是十分优秀的。选择大于努力，一次正确的选择大于辛勤的努力，相信自己，相信明天。

第二篇：网页设计师学习网页设计的经验和

技巧小结

随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招一个应届生网页设计师，算是一块成长。应届生有拼劲、肯学，但也好高骛远，起点都差不多，如何培养网页设计师就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享，希望得到大家更多的建议。

一、配色

其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都

有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于网页设计师设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。

Mars觉得，设计师对颜色的运用一般有这么几个阶段：

初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;

过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;

成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;

终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。

二、布局

网页设计师设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：

布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。

布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。

精细布局：整体配色、字体、各模

块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了，其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言”细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。

举例说一下，以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序(上图)，下半部分是有设计师协助设计美化完成的表单界面(下图)。

一般正常审美的人肯定觉得下面的好看，但却不知好在哪?听Mars从各个角度详解一下：

配色：字体颜色像是直接从32色板上取的，没经过考究;表单边框色太重;表单背景与页面背景相同，没突出层次。

布局版式：此组件又没有多行操作，无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。

用户体验：明确这是一个系统里的界面组件，所以这个人既然都登进来了，还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注，所以给他提供大片的提交内容的输入框即可，简单明了;提交按钮，上图需要再填完批注内容后折回到左上角”保存”显

然不合理，下图的界面大大方方右手边一个按钮，看起来明显，操作起来舒服。

以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。

第三篇：网页设计师

网页设计师是指精通Photoshop，Corldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来(其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸)。 网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。

职业概述

网页设计师就是为网站页面进行设计并制作的工作人员，他们即是专业的设计师，又是静态网站的开发工程师;总的来说网页设计师是最辛苦的行业，不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码，必须是个全能人才，特别是现在从2008年以后，W3C的推进，对网页设计师的标准也是越来越高，越来越精确;

平面设计师一向认为他们才是设计的正房。别的都是姨太太。实际上并非如此，平面设计是最基础且又非常简单的设计工作，因为平面设计做不到细，做不到精;他们只在乎大局，颜色搭配好，主体看上去可以就行，如果你观察一些平面设计师的作品，大概看上去很唯美，但是你要是把图放大或者更认真仔细的观察他们的作品，会发现很多纰漏，这对于一个真正的网页设计师来说，作品中是很难找到像平面设计一样的问题;目前除了房地产行业之外，一般平面设计师的薪水都在网页设计师之下，这个到许多公司都是可以考证的;虽然都是设计师，但平面设计与网页设计又是两个不同的领域，平面设计在色彩领域方面相对要专业一些，这是他们工作职责的所在，因为他们必须把自己设计的作品拿去喷绘出来，张贴在各种公共场所;但不管怎么说，自己水平达不到标准，再好的行业、再好的工作都会抛弃你的，所以网页设计师们，今后你们要更加努力!特别是一些刚毕业一两年的菜鸟连平面设计都不会，直接进入网页设计这个行业，就需要比任何人都要更加努力和学习;没有惊人的作品出来，证明你永远都是一个菜鸟网页设计师，甚至连网页设计师都称不上，还处在平面设计最基础的阶段;我以前上班的某个公司，当时我的设计水平也就是一年多的经验，而公司做广告DM部的平面设计师已经有多年的经验，可以说是资深平面设计，薪水拿的比我们要多一大半，由于公司经营问题，后来把他们调入我们部门，给客户做网页设计，他们的平面设计作品那是一个超赞，可设计出的网页作品还不如一个从培训班出来的学生;做了半个月由于压力大，全部自己申请辞职了;这就是区别;如果是专业的资深网页设计师做平面设计，那是小意思，因为网页设计师已经兼任了平面设计;

许多所谓的网页设计师，连自己都以为做网页就是“网页排版”，其实并非如此，他们不是真正的或者说称职的网页设计师。80%的公司招聘网页设计师的要求，几乎千篇一律地强调要如何熟练使用“网页三剑客”。事实上“网页三剑客”本身就是个不负责任的称谓，当改成“网页三剑”才是。因为这些软件归根结底都只是工具而已，而剑客最起码是人。连两千多年前的秦始皇帝都知道剑术的最高境界是“手中无剑，心中也无剑”，而聪明的现代人却硬是本末倒置，拿来一把“剑”非要称之为“剑客”，叫人笑掉大牙。

网页设计师从一开始，是互联网行业新的产物，是平面设计的延续或者说是平面设计的高层，打个比喻平面设计就是叶问，而网页设计就是李小龙，想练就李小龙的截道拳就必须先练就咏春拳，可叶问虽然是李小龙的师傅，李小龙在咏春的基础上又创造了截道拳，叶问打不过李小龙，死不服输，脸上没光，活了一辈子也算是一代宗师竟然被自己的徒弟打败;看过李小龙传奇的都知道;网页设计师不仅要比平面设计师更懂得专业的设计还要向程序员多学习代码;有时候他们还必须得搞点动画，比如FLASH、JS、CSS等。但可怜的是，平面设计师觉得他们是在侮辱设计，这就是我刚才讲的那个小故事，平面设计师就是自欺欺人，懂行的是不敢乱说话的;与程序员相比，除了不懂

专业技术性的开发，就向往网页代码标准方面发展和学习;但对于动画设计师来说，网页设计师懂的是基础，毕竟玩的不是一个软件，可网页设计师一样牛，因为可以应用CSS和JS搭配直接很简单的做出FLASH的动画效果，很不错的哦。不管怎么说，一个人要想成功，特别是网页设计师，一定要不断的努力学习，走出平面设计师这个基础门槛，向程序和FLASH动画设计师学习;

因为作一名网页设计师需要学习的东西太多太多，有时候不一定具有一定的专业性，所以名字也有一大堆。什么“网页设计”、“网页制作”，“网站开发”，“做网页的”，“做网站的”，“网站开发工程师”如此等等。可如今W3C和微软IE及各个浏览器的推进，对网页设计师的要求越来越高，这就使得网页设计师们对设计和动画及代码越来越专业、标准;如果你是菜鸟你就是平面设计+排版，说白了就你是个用table排版的;如果你越来越专业，水平越来越标准，那你就是网站开发工程师，资深网页设计师，高领域的，薪水会比平面设计师多出两倍以上，更接近于FLASH动画和程序软件开发工程师的薪水，如果你遇上这两个领域顶尖的专业师傅，你在他们的面前又会被变成一个菜鸟，因为别人是专业代码，而你是专业设计兼代码排版;

网页设计应该有更多的思索在里面，每一个元素都是思索的产儿，而不是随意的点缀。当然，感性的爆发也必不可少，因为她是艺术，是商业化了的艺术、技术化了的艺术。如果有客户认定网页设计是一件简单的不能再简单的排版，那让他们去找打印部一分钟能敲出200个字的小女孩去做吧。因为，我们--要为网页设计师正名!

职能规划

信息架构

这个属于策划型，一般门户网站需要，对产品策划和用户体验都需要有深入的了解，这个偏重的是策划能力，要有良好的逻辑思维，主要的工作任务是：组织信息 规划栏目布局相关的工作。视觉设计

这个理论上讲是属于艺术型，其实名曰商业艺术。2者还是不同的，对于网页设计来讲这块需求量是非常大的，现在人们越来越重视美观，而且要求越来越高。不管是门户网站，还是企业网站，FLASH全站(互动设计)这个角色的占有率是很大的。关于视觉这块先天性因素占的很多，天生的色彩感觉，创意能力。还要有良好的艺术修养，入职后还要对商业有深刻理解，明白商业设计的核心原则，如何将你的个性和商业目地完美结合是最重要的。主要的工作任务是：设计风格定位 图标UI界面设计。

前端制作

说到这个职位，市场上逐渐增多。恩，这个属于纯技术型。最初级的就是切片和制作HTML,不要小看这个，以为这个没什么技术含量，其实这个技术含量也是很高，要符合标准和各个游览器的兼容也不是件很容易的事情，一般切片和制作HTML划入网页视觉设计师的范畴。应该属于附属职能，视觉设计做到一定的级别，这个无需理会。具体根据公司的要求决定。然后高级一点应用就是JS,AJAX„„等，主要的工作任务是：页面实现 优化)

用户交互

网页可以笼统的比喻是，“基于 Internet(互联网)”比较高级的“平台传媒”，网页是网站架构的一部分，网站架构有它独有的复杂性，和技术性，和基于 Internet(互联网)的良好的扩展性，我个人定义为有“高级”、“中级”、“低级”之分，低级相对来说只是简单的网页美工设计，动画设计，UI设计，中级相对来说是比较熟练的网页美工设计和动画设计，UI设计，和一些样式优化，和脚本扩展，高级的相对来说是精通网页美工设计，动画设计，前台UI设计，样式脚本扩展，和良好的用户交互技术。

“平台传媒”既没有传媒的广泛性，又有一定的广告的特性，特别是网页上的“平台传媒”，和加有 web 通信的优势。

合格的网页设计技术人员必须要考虑与用户的交互，才能设计出高质量的网页。

就业职位

网页设计师的就业职位归结有网页设计师、网站美编、企业网站策划、网站管理、多媒体界面设计。

工作内容

⒈负责对网站整体表现风格的定位，对用户视觉感受的整体把握;

⒉进行网页的具体设计制作;

⒊产品目录的平面设计;

⒋各类活动的广告设计;

⒌协助开发人员页面设计等工作。

网页设计师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 “在计算机上永远也找不到好的方案”。

网页设计师常用软件

Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的，把渲出来的图通过PS使其更加具有真实感。

网页导航设计需注意的事项

一、注意超链接颜色与单纯叙述文字的颜色呈现

WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色，以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息，欲传达给访问者，建议您将网页内的文字与超链接颜色，设计成较干净素雅的色调，会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色)，超链接文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色)，至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。

二、测试所有的超链接与导览按钮的真实可行性

Webpage上线之后，第一件该做的事，是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage，却反而冒出

“FileNotFound”的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。

如果您果真有那么多的超链接必须提供给读者，不如将这些超链接以条列的方式，一笔一笔清楚地列在一选单页或目录页上，既不妨碍走文的顺畅，又呈现一目了然的导览链接。

三、让超链接的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超链接的锚点(anchor)，可有效地控制住超链接的字串长度，避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点)，而不利于读者的阅读或点取。

四、当导览按钮链接到目前此页时

各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按钮链接到目前此页的情形。为达成界面设计的一致性，并没有绝对的必要性拿掉此导览按钮，但Webpage设计者可让此

按钮不再具有超链接的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色，亮红色变成暗红色)，使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。

网页设计趋势

对于追求无限创意和具实验探索精神的web设计师来讲，趋势一说可能会显得有点可笑，如果每个设计师都遵循原有的趋势，那谁还去开创新趋势?没有了新趋势，下一个轮回的时候，设计师们又去遵循什么趋势?

但不管你是否属于哪一类网页设计师，你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站，否则如果你给客户的项目完全背离了主流的趋势，那要么就是黑马，要么就是客户觉得你无能，跟不上趋势的节奏。

所以，随时关注着web网页设计趋势是每个设计师都应该做的事儿。

1. 巨大的logo/标头(headers)

飞出页面(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)"的印象就很难完全掌握这种风格。 复古的关键是被它的风格和潜在的趣味性所启发。目前如果设计师找到新的使复古老艺术荣耀起来的方式，复古设计将会扩大使用的范围。中心思想：复古是一种新潮。

第四篇：PS设计网页立体效果图标阴影网页设计教程

最终效果

这里是作品预览图. 点击此处预览全图.

新建PSD文件

1 开始创建文档(Ctrl+N); 高和宽均为1200 像素.

使背景图层可编辑

2 按照默认设置, Photoshop将会锁定背景图层因此你不能进行编辑.为了使它可编辑, 在图层面板双击背景图层 (如果图层面板未激活,按下F7触发). 另外一种方法, 你可以在背景层上击右键,选择 “背景图层”. 一旦双击之后, 将会弹出对话框默认如下显示). 输入你背景图层的名字按下确定; 之后我们可以自由的编辑背景层.

创建背景层

3 现在我们的背景层可以编辑了,双击图层缩略图增加渐变图层样式; 根据下图设置样式参数.

4 创建新图层(Ctrl+Shift+N) 命名为 “header background“. 选择矩形选区工具(M) 在画布顶端绘制矩形选区;选区大概150px高,宽度与画布相同.

5 使用任意颜色填充选区(Alt+Backspace)增加图层样式.

6 建立新层 (Ctrl+Shift+N) 标志为 “navigation background“. 重复4 – 5步, 只是这次的选区只有50px高, 宽度仍然与画布一致,并且一定要放置在上面选区的下方.

7 填充选区(Alt+Backspace),任意颜色均可,并且增加一对图层样式,(颜色渐变以及描边选项).

你看到的应该是这样.

创建顶部

8 建立新层 (Ctrl+Shift+N)标志位”header“,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px.

9 将选区置于画布中央, 确保选区的底部在”navigation background”图层的描边之上.

10 填充选区 (Alt+Backspace) 选择任意颜色, 然后增添以下样式.

增加顶部文字

11 使用横排文字工具添加网站的标题和口号. 设置参照下图.

效果看起来应该是这样的.

创建导航栏

12 创建新图层(Ctrl+Shift+N) 命名为 “navigation“.使用矩形选区工具(M),设置固定大小: 850px 宽 和 50px 高.

13 在顶部下面新建选区, 填充任意颜色.

14 现在,为你的 “navigation”层增加3种样式.

看起来应该是这样的.

15 使用横排文字工具(T) 在你的导航栏上面增加导航链接.

增添导航经过按钮

16选择圆角矩形工具(U) 设置半径为10px.

17 画出一个小矩形大小为80px x 50px.

18 使用矩形工具(M)在刚才圆角矩形的上半部分再画一个矩形. 填充同样的颜色.

19在图层面板右击选择新建的图层并且复制. 将新复制的图层180度旋转,编辑> 变换 > 旋转 180. 最后, 使用移动工具将两个新建的图形紧挨在一起并且处于同一水平线上.

o

20 使用矩形选区工具切除不想要的部分. 在新建的图层下半部份新建一个选区, 按下 Del键清除.

21 使用移动工具(V) 和方向键对齐两个图形, 确保它们不是直接重叠. 按照下图所示, Ctrl + 点击图层面板中的缩略图载入较小图形的选区.

22 切换到较大图层按下del键清除不想要的部分. 重复上述步骤,你将看到以下图形.

改变链接经过样式

23当你的链接经过按钮一旦完成你可以删除副本, 然后重命名为”nav hover“. 现在开始,为它增加一组图层样式.

24 将 “nav hover”层移至 navigation 文字图层下方. 将文字的颜色改为白色(#FFFFFF).

25 在你”nav hover” 按钮图层的下方, 新建一个图层(Ctrl+Shift+N) 命名为 “nav hover extra“.在本层上, 使用椭圆选区工具新建一个小圆,颜色设置为#A3002F.

26切除椭圆被导航栏挡住的下半部分,调整到合适位置之后再复制一份.

看起来应该是这样的.

创建内容区域

27 建立新图层(Ctrl + Shift + N) 命名为 “content area“. 使用矩形选区工具, 新建选区宽度为850px , 与我们平时的框框一样,高度可以根据你的内容增加.填充任意颜色并且调整样式.

28 拖移”content area(内容区域)”图层到”navigation(导航)” 层下方然后使用移动工具(V)调整内容区域,是它与导航栏相交的部分像凹凸不平的线.

创建搜索框

29 新建图层(Ctrl+Shift+N) 命名为 “search field“在导航区域的右边新建矩形选区.

30 选择 编辑 >填充(Shift+F5) 填充白色(#FFFFFF), 增加描边样式.

31 使用横排文字工作在搜索区域插入文字.

32 紧挨着搜索区域的地方,使用矩形选区工具(M)新建另外矩形.

33 填充任意颜色并且为图层加入渐变叠加和描边两种图层样式; 根据下面图片设置.

看起来应该是这样的.

创建特色区域

34 建立新层 (Ctrl+Shift+N)命名为”featured area“,使用圆角矩形工具新建矩形,圆角半径为10px.

35 使用多边形工具(L) 创建锐利的箭头指向左上部分. 为箭头填充同样的颜色.

36 现在为你的特色区域图层增加一对图层样式(渐变叠加和描边) .

填充特色区域内容

37 建立新层(Ctrl+Shift+N) 命名为 “featured border” 使用矩形选区工具(U), 在特色区域里面新建矩形.

38 按Ctrl键点击区域缩略图载入选区, 然后点击”旋转> 修改 > 收缩”. 收缩区域威10px, 然后按下OK.

39 载入你想要的图片 (我使用一些花的图片), 打开ps, 复制图片到你的剪切板(Ctrl + C). 确保我们上一步创建的选区仍然处于激活状态,点编辑 >粘贴入(Shift+Ctrl+V).图片就会粘贴到选区里面.

40 在图片右侧增加虚拟的标题和文字.

创建内容区域的三维绸带

41 使用和导航经过按钮类似的方法创建左边部分, 区别在于这次重叠区域更加长,并且是水平调整(如果需要请重新跳回阅读).

42 在绸带的结尾部分(右手边),使自定义形状工作(L)创建三角形 然后按下del键删除不需要部分. 最后, 增添图层样式和虚拟文字.

43 复制三维绸带,点击图层选择编辑 >变换> 水平翻转. 使用移动工具调整(V) 到右边; 他们将作为侧边栏的标题部分

44 在每个标题下面增加文字或者一两张图片.

创建页脚

45 再次创建鼠标经过按钮(或者, 你可以简单复制上面已经做过的).

46 根据下图颜色列表更改渐变样式.

47 合并并且旋转该层,通过 编辑> 变换 > 逆时针旋转90°. 移动到图层左边.

48 复制该图形通过编辑>变换>水平翻转. 移动到图层另外一边.

49 将两个图形合并到同一个层(Ctrl+E), 放大其中任一个图形 (Z) , 类似下图创建选区,选择编辑> 自由变形(Ctrl+T).

50 选择中间的锚点拖拉到画布的另外一边.

看起来应该类似这样.

51 最后,使用横向文字工具写入你页脚的信息.

第五篇：网页设计师要求

合格的网页设计师所具备的要求

一、用心与责任

用心与责任，这是作为一个设计师最基本的要求。若一位设计师技术能力很强，而没有任何的责任感，每做一个网站不管客户是否满意，是否符合客户的要求，就这样提交给客户。这样的设计师，能合格吗?说白了，我们这个设计行业，有一半是属于服务行业，所以我们要关注我们的客户，关注客户的需求。要为客户负责任，要站在客户的角度、设计的角度去帮助客户设计。所以这边就涉及到了，设计师是否用心去设计、是否考虑到整个网站的各个细节，每个小细节都很用心去处理。只要是设计师认真、用心去设计每一个网站，不管他的技术能力是否强弱，但他的作品会得到同行、同事、客户的尊重的。

二、态度端正

态度要端正，这是一个心理素质问题。前面我已提到我们有一半是属于服务行业。我们在帮助客户设计过程中，难免会存在客户的抱怨和商务人员的催促。我们要做到不厌其烦的为客户进行设计、沟通、交流、讨论等，我们必须具备一个很好的态度和良好的心态。我们要为客户负责任，不能因为客户对现有设计有意见或商务人员催促，我们就放弃了对自己作品负责任。要知道，一个作品会成就一个人，也会废了一个人。因为在后面设计过程中，客户会越来越熟悉某个网页设计师，而那时客户会记住你比记住公司久得多了。

并应该要有一个反省心态，我这边指的是能够接受别人批评，能够正确审视自己的作品，而不是自己作品都是最好。要学会不断反省自己的作品，不断找出毛病，这样才能做出完美的作品。

三、沟通能力与交流

沟通与交流，也是作为一名合格设计师的基本素质。我们给客户设计网站，不能保证每位客户都能读得懂我们的作品。我们应该换位思考，站在客户行业、客户角度进行为客户分析整个网站的设计思路，进行充分沟通，使客户能够明白你是为他在设计、为他在考虑，这样才能保证每个作品中不失客户公司的文化、客户行业的文化背景，又保留着设计师自己的设计手法，充挥发挥设计思想。

四、审美能力

审美能力，审美能力是作为设计师最基本的素质之一。即使说某位设计师掌握很好的PS、DW、CSS、FW等，但他不具备审美能力，能做出客户满意的网站吗?对于不是专业美术毕业的设计师，要自己主动学会去学习美学，而不是单单学习那些工具。计算机工具掌握再好，只能是一位美工而不是设计师。美工即只是一名计算机工具操作工而已，不具备设计能力。大家愿意只当一名美工吗?只当一名操作计算机的工人吗?

五、技术能力

技术能力，这个我想就不用说了。技术是作为网站设计师最基本的要求，每一位网站设计师应该掌握DW或FP、PS或FW、FLASH、CSS、还应掌握一个矢量图软件及了解相应的ASP、ASP。NET，若是作为ASP。NET的网站设计师，还应掌握Visual Stiudo软件排版。

六、理解文化能力

作为一名设计师，是为客户而设计。我们所遇见各种各样的客户，每位客户公司都有自己的文化，则我们设计出来的网站，不但要有自己的设计主见，也要把客户的文化溶入到我们的作品，这样的作品客户才能接受，才能满意。所以设计师必须掌握理解客户公司的企业文化、理解客户行业的文化背景。

目前大部分设计师，都看重自己的技术，而往往忽略了其他的技能。大家应该正确看待网页设计师这个行业，计算机技术软件只是最基本，它不能作为一个技能。 这些就是SEO优化工厂认为的，一个合格的网站制作设计应该具备的基本素养!