淘宝美工的排版技巧

淘宝美工的排版技巧

淘宝美工是淘宝网店网站页面的美化工作者的统称。周边工作有网店设计（平面设计）、P图（处理）。是淘宝网店页面编辑美化工作者的统称。下面是我为大家带来的淘宝美工的排版技巧，欢迎阅读。

1思考构图

a不同的构图起到的作用是不一样的，活动或者促销类通常建议使用斜线或者焦点中心放射性构图，起到的作用是使读者产生紧张感和力量感！富于动感，画面活泼，容易产生画面的汇聚形式，吸引眼球，达到突出主体的效果！

例如：

b曲线折线等形式的构图：韵律感较强，优美有变化，具有延伸感，非常适合创意点的发挥，给读者意犹未尽的感觉。如果想引起买家的好奇心，继续读下去，是一个很好的方法！

例如：

c稳定性构图：一般就是左右平衡或者上下平衡。作用是简洁，最符合大众审美，缺点就是过于常见，死板！适合表达产品静的感觉！！

例子很多，简单截图几个

总结：构图很多，这里大概归类三种，即a以中心或者放射性线、斜线为主的引导聚焦性构图；b以曲线或者直线折线为主的创意性构图；c平行直线或者竖线为主的稳定性构图！合理运用三种构图之间的变化，就可以起到影响读者兴趣情绪的作用，前篇我已经写到：页面从开头到结尾都贯穿着一条无形的线，兴趣点就是读者在这条线上的旅游站点。只有打理好每个站点，读者才能到达终点站！

2叙述的连贯性（文案是把双刃剑）

a夸不完

这里有两层含义：一是夸产品；二是夸读者！夸产品大家都能理解，夸读者可能不是每个人都懂，解释一下，我们布置每个兴趣点都要为读者也就是买家着想，把他们当孩子一样看待，要让买家读的高兴，读的开心，除了画面做的漂亮，还要不时的拍他们马屁。但宗旨只有一条：让他们感觉到自己很有眼光，他们选的就是对的！！！

b刺激不断

好多人都讲过的，就是挖痛点！布局兴趣点的时候的该夸读者了还是要帮他提个醒了，拿捏的好是种技能！建议大家有空就去读心理学，只有更多的了解买家心理，才能更好的去埋雷。进而炸掉买家的心理防线，心甘情愿去下单！

c啰里啰嗦烦着你

把产品最好的卖点提炼出来，经过排版设计加工做成最棒的兴趣点，这里建议做成口号性质或者服务态度。这颗雷可以贯穿整个视觉兴趣线，建立重复记忆，不要让买家看完整个页面啥也没记住，那就失败了，买家通常都比较懒，记住一点就足够了！！

d会编故事

个人认为这个点只适合部分类目产品。有些产品讲故事反而是适得其反，买家不是傻子，感觉不对劲会不买你的账。讲故事的优点是连贯性强，吸引力足。但是记住一点：适合自己产品类目的才是最好的！

e会设计好看的文字版式

总结：以上五点只是针对电商而言，中国语言千变万化，博大精深。但我们的宗旨不变，那就是让买家开开心心的看我们讲解产品的好，并伴随着我们善意的提醒和不断的喊口号调动买家情绪！我们产品页面讲解完了，不求全部记住我们的产品的好，只求买家能记住一点那就是赚了！（这一点没有举例，感觉没必要，大家自己去琢磨是不是这么一回事，我相信大家能读懂）

3色彩心理刺激

;

电子商务和网页的发展带动了一个新的行业的发展，那就是网络美工设计，因为我们看到了网页的蓬勃发展，也看到了网页美工设计这光明的前景，越来越多人学习网页美工设计，很多人刚开始接触网页美工设计感觉，这是一门很难的学科。以下是小编搜索整理如何学好网页美工设计，欢迎大家阅读!

大家都知道网页设计的职能是很多的，它本身包含的就业范围也很广。网页设计的课程学习分为前端和后台。我们今天要讲的网页美工，就是网页美工设计中前端的课程。

在网页发展前景十分光明的今天很多人都在问，怎么样才能把网页美工学好呢其实想要把一行学好，我们只需要了解这个行业，然后是这个行业的前景，最后是需要学习的课程。把这些都了解后，基本上就能学好了。

在了解课程之前，我先跟大家介绍一下网页设计的就业前景。2014年网页设计的就业前景到底如何呢如何抓住这一机遇随着国内互联网的快速发展，中国网民的数量大量的增加。所以很多人通过互联网去实现自己的要求。比如说现在很流行的网购、通过招聘网站进行求职等等，随着社会的发展，人们的生活会更加的依赖网络。因此每个人，每个公司都想去做网站，个人通过网站推广自己、公司通过网站推广公司的品牌与知名度、获得更大的利益化。

网页美工示例

做网页有两大很重要的要点:整体风格和色彩的搭配。对于整体风格来说要注意这几点:第一：将标志logo尽可能放在每个页面的最突出的位置。

页面颜色和内容字体颜色要有明显的区别，要将外链和内链做的与其他内容内有明显的区别。对于色彩的搭配来说:首先页面颜色不要丰富，这样不会使页面颜色没有一个主色调，颜色不太丰富可以让页面看起来色彩相对统一，有层次感。

页面用同一个色系。

简单的来说就是用同一个感觉的色彩比如说暖色调和冷色调。网页设计能够让你学会网页设计的一些设计技巧，

网页需要注意的事项其实也是我们网页美工所要注意的几点，将标志logo尽可能放在每个页面的最突出的位置和页面用同一个色系。对网页美工来说也是非常重要的。知道了这些就意味着可以学好网页美工了吗当时不是，了解了它的前景和需要注意的两个要点之后，我们还要来了解最重要的设计软件的学习及应用。网页美工需要学习哪些软件呢我们一起来看一看。

1Dreamweaver：

讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧

2Flash：

讲解FL在视频、声音、图形和动画方面的`应用，可以各种动画制作、导航界面、互动效果以及其他奇特的效果

3Fireworks：

讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

4Photoshop：

熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合AI的应用掌握以上软件的学习在网页美工中是相当重要的，并且要成为网页美工高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平，网页美工是一个感性思考与理性分析相结合的过程，它的方向取决于设计的任务和网页的制作以及设计人员的灵感，并且网页美工人员还要学习网站运营和网站优化等相关的一些知识。

我们要学好网页美工设计，首先我们要知道网页美工设计相关软件Dreamweaver，Flash，Fireworks，Photoshop等软件的 *** 作，还要学习颜色搭配基础，要学好logo制作等内容。

图像处理中的选择是一件非常复杂和困难的 *** 作。困难和复杂到什么程度呢？我们知道，一幅图像动辄成千上万的像素，要从千千万万的像素中准确“捕捉”到需要的像素，排除不需要的像素，就像将一把米撒到沙子中，然后从沙子中挑出米来一样困难。

如果将一把米换成一把面，让你从沙子里挑出面来，你能迎接这个挑战吗？这个说法肯定会让你目瞪口呆。幸运的是，Photoshop将这项不可能完成的困难任务变成了一项轻松愉快的工作Photoshop软件基础技巧

一位Photoshop 大师曾经说过：“Photoshop本质上就是选择的艺术。”这句话可谓一针见血，入木三分。它能够使得我们从五彩缤纷的颜色世界中跳出来，深入思考Photoshop最核心的问题。Photoshop软件点击

“液化”滤镜

“液化”滤镜对话框内容复杂，并且很多选项对读者来说较为陌生。

滤镜界面分为 3 个区域：左边的工具区、中间的图像 *** 作区和右边的选项区。它们分别相当于 Photoshop 中的工具箱、文档区和选项栏。

“液化”滤镜对话框的各个选项对用户颇有压力

扭曲工具

选择什么演示图像颇费踌躇，因为演示液化滤镜的最好方式就是人物肖像变形，但哪个人希望自己被液化滤镜恶搞呢？直到有一天突然想起萨尔瓦多·达利（Salvador Dali ）的《蒙娜丽莎自画像》，才解除了顾虑。有了大师的先例，就让蒙娜丽莎带给我们一些轻松愉快的微笑吧。

萨尔瓦多．达利（Salvador Dali ）的“蒙娜丽莎自画像”。

看来蒙娜丽莎不必总是一成不变的神秘微笑

读者也许想起不久前讨论过的“扭曲”滤镜和“液化”滤镜相比，哪个更强大些呢？

一般来说，“扭曲”类滤镜制造的是整体效果，而“液化”滤镜更擅长局部的变形，提供的工具也更加多样。

向前变形工具：通过拖动光标来推挤像素。感觉就像用手指推挤橡皮泥，或是将面团擀开摊成一个面饼，这是整个“液化”滤镜中最容易和最常使用的工具。

眼睛和嘴唇进行了变形

如果不想使蒙娜丽莎的表情太夸张，可以使用小一些的笔刷、小一些的笔刷压力，还可以用蒙版保护某些区域。

顺时针旋转扭曲工具：这个工具最早叫作旋转扭曲工具。在我看来，早期的名字更加确切，因为它不但可以使像素按顺时针，也可以逆时针方向进行旋转扭曲，只要用Alt键就可以在这两者之间转换。

有了旋转扭曲工具，就不用再上理发店去烫发了

褶皱工具：可以使像素向光标的中心点收缩（70版本比 CS 之后版本的收缩效果柔和），效果很像将人脸缩成包子褶皱一样。

收缩点为蒙娜丽莎的鼻尖

膨胀工具：让图像像面包一样发起来，这就是膨

胀工具的作用。它制造的是和刚刚介绍过的褶皱工具相反的效果。

看到这个大鼻头，读者可能会忍俊不禁

这都是膨胀工具的功劳

左推工具：使用这个工具拖动时，像素总是沿与

拖动方向垂直的方向移动。例如，向左拖动时，像素朝上移动；向右拖动时，像素朝下移动。掌握了这个规律，这个工具就显得不那么难以把握了她也许精力不够集中这都是左推工具让她分的心。

人脸识别

终于到了人脸识别这个令许多人兴奋的功能了。所以把它放到“液化”滤镜的最后来讨论，一是因为这个功能建立在一些基本的扭曲工具应用基础之上，二是因为它的选项相对比较单纯，适合单独拿出来讨论。

提示：如果将“液化”滤镜比作一部相机，那么之前关于液化工具与选项的探讨相当于讨论它的手动挡 *** 作，而人脸变形则相当于讨论自动挡。

液化滤镜的这个令人激动的功能建立在一项现在非常热门的技术——生物识别技术之上。

生物识别技术主要是指通过人类生物特征进行取样，提取其唯一的特征并且转化成数字代码，并进一步将这些代码组成特征模板，然后进行身份认证的一种技术。人脸识别是生物识别技术一项非常热门的研究领域。

“液化”滤镜中的人脸识别其实只涉及人脸检测，即在图像中检测是否存在人脸，进而标示出人脸的特征部位。在“液化”滤镜中，这个功能是通过脸部工具实现的。

脸部工具：当光标移动到相应特征部位时，可自动识别眼睛、鼻子、嘴唇和其他面部特征并标示。

当脸部工具光标移动到相应特征部位时，

可自动识别眼睛、鼻子、嘴唇和其他面部特征并标示。

许多用户只把脸部工具看成一个标识工具。其实，它也是一个变形工具。按住鼠标左键在相应特征部位拖动，可以进行扭曲和变形，相应的参数则自动出现在右侧的选项里。

“人脸识别液化”选项：这个选项可以更准确精细地对眼睛、鼻子、嘴唇和其他面部特征进行参数化调整。

用户可以调整眼睛、鼻子、嘴唇和脸部形状 4 个部位。针对每个部位的特征有相应的调整选项和参数范围。例如，眼睛的每个选项都有两个，分别为左眼和右眼。中间有一个连接符号，如果按下连接符号，则两眼一起以相同的参数调整；如果不连接，则分别调整。

人脸液化的效果比较柔和和有分寸。也许 Photoshop的意图只是希望人们用这个功能对面部进行适当美化，而不是使之面目全非。毕竟，有了 Photoshop，人们再也不敢轻易相信照片了。

人脸识别与液化功能的推出，使美颜一族欢呼雀跃了一阵子，但人们爱美的决心和贪心是永无止境的。也许，Photoshop 该为这个滤镜考虑一下，是不是将美体塑形作为下一步的发展方向。

更强大的液化功能

还有面部感知液化（这不就是美图秀秀的“大眼”模式吗？）

现在的Photoshop爸爸可以说是相当的智能了，还可以智能识别，让左右眼一起调节，防止学艺不精的 P 成大小眼！

Photoshop软件100个技巧

---