美工的工作职责是什么?

装修宝典011

美工的工作职责是什么?,第1张

美工的工作职责是什么?
导读:美工的工作职责如下:1、负责公司所需的各类三维设计、平面设计、POP设计、VI应用设计等。2、负责各类活动的现场布置、背景布置和道具 *** 。很多人选择学习设计其实都是三分钟热度,更好在学习之前先来做一个小测试→点击测试我适不适合学设计3、负责

美工的工作职责如下:

1、负责公司所需的各类三维设计、平面设计、POP设计、VI应用设计等。

2、负责各类活动的现场布置、背景布置和道具 *** 。

很多人选择学习设计其实都是三分钟热度,更好在学习之前先来做一个小测试

→点击测试我适不适合学设计

3、负责商场各类模型、道具的 *** 和绘制POP等。

4、协助美术师对商场店堂内、外广告的管理。

5、协助美术师对商场环境的规划、形象的规划、美陈布置等。

6、配合公司各类社会活动、促销活动的现场布置、道具的 *** 及美术陈列。

美工分为三类,网店美工是 *** 拍拍等网店页面编辑美化工作者的统称,需熟悉Photoshop,Cdr,Illustrator,了解产品的特征,对用户群需要准确判断,设计出吸引眼球的海报等;平面美工是由美工用Illustrator或者Photoshop设计出平面外观;三维美工是由美工用3DMAX等的三维角色模型设计,道具模型设计,环境场景模型设计,包装设计等。

具体的范文模板

链接:https://panbaiducom/s/1DU55ELLRfg0MOIpYGTJAvA

 提取码: hgsw

运营笔记|移动产品中的Banner怎么做?

Banner本身是横幅的意思。在App中,banner是一个非常重要的资源位,是一个页面中最吸引眼球的地方,也是流量较大的位置。

Banner通常采用图文结合的表现方式,用于展示重点内容,也常被作为广告资源贩售。

1_范ǜ缕荡

根据banner的位置确认更新频次。通常流量越大的banner更新频次越高。尽量做到日更,最多不应超过三天。

如果banner的流量很差,运营辛辛苦苦做的上去的内容没有流量,就需要积极和产品经理反馈沟通,从banner的位置设计、展示入口方面进行改善。

2确定栏目

我给我运营的产品banner设置了如下三类栏目(1)优质内容展示(2)用户互动专题(3)重点推广的产品/商品。

每周的banner展示尽量涵盖以上三个栏目,以保持内容的灵活性和新鲜度。提前一周准备好banner内容并确定排期。

3通过排期表进行管理

1统一设计模板

下图是某酒店App的Banner位今天展示的三幅banner

虽然每一幅的图象都有精心设计过,但看起来很乱。这种风格我不喜欢。Banner呈现的内容和视觉效果,影响着整个产品的调性。所以我认为大部分的banner应该有统一的设计风格。

比如以下产品的banner,基本采用了统一模板。

以上app都对banner做了模板化设计,整体看起来更加划一和清爽。有了统一模板后,也不需要每次更新banner都请设计去做图了,运营可自行修改文案和配图即可。

所以,常规栏目的banner设计模板很重要。需要和设计沟通,确认以下:

(1)banner的整体视觉风格,选择背景图的色域范围和风格(这里一定要注意的版权问题)

(2)文字的排版方式,确认字体、字号、颜色和位置。

有了这个模板做基本保证,运营可以快速的做出合适的banner图了。

另外还需要注意的是:

(1)定期更换模板,避免审美疲劳。

(2)除固定模板以外,也接受多样的设计方式。仍要注意设计风格的统一。

如何用PS软件设计出优秀的banner图

设计banner主要有以下几个重点:

(1)颜色搭配一定要搭配,视觉上一定要协调。

(2)元素要简单、突出、明了,突出设计主题,避免复杂、繁冗的元素。

(3)空间规划上要合理,避免元素之间过密过疏的现象。

(4)衔接、过度自然而有张力,避免突兀现象。

具体的设计还要看设计者对设计主题的把握,还有对设计的见解,以及过往经验,加强这些方面的锻炼并将它们结合在一起,就可以设计出比较吸引人的作品。

Banner *** 的套路分析

以下内容是我在 *** banner时的简略分析,以及平日素材的积累和应对突发任务时的思考。

作为设计师,在工作中我们可能会遇到下午给方案,下班之前出banner的需求。也许我们对于 *** banner的 *** 轻车熟路,但突发的情况总会让我们措手不及。

措手不及的结果就会导致我们设计产出物的质量有所下降。毕竟,合理的时间保障对于设计来说还是非常重要的。

下面提到的快速 *** banner的 *** ,需要我们平时的积累,以及对设计软件合理的运用。

banner的结构大致分为三层:背景层、装饰层、文案层。背景层会确立整体banner的风格或配色;装饰层起到点缀作用,并可以控制整体版式的平衡;文案层是核心内容的展示,以展示主要文字为主。三层级互相组合搭配,从而支撑起整个banner。

banner的常见版式:①左右排版、②居中排版。

受到文案字数限制、所选搭配元素、产品的属性等原因,版式的选择需要根据实际情况进行判断。

常见的banner构图样式组合有:平铺样式、环绕样式、倾斜样式、斜切样式、放射样式、isometric样式、三角样式等。

背景层、装饰层、文案层,三者之间有着密切的关系。

比如:背景层设计的过于复杂,那么内容文字的处理就要倾向于简洁,反之亦然;而装饰层也并不是必须要存在于每一个banner当中。当背景层中内容已经很丰富的时候,装饰的内容可以删去。

当背景为纯色时,需要适当的添加点缀物。而且可以对文字进行处理增加吸引力,避免整体的单调。

背景的种类大致分为适量图形、字体、颜色和四种。

包括写实和卡通等;颜色分为纯色或渐变;字体放大也可以当做背景;矢量图包含的组合有很多。简单的圆形、方形。甚至是点、线的组合都可以运用在背景中。每当节日临近,也可以匹配一些节日风格的适量图形进行设计。

装饰的点缀应该是锦上添花的。不能盲目的因为视觉效果而添加过多的装饰,这样反而会误导用户,造成混乱的感觉。不利于文案内容的传达。

适当的点缀和修饰,可以让页面避免单调;也可以使banner的元素之间达到平衡,视觉效果更加和谐。同时,文字的运用也是装饰点缀的关键。

根据产品属性的不同,举例说明:金融类的banner可以使用较小或较细的字体进行搭配。同时,使用点状分布排列营造高端感;电商类的banner可以使用渐变的圆形或线条进行修饰。目的是搭建出欢快的、促销的感觉,吸引用户点击。

①banner的设计当中,文案字数的多少也至关重要。过多字数或复杂的内容非但不能让用户清楚文案要表达的事情,反而会让用户感到麻烦。我明白交给设计师内容的小伙伴想把活动解释清楚的初衷。但在注重用户体验的当下,人们的耐心显然是无法接受过多文字的。

因此,当我们接收到的文案字数过多的话,要之一时间果断提出自己的想法。文案中的卖点和痛点是最重要的两个部分,其他内容都可以省略。

同时,过多的字数也是我们设计当中的困难。较小尺寸的,可能单单放几行文字就已经无法再安排其他的布局设计了。

②字体方面主要分为衬线字体和非衬线字体。衬线字体的笔画有修饰,且粗细不同,参考宋体;而非衬线字体就比较横平竖直,笔画粗细相同。衬线字体大多用在古典风格或民族风格的banner设计当中。非衬线字体适用的范围就比较广,可以说绝大多数的banner中都可以运用。

③文案分为主标题和副标题。主标题自然是最精简也是最抢眼的部分,而副标题可以是主标题的解释说明,也可以是接主标题的新文案。区别搭配有助于用户之一时间分辨出文案的主次,让页面更加协调。

好的配色需要一定的配色基础以及日常练习的积累。但是当遇到特殊状况时,显然并不会在颜色上留给我们有太多的时间。所以,我们就需要一些辅助的方式来完成颜色的搭配工作。

这里我推荐两个网站:①

/

之一个网站会推荐许多不错的颜色搭配,其中有不少是我个人比较喜欢的;第二个网站是materialdesign官网中的color部分。其中的Colorpalettes在我们输入颜色之后自动生成搭配。

有了这两个网站的配色加持,会大大缩短我们设计banner的时间。

当banner设计完成后,我们的工作可能并没有就此结束。在设计APP产品之初,如果我们在不同页面的很多地方都设计了不同尺寸的,便于运营做推广的banner区域的话,那么后期我们在修改这些尺寸的时候就会非常头疼。可能一张图我们需要改成七八张banner。并且有的的尺寸并没有规律可言。

因此,我们在设计APP之初,就要想到这样的情况。在设计banner时,设定好统一比例,方便后期更改;同时,要运用photoshop中的智能对象等功能,快速修改尺寸。

要在极短的时间内设计出效果不错的banner,除非能力强悍或是胸有成竹,我能想到的 *** 就在于平日的“积累”。

文中提到的背景、装饰,都是碎片化可拼接的内容。我们在工作或平日里可以设计出足够的素材,那么在时间紧迫的时候进行拼接就好。

文字字体方面我们可以分析出平时所给文案中的一些“套路”;分析里面总是会提到的几个字或者是相似度很高的标题,来进行字体的设计。

无论是简单也好、复杂也好,把平日里 *** 的元素素材进行整理归纳,建立自己的素材库。这样,在面对措手不及的任务时才不至于慌乱。花瓣或者Eagle就是两个不错的素材整理工具。

提到临摹,我们就不得不提到另一个词“抄袭”。其实,抄袭的认定是见仁见智的。每个人都有自己的认定界限。而我能想到的避免抄袭的 *** ,就是“刻意改变”。以下面的小人为例。

提到临摹,我们就不得不提到另一个词“抄袭”。其实,抄袭的认定是见仁见智的。每个人都有自己的认定界限。而我能想到的避免抄袭的 *** ,就是“刻意改变”。以下面的小人为例。

和日常的元素搜集整理一样,模板也需要我们提前进行准备。我们需要找准产品定位,和往期banner的规律为其量身设计模板。可以参考原型图的形式 *** 黑白排版样式。

上文中提到的尺寸问题,我们可以用置入链接智能对象的 *** ,来快速批量修改banner的尺寸。

①筛选出尺寸相似或形状相似的banner;

②找出关键banner尺寸,以此作为基准作图;

③banner中的文案文字的上下高度范围,要在众多尺寸中的最小高度banner的尺寸范围内。

④在基准尺寸图中进行设计。打开PS其他尺寸的文件,选择文件--置入链接的智能对象--调节大小。这样我要需要调整时,只需要修改基准banner图一张就够了。

作为设计师而言,我相信都不愿意碰到要求临时出图的情况出现。但我们也需要为这种情况而做准备,以确保在时间紧迫的时候来保证自己设计产出物的质量。因此,日常的收集和积累就尤为重要。

阿里“鲁班”-让天下没有难撸的Banner

[设计思维][人工智能]

在2015年之前的 *** “双11”,商品推荐都是人来控制的,由运营决定给用户推荐什么产品,而2015年的“双11”,是阿里之一次基于算法和大数据,为用户做大规模的、个性化的商品推荐,叫做“千人千面”,是阿里流量分发模式很大的升级和转型。“双11”结束后,设计、工程和算法团队聚在一起,商量下一年要做些什么。我们当时想,我们已经做到的个性化推荐,但都是基于白底图商品推荐,能不能往前迈一步,让强营销导向的广告资源位的设计也“千人千面”呢从纯商品个性化跨到广告资源位个性化,中间几个关键的技术点打通之后,我们就着手做了。

之一点:图像算法“抠图”。因为高质量的广告设计需要把商品抠出来,放到精美的设计主题里。以前都是设计师给商品抠图后再做设计,现在我们用机器做海量设计,就得让机器来做这个事情。我们跟阿里搜索部门做图像切割的算法团队合作,处理海量的商品自动抠图。

第二点:把设计变成“数据”。一张广告设计是像素组成的“信息”,不是“数据”。我们利用机器把商品、文字和设计主题进行在线合成,这样每张广告就带上了商品信息,可以根据消费者偏好进行个性化投放。所以鲁班产品上线初期,我们请设计师根据活动主题做了大批量风格确定的模板,证明了这种模式投放效果可以大幅提升点击率。

第三点:让机器学习设计。靠“人肉设计模板”度过了之一个阶段,但长远发展角度我们必须让机器来做设计。大概是16年8月份开始的,有一位之前负责 *** “拍立淘”(在 *** 内通过搜索找同款,随拍随找)产品开发的图像算法专家加入进来,主导整个智能设计的算法框架。

因为我们在做一件很新的事情,行业里没有什么参考对象,只能不断试错。刚开始的时候,我们的数据不太够,就制定了很强的设计规则去控制,结果就是机器要么跑不出设计结果,要么设计出来的结果很失控。设计是有无穷可能性的,靠弱数据强规则必然走不通。意识到这一点以后,我们就集中精力去解决数据问题,把内部设计师电脑里的设计图和供应商的设计图都收集过来。我们有自己开发的设计协同工具“设计板”,有点类似Slack(一款协作办公应用),但是是专门用于设计协同的。这样才能方便我们大批量、规模化的找到这些数据。因为收集过来的数据是很杂乱的。比如“双11”期间“魔性”的设计风格跟无印良品这种“性冷淡”风格差异很大,这是完全不一样的品牌调性和设计需求。我们花了很大的力气去整理和建立了一套数据体系去管理设计数据,让机器生产出更匹配的结果。

之一步:让机器理解设计是什么构成的。我们通过人工数据标注,对设计的原始文件中的图层做分类,对元素做标注。设计专家团队也会提炼设计手法和风格。通过数据的方式告诉机器这些元素为什么可以放在一起,我们把专家的经验和知识通过数据输入。这部分核心是深度序列学习的算法模型。

第二步:建立元素中心。当机器学习到设计框架后,需要大量的生产资料。我们会建立元素库,通过机器做图像特征提取,然后分类,再通过人工控制图像质量以及版权问题,我们买了有版权的图库,也是希望从一开始就避免版权方面的纠纷。

第三步:生成的系统。原理有点像AlphaGo下围棋。我们在设计框架上构建起虚拟画布,类似棋盘,生成的系统把元素中心的元素往棋盘放,在这里我们采用了“强化学习”,就好像你在家里放一台扫地机器人,让它自己跑,跑个几圈,它自己会知道哪里有障碍要避开。在强化学习的过程中,机器参考原始样本,通过不断尝试,得到一些反馈,然后从中学习到什么样的设计是对的、好的。

第四步:评估的系统。我们会抓取大量设计的成品,从“美学”和“商业”两个方面进行评估。美学上的评估由人来进行,这方面有专业众包公司;商业上的评估就是看投放出去的点击率浏览量等等。

“双11”的风格是比较确定而且需要严格执行,所以设计师 *** 了很多“双11”特定风格的固定模板。机器在这个基础上,把调整尺寸这些行为进行优化,节省了尺寸拓版的人力。用机器生成亿级设计从而带来商业效果提升,总体来说也是一次非常成功的应用实践。我想未来的“双11”仍然会是设计师带着机器做设计的模式,重大活动中设计机器是提升效率的助理角色。

引用阿里CEO的话——“鲁班是数据业务化的代表”,之前我们有很多数据,但都是闲置的或者利用效率不高的,比如海量的商品图,而“鲁班”把数据变成了业务,通过大规模设计加精准投放,提高每个广告位的资源效率,带动了流量的效率和业务价值,点击率是翻倍的,收益也接近翻倍。人员倒没有出现缩减,只是做的事情有调整了,要学习这套系统,学习如何训练机器,同时在美学方面做把控。

一是要让智能设计去影响阿里设计生态,让“鲁班”能服务百万量级的商家和设计师。一开始在内部推进“鲁班”的时候,我们也面临过阻力。传统的方式就是,设计一个banner,放很多商品,显得很热闹,而“鲁班”做出来的banner上就是单件商品,但与消费者是相关的,因为是基于算法精准推荐的,是你会感兴趣的,只是这样就要把商品放大、显眼,可能在设计上就不够美。但最后,我们让数据说话,确实后者给业务带来了很好的增长。这个教育过程是比较长的,在内部我们可以做,但面对百万商家和设计师如何去做这是我们的挑战。

二是数据算法本身的持续升级。AI行业每年都会有很大的变化,新的技术不断涌现出来,如何跟上最新的技术这也是我们始终不能松懈的点。

用AI绘制孟菲斯风格的Banner

1孟菲斯风格:一种后现代设计风格,设计理念是设计一种生活形式、设计没有固定的风格、具有多边性,用于平面、室内设计、服装设计、产品设计,特点:

(1)用色简单明快

(2)平面上突破空间感、突出立体感(洞、三角体),立体上展示平面

(3)点线面元素的搭配、重组,具有趣味性,撞色搭配

2波浪线的画法:钢笔画一条直线—效果—扭曲和变换—波纹效果—勾选预览、平滑—调整大小、数量

3路径转换为图形:两次扩展外观

4 *** 立体文字:复制两层文字—使用钢笔工具连接对应点

5Alt键+左/右键调整字间距

使用工具:符号工具+图案工具

一、符号工具(类似散点画笔)

1使用系统默认的符号:窗口—符号—打开库—选择一种图案—单击工具栏的喷枪工具—选中所喷图案—选择位移工具可拖动图案

2自制符号:绘制符号图案—将其拖入符号窗口—使用收拢工具、缩放工具、旋转工具(随机角度)、符号着色器(减色)、滤色工具(减透明度)

3更改图形样式:窗口—图形样式

4扩展后可单个编辑图形

二、图案工具(平铺)

全选所有元素—对象—图案—建立—确定

可选择网格、砖型(按行、按列、高度、宽度)、重叠(无缝拼贴效果)

新建一个形状—点击图案—双击图案可继续编辑

背景被锁定—调整好形状的位置后按Ctrl+K—勾选“变换图案拼贴”—移动形状图案背景无变化

*** 网页常用的设计工具有哪些,分别有什么特点

DreamweaverCS4:网页布局、 *** ;Html&Css简介;网站管理与维护、上传与下载;

Fireworks:美工设计、网页配色;Banner的 *** ;常见网页动画 *** 、网页布局;

FlashCS4:经典网页动画、广告、片头、贺卡设计与分析;MTV *** 、交互式网站简介;

PhotoshopCS4:Photoshop操作基础、图像优化处理、经典实例分析与 *** 、gif动画、广告gif

IllustratorCS4:广告招牌 *** 、灯箱广告、服装广告设计、企业徽标设计、名片设计

三大构成:平面构成、色彩构成、立体构成

Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、banner设计;

Illustrator网页设计、网页字体设计、网页规划设计

软件特点

div+css,javascript,这些是代码方面的。另外,要会几种软件dreamweaver、photoshop、firework、flash。

dreamweaver是可视化的网页布局软件,ps、fr和fl是网页里素材的 *** 软件。而div+css

是负责结构的,javascript是负责 *** 互动的