Photoshop在网页美工设计中的应用研究

第一篇：Photoshop在网页美工设计中的应用研究

Photoshop在网页美工设计中的应用研究

摘要：随着互联网上各类网站越来越多，人们在浏览网页时除了基本的对信息量的需求外，对网站的界面设计也产生了新的要求，一个信息齐全、设计精美的网站更能吸引观众的目光。本文主要描述了强大的图形图像处理软件Photoshop在网页美工设计中的应用。

关键词：Photoshop；网页美工；应用

目前，全世界的网站总数已经超过了10亿个，中国的网站总数接近400万个，如何使自己的网站能够在众多的网站中脱颖而出，令人刮目相看，除了提升网站的知名度和访问率外，对网站内容进行详细的规划和设计也是提高网站访问率的重要因素。现在众多的网站已经由原来单一的功能性向现在的功能和美观兼顾的方向发展。相同情况下，一个设计美观的网站更能受到人们的青睐。以往设计网页常用的软件Dreamweaver在网页的美工设计方面有一定的局限性，而Photoshop是网页设计师常用的一个非常重要而强大的工具，可以让网页设计师的工作高效便捷的进行，也为设计师们的天马行空提供了实际技术实现。

网页设计的根本目的是通过网页美工设计出作品为人们传播直观的信息，使人们获得美感享受的同时获得大量直观的信息，充分表达用户要求的内容，Photoshop为这种直观的展现提供了很好的平台。Photoshop在网页美工设计中的应用主要表现在以下几个方面：

一、更好的布局

作为一个网页设计师开始一个项目时经常会考虑到网页的布局，是用两栏布局还是三栏布局？是采用普通框架结构还是采用自由式结构？是以文字为主还是以图片为主？Photoshop软件可以在网页布局阶段把设计师的构思更好的展现出来，这种展现比手绘草稿更形象生动贴近实际，比用Dreamweaver实际制作出来的网页更节约时间便于修改。Photoshop的图层功能每层可以放置不同的元素，图层之间相互独立又可相互链接，图层属性可以随意修改。如此灵活的功能，完全可以让设计者随心所欲设计而不受任何约束，设计的同时可根据各方的意见随时进行修改和调整，最终达到大家同时认同的标准。

二、更细致的元素

一个标准的网页里面涉及到很多的元素，比如说页眉、页脚、标志、图标、导航条等等，这些元素的处理直接关系到整个页面的效果，而且元素的风格与页面的主题有着很强的相关性。Photoshop强大的功能为制作这些元素提供了方便，可以制作各种效果和各种质感的元素，为网页的最终效果提供了丰富的选择，能完美的实现设计师各种想法创意。

三、更丰富的色彩

色彩的搭配也是网页设计的一个重要因素，Photoshop的图层功能也为网页色彩的搭配提供了方便。在基本元素确定的情况下，可以单独对各个图层、各个区域的颜色进行单独的调整，简单的操作就可以搭配出需要的颜色，并可以实时对颜色进行比较分析，非常方便。而且Photoshop带有的网页安全色的功能，可以在色板中选择web安全颜色、web色谱和web色相命令，载入该调板中的任何色彩在不同硬件环境、不同操作系统，不同浏览器中都能够正常实现的色彩，这些颜色在任何终端浏览用户的显示设备上所呈现出的效果都是相同的。

四、更精巧的动画

在网页设计中，动画可以增添网页的趣味性，吸引观众的目光，Photoshop也可以制作简单的“帧动画”，存储为GIF格式。GIF格式其实将多幅图像保存为一个图像文件，从而形成动画，具有文件体积小、浏览器支持稳定的优点，是一种在网络上非常流行的图形文件格式。

五、更快的速率

一个不美观的网页是不能吸引观众的，但是一个打开速度慢的网站尽管做得再精美也会使观众流失。在互联网高度发展的今天，同类型的网站层出不穷，人们一般在一个网站等待超过10秒就会失去耐心，虽然决定网页打开速度的因素很多，但是在条件相同时，网页大小及网页元素的优化和配置就是唯一的因素。用Photoshop可以有多种方式缩小图片体积，比如对图像进行减色处理，在对图片质量影响不大的基础下减去图片上的一些颜色，使图像更为小巧，或是对大块图像进行分块，大的图像切分成均匀的小图，这样可以多幅图像同时传送，提高网页下载速度。使用Photoshop的切片工具切片后，存储时用“存储为web所用格式”命令，Dreamweaver就能对效果图进行有效的整合。切片存储格式要求一般存为Gif格式，Gif占用体积小。要求较高的图像存储为JPEG格式，JPG格式显示更多的图片细节。这样进行合理的存储后，大大的缩小的网页的大小，从而提高了传输的速率。

表达是所有设计的第一目的，一个专业的网站界面可以很好的表达网站本身的主题与内容，通过网站可以将你本身最想表达的东西体现出来。一个精美的网站设计界面，可以给访问者以很好的体验感受，往往第一印象的好坏就能获得对方的信任，有可能这个访问者就将成为你的客户或潜在客户。一个专业设计的网站就需要一个专业的软件，Photoshop作为专业且应用最广的图形图像处理软件，能够帮助网页设计师更好更高效的完成设计。（作者单位：重庆城市管理职业学院）

参考文献：

[1]徐琳.Photoshop图像设计中的网页色彩表现[J].文艺生活，2012（3）：87.[2]刘丽君，等.浅谈Photoshop在网页制作中的应用[J].科技广场，2007（7）：212-213

第二篇：武汉网页美工设计培训

网页美工设计专业班课程

武汉新思维，网页美工设计专业班课程

网页美工设计专业班

招生对象：在校大中专学生、在职转行学员、初入门的设计爱好者

上课形式：周一到周六每天三小时，分上午班或下午班

学习内容：

课程一：photoshop

学习目的及效果：

Photoshop是著名的图像处理软件，具有超强的特效制作功能和照片处理合成功能。是设计师必须掌握和精通的软件。本课程采用案例式教学方法，通过对大量有针对性的教学案例，使学习者掌握Photoshop的图像处理、图像合成、图像创意效果等技术。

课程二：网页界面及网站美工设计

学习目的及效果：

网页美工及界面设计，是指网页设计者根据网页所要表达的主题，将大量信息通过归纳、整理、美化设计，使页面视觉漂亮、网页信息有条理，从而提高网页的阅读效率和信息搜索率。网页设计者不仅要掌握基本的网页制作技术，还需要掌握网站的风格、配色等网页美术设计原理，依照项目设计的目的和需求，自觉地对网页的构成元素进行艺术构思，是一种创造性思维活动，以创造出艺术化、人性化的网站页面为目的。

本课程旨在提高学员的审美能力、让学员能熟练操作PS软件进行各类风格类型的静态页面设计。

课程三：Dreamweaver

课程四：Fireworks

课程五：Flash

课程六：网页设计及综合案例

第三篇：网页美工设计制作岗位职责

1.负责网站整体版式设计。

2.负责网站各种活动推广页面设计工作。

3.熟练运用各种不同类型的设计表现形式，准确传达信息。

4.本着以用户为核心的设计理念，对页面进行优化，使用户操作更趋于人性化。

第四篇：网页美工设计色彩搭配原则

网页美工设计色彩搭配原则

网页设计中：网页美工设计色彩搭配原则

网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。

蓝色多与白、橙搭配，蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。

绿色多与白、兰两色搭配，绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。

橙色多与白、红搭配，橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。

暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，常以暗红为主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

网页美工设计色彩忌讳

尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页美工设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。

在网页美工设计中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

忌脏是指背景与文字内容对比不强烈，灰暗的背景令人沮丧!

忌纯是指艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

忌跳是指再好看的颜色，也不能脱离整体。

忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

忌粉是指颜色浅固然显的干净，但如果对比过弱，显得苍白无力了，就象病夫一样无可救药。

另外，蓝色忌纯，绿色忌黄，红色忌艳。

一位网页美工设计的前辈说过：设计师不要“为设计而设计”。再炫酷的页面效果、再丰富的表现形式，如果偏离了以用户为中心的主线，让用户抓不住重点，感悟不到网页本身所需要体现的信息，那么，再好的画面呈现也是败笔。

第五篇：网页美工设计需要注意的三大细节

网页美工设计需要注意的三大细节 细节决定成败，可用于每一件事，每一个工作，对于细致的网页美工来说更是需要注意了，下面为大家美工新手们介绍几种需要注意的细节。

1、精确到1个像素

如果你是一个成功的页面设计者，你至少会在做出页面前已经把整个页面构思好了;如果你很宽容地对待图片中1个像素的差别，那说明你还不是很合格。

2、色彩的平衡与呼应。1)色彩的平衡。色彩在页面中可以形成很多的效果，通过强烈的对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住其他颜色的色彩。

2)色彩的呼应。一种比较突出的色彩，如果很突兀地放在页面中，无论你是突出重点也好，还是logo图标，都给整个页面带来了副作用。为此，你必须在相对称的位置加上该色系(对于页面并不醒目)的色彩以呼应，这样可以弱化这种视觉的冲击。

3、注意页面的分块，着手设计一个页面的时候，你必须根据所掌握的内容，以及其风格，对页面的整体进行分块。分块是一个非常必要且难以掌握的技巧。对于一般杂志来说，它们是有边的，这意味着杂志美工设计师有边可循，依靠边来形成立体感，依靠边来产生未尽的意韵;但是对于web页面，边的概念被淡化了，屏幕可以上下左右的拖动。所以此时分块显得非常必要，目的也就是产生边的效果。

分块可以用不同着色的色块、框、细线、排列整齐的英文等等，还可以混合使用，但是注意不要过于醒目，因为页面的重点在内容，而不在其他。

1.ps图像处理的功底要好，这样才能够吸引人的眼球。

2.要有审美观点，网页不是平面，页面里的元素比较多。

3.需要细心，对做出来的东西近可能的细。

4.多参考一些精品网站，学习了解他们的经验，你会收获很大。

5.很重要的一点，就是网站的布局一定要合理，一个布局合理的网站是成功的一大半。

6.多交流多沟通，可将自己设计好的网站给朋友们来欣赏，让他们提提建议，说不定会有好的建议，但自己一定要有主见。