网页美工设计说课（网页美工教案）

本文目录一览：

• 1、淘宝美工设计的网页技术知识
• 2、网页美工的切图设计技巧
• 3、photoshop网页美工期末总结与体会文章
• 4、网站美工设计的基本原则

淘宝美工设计的网页技术知识

1、美工设计最长用的工具就是Photoshop软件，简称“PS”，它是由美国Adobe公司开发和发行的图像处理软件，功能非常强大，主要应用在处理像素构成的数字图像。 同时也是这本书重点讲解的内容。

2、淘宝美工，就是淘宝网店网站页面的美化工作者的统称，其周边工作有网页设计、平面设计、图片处理等，主要设计产品描述页、店铺首页等。

3、页面设计色彩要清新，布局要大方；页面设计要有整体性、一致性等。一致性包括色彩的统版式的统一和字体的统一等；页面布局应主次简约分明，中心突出，大小搭配，互相呼应，图文并茂，适当的空白利于消费者阅读。

网页美工的切图设计技巧

1、在切图时，同一块中的内容是完整的，也就是说，要保证完整的一部分在一个块内，例如某区域的标题文字，网页的LOGO，网页的广告，网页的导航区等可以分别是一个独立的块，这样做的目的是方便日后网页编程和修改。

2、打开设计图 首先要打开设计师提供的设计图，通常设计图是一个psd文件，其中包含了所有需要切割的元素。选择需要切割的元素 在打开的设计图中，选择需要切割的元素，比如按钮、图片、文字等。

3、步骤如下：首先我们需要用到的文件就是psd的文件了，一般都是由设计师来完成的，我们切图也就是切psd文件，因为psd文件是分层的，所以想切哪里切哪里。

4、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。

5、打开PS，点击切片工具，如下图所示。点击切片工具，可以将图片切割成所需的大小，如下图所示。剪切图片后，点击导出特殊网页使用的格式，如下图所示。输入属导出web的格式页面，并按住shift键选择所有部分。

photoshop网页美工期末总结与体会文章

【篇一】网页美工个人年度总结范文 光阴如梭，时光飞逝，转瞬间20xx年己结束，XX年的美好时光伴随着我们疾驰而去，回顾20xx年还不能画上完美句号，常言到；有总结才有进步与提高。无论愿意或不愿意。

第一篇：PS实训心得与体会 一周的实训已经结束了，在这短短的一段时间内，发现了制作网页的确是个艰苦且繁琐的工作，也体会到了一些平常上课时所没有体会到的东西。

活动专题，与项目专题的设计。根据文案提供的内容来设计策划专题活动。平均3天/个。

所以不会让自己因工作的烦恼、困难和压力，困扰自己，使自己工作情绪化、生活情绪化。

下面是我收集整理的个人网页设计学习心得体会范文3篇，欢迎大家阅读。 2020学习网页设计心得体会（一） 转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

网站美工设计的基本原则

设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。 区分重点 如果屏幕元素各自的功能不同，那么它们的外观也理应不同。反之，如果功能相同或相近，那么它们看起来就应该是一样的。

目标原则 创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。

第网站设计的基本原则 一个网站在被打开的瞬间，是否能够有效达到网站设计者的目的，是否能够立刻引起访问者的共鸣和兴趣，是否能够传达网站的中心内容等，这些实际存在的问题都会对网站的运营和效果产生巨大的影响。

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统连贯、分割、对比及和谐。关于网页设计的设计原则有哪些，青藤小编就和您分享到这里了。

在网站设计中需要考虑的基本原则如下：以用户为中心 以用户为中心的原则实际是要求设计师要站在用户的角度进行思考。用户优先，网页UI设计的目的是吸引用户浏览使用，无论何时都应该以用户优先。