用户 品牌 效果 随着媒体发展，品牌广告演变出众多创新十足、彰显品牌调性的创意。广告创意日益精进的同时用户体验阈值也不断提升，如何实现创意突破、触动用户心弦、实现用户体验与商业价值的双赢是品牌广告面临的挑战。百度品牌广告为寻求自我突破，塑造对用户有价值、对客户强权益的新型广告形态，从全局进行思考，打破现有样式的局限，进行创新形态重构。我们将结合卡间联动的创新实践分享品牌广告的创意探索。卡间联动是什么？超级品专是品牌广告的重要产品形态，通过品牌广告结合自然搜索结果，逐步帮助客户构建在百度搜索生态的品牌运营阵地，同时给用户带来更完整的品牌信息获取满足（下图左）。在实际运用中发现，超级品专在样式上希望进一步做突破：1）沉浸感：提升下方白色组卡品牌调性。2）触达率：提升下方组卡的触达及感知。基于以上分析，我们进行了系统性的样式创新，推出卡间联动创新形态，该形态的本质在于通过彩卡形态提升沉浸感，通过互动化的炫动浮层动效引导用户下滑浏览探索，从而提升品宣和数据效果，达到品效双赢的终极目标。卡间联动如何设计？1. 整体视觉升级，沉浸式彩卡，突显品牌调性界面背景上做了多种设计尝试，将白卡区升级为彩卡，提取头卡物料进行智能取色，使头卡和下方组卡更融合，强化整体性，提升沉浸感，将整体区域打造成“品牌运营阵地”。2. 首屏强动效吸引，提升视觉冲击力，增强品牌认知首屏以动效形式展现品牌主推信息，加强用户感知，使用户快速理解品牌亮点，获取品牌信息。此外，我们针对不同行业、不同营销目标，以差异化的动效形式作为品牌服务的延伸，增强视觉冲击力，突显产品亮点，强化品牌认知。3.下滑展现动画，强化品牌卖点，激发用户探索兴趣组卡区结合品牌信息，根据用户搜索品牌的诉求和目标，强化品牌的 2-3 个卖点，通过用户下滑操作触发一段动画，引导视觉动线持续向下，玩法上增加了惊喜感，激发了用户的探索兴趣，吸引用户关注到价值信息后形成点击转化。4. 控制展现时长与展现频次，减少对用户的干扰，注重用户体验前续通过动效传递品牌信息价值，同时我们还以不干扰用户操作为目标，控制动效展现时长及展现频率，让用户更专注并沉浸于内容本身，体验更加友好。品效双赢效果揭秘那么卡间联动设计创新是否真正实现品效双赢？实现商业价值与用户体验的共赢？我们通过线上数据分析和用户体验调研，来揭秘卡间联动效果。1. 数据分析显示：有效提升转化效果和停留时长首发客户来自汽车行业，通过该客户投放超级品专和卡间联动样式的实验对比，后者数据显著提升，点击率平均提升 11%，停留时长提升 20.2%。2. 定性调研显示：有效激发用户兴趣，增强品牌认知和记忆在调研方法的选择上，考虑到卡间联动的设计创新效果与用户视觉注视息息相关，因此，我们引入眼动追踪技术，通过记录用户的视觉注视过程，获取客观数据，同时结合问卷评分和深度访谈，从主客观全面了解用户的真实体验感受。在调研用户的选择上，为了找到最具代表性的目标用户，我们根据行业用户画像设定年龄和性别配比，同时结合百度 App 使用习惯进行筛选。评估维度的选择，重点参考了广告效果评估理论模型（AIDMA 模型），该模型阐述了用户对品牌从“注意”到“行为”转变的心理过程，基于该心理机制，结合品牌广告关注品牌吸引和印象增强的特点，从中提炼了注意兴趣、情感偏好、记忆效果三个维度来衡量品牌宣传效果。关于这个模型的详细介绍：想用设计提升转化率？先学会这个超好用的漏斗模型！漏斗模型，是一种数据分析方式，是一个线性流程，更是一种普遍适用的方法论，或者说是一种思维方式。阅读文章 > 在实验设计上，我们对比了超级品专和卡间联动样式。调研结果如下：1. 注意兴趣：卡间联动吸引用户关注，引起用户兴趣，可提升品牌宣传效果卡间联动能有效提升用户注意兴趣，整卡的注视时长提升 37.5%。用户在浏览整页过程中，分配更多的时间在卡间联动样式区域，注视时间占比从 46.6%提升至 55.8%，增幅 19.7%，注意吸引提升效果明显。进一步细分数据发现，卡间联动首屏和下方组卡注视时长均有所提升，其中首屏动效最先吸引用户，提升效果更明显。2. 情感偏好：卡间联动用户主观偏好更高，增强用户对品牌的印象整体上，用户对卡间联动表现出更高的情感偏好，其中，卡间联动广告设计感和惊喜感提升效果最好，评分提升高于 50%。结合来自用户的主观反馈可以看到，卡间联动提升用户情感偏好的原因主要为动效生动形象，互动性强，能更好的突出品牌特征，传达品牌调性。3. 记忆效果：卡间联动视觉冲击力强，有互动感，用户印象更深刻，品牌记忆效果更好卡间联动通过动效突出品牌卖点，用户可回忆起更多的品牌细节，相较于超级品专，用户记忆印象更深刻。结语综上，卡间联动设计样式，在效果数据和品牌宣传上均有不错的表现，是品牌广告“品效双赢”的一次成功尝试。我们不仅考虑样式的精品化，更注重行业的通用性和规模化，目前卡间联动样式已覆盖了汽车、旅游、食品饮料、奢侈品等行业客户的通用诉求，满足新品宣发、卖点展示等多维度营销诉求。同时最大程度降低物料制作难度，赋能客户低成本实现创意表达，如汽车行业客户仅需提供汽车前视图、侧视图、顶视图三张图片，即可生成炫酷的动效效果，快速投放。在品牌广告自我突破和创新发展的道路上，我们也将继续探索、持续优化，始终不变的初心是，用设计创新的力量，提升用户体验，创造价值。这5个思路，能让你的线上广告更加吸引人现如今的设计师大都是多面手，虽然各有擅长，但是通常会涉足不同的设计领域。阅读文章 > 欢迎关注作者的微信公众号：「百度MEUX」本篇来源：优设网原文地址：https://www.uisdc.com/linkage-between-card
图层 文本 效果 本教程主要使用Photoshop制作电讯干扰特效的艺术字教程，教程将向您展示如何使用PS的图层样式，滤镜和图层蒙版创建一个快速简单的故障艺术文字效果。下面让我们一起来学习吧。先来看看最终的效果：STEP1:创建背景和文本图层(1)新建一个文档800*600px，颜色模式为RGB，分辨率为72ppi。背景色值#101010。(2)使用字体Terminal创建文本，并将大小设置为160px，对齐背景水平垂直居中。(3)将文本图层重命名为文本01，右键单击它，然后选择转换为智能对象;STEP2:如何应用图层样式(1)双击“文本01”图层应用以下图层样式：在混合选项的高级混合中取消 G 和 B 通道，选中“外发光”样式(滤色，不透明度50%，颜色#ffffff，大小10%)。(2)复制文本01，更改重命名为“文本02”，双击图层在混合选项的高级混合中取消R 通道。STEP3:如何创建故障效果(1)选择移动工具，微调文本01和文本02图层在相反的方向显示红色和蓝色的颜色，并得到您喜欢的结果(本文选中文本02向右移动5px)。(2)复制文本01和文本02图层;创建一个新图层，将其命名为“效果01”，然后按ctrl-alt-shift-E(苹果机：Option-Command-Shift-E)键创建所有图层的图章，鼠标右键转换为智能对象。(3)选中“效果01”图层，按住alt键，鼠标点击图层底部的“添加矢量蒙版”;复制“效果01”图层，重命名“效果02”。(4)选择矩形选框工具，创建一些包含文本部分的随机选择，并确保将选项扩展到文本左侧和右侧的外部。在选择之间保持足够的垂直空间，我们将在它们之间创建更多的选择;选择效果01图层蒙版的缩略图并填充白色，按ctrl-D(Command-D)键取消选区。(5)按住alt键鼠标点击效果01蒙版缩略图显示白色色块;再次使用矩形选框工具在拥有的行之间创建更窄的行，但也保留一些未选择的区域。按住alt键鼠标点击效果01蒙版缩略图回复原来效果，选择效果02蒙版缩略图填充白色，按ctrl-D(Command-D)键取消选区。(6)选中“ 效果01”图层，“ 滤镜”>“像素化”>“铜板雕刻”，然后将“ 类型”设置为“ 短描边”。
图层 效果 如图 PS的强大功能远远超出你的想象，使用PS其实也可以制作出立体感非常强的徽章。这篇教程算是PS制作徽章的一个经典例子，也是一个PS表现黄金质感的经典例子，推荐一下，和飞特的朋友们一起分享学习了，喜欢的朋友请给我好评哦！我们先来看看最终的效果图吧：最终效果 其它效果 具体的制作步骤如下： 1、新建一个900 * 675像素的文档，背景拉上灰色至深灰色渐变。新建一个图层，用钢笔工具勾出下图所示的路径。 图1 2、把路径转为选区后加上金色渐变，适当加大杂色（滤镜 杂色添加杂色）。然后再设置图层样式，分别添加投影，斜面与浮雕，等高线，描边，参数设置如图3 - 6，效果如图2。 图2 图3 图4 图5 图6 3、打开图7所示的素材，用魔术棒抠出来，拖进来放到刚才做好的图形上面，适当放好位置。 按Ctrl + M 对素材调整曲线，参数设置如图9，确定后按按Ctrl + U 调整色相/饱和度，记得勾选着色选项，调成金色效果，如图10。 图7 图8 图9 图10 4、将头像素材复制一层，锁定原头像图层后填充一种黄金色中比较重一点的颜色做底色。再把头像副本图层复制3层，分别设置图层混合模式为"叠加"，"正片叠底"，"柔光"。 图11 5、把头像相关的几个图层合并，再调整色相/饱和度及曲线。然后添加图层样式，分别设置投影，内阴影，斜面与浮雕效果，参数设置如图13 - 15。 图12 图13 图14 图15 6、把地图背景复制一层，按Ctrl + Shift + ] 置顶，锁定图层后填充颜色：#8A6F38，图层混合模式改为"叠加"。 图16 7、把当前图层复制一层，描边，将图层填充改为:0%，然后把图层混合模式改为"叠加"，完成最终效果。 图17 最终效果：
虚线 圆点 效果 今天和大家分享一个实用的illustrator海报设计教程，主要是实现客户经常说的大气、科技感的效果，效果图如下，是不是看起来很复杂的样子？不用担心，其实也就简几步就能实现，没什么复杂的技法，会AI基础的同学就能制作出来哦，下面我们一起来学习吧！这里涉及到的第一个知识点就是画圆点虚线，在 Ai里画圆点虚线的方法有好几个，这里给大家分享一个最简单的。第一步：用钢笔工具随意画一条线，在描边面板中把描边的粗细数值设为5；第二步：把描边的端点改成圆角；第三步：勾选虚线选项，然后把虚线数值改为0，间隙数值设为6，圆点虚线就做好了。效果如下：原理：线是由无数个点沿着一条路径排列而成的，当把画笔的端点设置成圆角时，就代表这条直线是由圆点组成的，只是因为每个圆点挨的非常近，所以看起来就像一条线。而勾选虚线选项就是为了使这些圆点分开，虚线的数值表示虚线的长度，我们只需要维持圆点本身的状态，所以这里的数值要设置成0。画笔的粗细值就是圆点的直径，而间隙就是指相连两个圆点的圆心之间的距离，当间隙的距离等于圆点的直径时，这两个圆点正好想切。所以间隙距离必须大于圆点的直径才能成为真正的虚线。第二个知识点就是混合工具，这个大家应该都有所了解，我就简单的说一下。第一步：在画板里画一个圆圈，然后在它的外围画两个扭扭曲曲的线框，如下图，（其实只要两个对象就能就能做混合效果，不过对象越多变化会越丰富，当然也更难控制）：第二步：同时选中这三个图形，然后在菜单栏的对象中选择混合-建立，就得到了如下效果。提示：我们还可以双击工具栏中的混合工具，在间距选项中点选“指定步数”选项来修改步数。搞清楚了圆点虚线和混合工具后，前面所说的那张海报就水到渠成了，我们只需在把已经画好的轮廓图形的描边参数改成如下就好了。首先我们来设置最里面的圆圈的参数，虚线数值为0，间隙为5。然后再来设置外围两个线框的参数，中间线框的间隙参数设为7，最外线框的间隙参数设为9，这么做是为了虚线的间隙从里往外变得越来越大。调整好参数后就得到了如下效果，如果对轮廓的形状不满意，还可以用直接选择工具，拖动外轮廓上的锚点和手柄来调节形状。调整后大致效果如下，中间部分变化比较小，外围部分变化比较丰富。调整好后把图形复制到Ps中填充颜色，具体颜色大家可以自由发挥。最后再把图形周围用蒙板擦一下，使其融进背景里，搭配一点文字就完成了，最终效果和原图会有所差别，但方法就是这样。第二个我要分享的技巧是如何做出用图形组成的球体效果，如下图。很多人可能会以为这个需要3Ｄ软件才能完成，其实通过Ai就能很快做出来，操作方法如下。第一步：排列一组圆点。第二步：从窗口菜单栏中打开符号面板，选中排好的圆点，然后在符号面板的底部点击新建符号图标，于是我们就把这组圆点设置成了符号，创建这个符号是为了后面贴图用。第三步：用图形工具画一个圆，填充一个颜色，然后删除最左边的锚点，这样我们就得到了一个没有封闭的半圆。第四步：选中图形，在效果菜单栏中找到3Ｄ效果，选择绕转，然后我们就打开了3Ｄ绕转选项的面板。第五步：在3D面板中保留默认参数，然后勾选左下角的预览，我们就可以看到刚刚创建的那个半圆已经变成了一个球体。第六步：点击预览旁边的贴图选项进入贴图面板，然后在面板顶部的符号栏中选择刚刚创建好的圆点符号。第七步：点击面板左下角的“缩放以合适”按钮，再点击右下角的“确定”，这时我们可以看到圆点已经附在了球体表面。第八步：回到“3Ｄ绕转选项”面板后，把透视参数改到80左右，这时球体上圆点大小的对比就变得更强烈了。然后我们可以把鼠标移到左上角的立方体处，拖动立方体以调整预览图的角度，完成这波操作后就有了如下效果。通过创建不同的贴图符号，我们可以做出很多类似的效果。第九步：把球体图形扩展后，取消群组、释放剪切蒙板，我们就可以把附在球体表面的圆点贴图单独拿出来了。同样，其他的图形也可以拿出来，这种形式我们也能在海报设计中常常看到，而想要得到前面提到的效果，我们还需要填充颜色，以及重新添加一个圆底。第十步：画一个与图形同样大小的圆，填充好渐变色（用渐变网格工具效果更佳）。图形也可以填充一个类似的颜色，然后叠印在刚刚画的圆上就可以了。不同的贴图和颜色搭配可以得到不同的效果。总结设计技巧虽然不是设计最本质的东西，但它是可以使设计变得更好看、更新颖、更具视觉冲击力的有效手段，并且它可以大大提高工作效率，所以也很值得我们学习和研究，希望这篇文章对你有用。作者：葱爷ID:congyenanian
图层 效果 的是 今天带来一个简单的文字特效，一个模拟玉石质感的文字效果，没有用到任何素材，我们以图层样式来达成我们所希望的效果，以智能对象图层来实现Mock-Up效果。效果图：主要过程：新建文档，我用的是1500X1000像素大小，大家随意。创建一个渐变填充，下图是我用的颜色，当然大家可以用自己喜欢的颜色。感觉光是一个渐变，有点单调，所以我加了一个图案叠加，这个图案是自带的。打上文字，这里我用的是P大点S的缩写，PDDS，字体用的是Impact!Impact字体是由Stephenson Blake设计的，由德国URW++字体公司推出的无衬线字体。因为我想得到一个类似Mock-Up的效果，所以右键将文字转换为智能对象。复制两层这个智能对象，我将三个智能对象的名字分别命名为投影、主体效果、质感，接下来我们的操作，就将通过赋予这三个图层图层样式来实现我们的效果了。首先，我们先来设置下主体效果。接下来，我们来设置质感效果，将质感图层填充修改为0，添加图层样式。最后，我们再让阴影真实一点，将投影图层的填充修改为0，并设置投影图层的图层样式。到这里就大功告成了，有没有很简单，由于我们将文字做成智能对象，当我们要修改文字时，只需要随便更改一个智能对象，就会全部变过来了，是不是很方便。
飞翔的企鹅
在路上
张大湿
