网页设计slogan 第1篇
相对于图形化，图片的结合更加具有感染力，更快把带你带入情境中，主要作用还是宣传品牌为主。多数会从品牌宣传的元素中提取元素进行结合，比如代言人、产品、视频、插画等。
使用模特特质作为修饰
下面设计一看模特就知道是做他是什么行业的，图片和Slogan结合使用，使画面更加具有亲和力，注意选择模特的时候一定要选择主体明确，具有品牌特色的模特。
网页设计slogan 第2篇
Slogan中往往提取一部分来自VI标志中的图形元素，会让整个设计起到画龙点睛的作用，这类设计常用在品牌网站中，用于传达企业的品牌知名度。
直接运用全部品牌图形
设计师直接将品牌VI图形元素运用在Slogan中，向用户传达品牌知名度。这类运用建议挑选比较具有设计感的图形运用，或者具体VI的距离稍微远一些，这样避免画面元素重复。
下面作品也是采用了相同的设计方式：
运用品牌轮廓比例
Slogan中的图形化形状来源于品牌VI的外形让画面变得具有透气感，同时也传达出来了品牌感。注意尽量挑选VI轮廓有规律的图形来尝试。太复杂的话会让用户不太理解，以及画面的不美观。
运用品牌中间的色彩形状
这里方法使用的比较多，也是比较容易的方式，右边设计作品Sloagn设计师就采用了品牌中的几何图和文字进行组合，有效的传达出了品牌概念。注意在选取元素的时候一定要选取突出的元素，便于用户识别。
网页设计slogan 第3篇
鼓掌.啪啪啪... ...把UE给的slogan敲好。让我们看一下slogan，主题背景应该是圣诞节，送福利，乱high。主标题貌似有点长，我先给文案排排版，变变形。
我们先把文案主标题、副标题层次拉开，字体的话，我们用一个有衬线字体，更贴合圣诞节feel。
slogan的字形如何变得更有圣诞气氛呢，我们找了一个关于圣诞的图形，找一找能提炼的细节元素。吼吼，这个元素不错，俏皮不失可爱，挺像圣诞老人胡须，啾啾啾，很符合我们主题气质，就它了。
在主标题笔划的落尾出加上我们提炼出来的小胡须，副标题就不加了这个元素了，因为副标题如果加了会拉不开层次，笔划会很含糊，所以副标题用了另一个圆角字体，拉开之间关系。
接下来我们要添加效果样式，想想还有些激动。据小道消息专题背景好像红色的，如果背景是红的话，字体用冷色肯定不行，白色的话需求方爸爸肯定会说跟没设计过，如果我没算错的话，就只有黄色了。但是只用黄色的话，就略显单薄了。渐变加起来。字体厚度搞起来。
渐变效果做完了，接下来开始把字体厚度搞起来。将文字转化为形状，复制一层，然后按alt键+方向键复制多层。再把字体的投影(复制字体厚度图层，设置动态模糊并叠加正片叠底模式)做出来。
再制作出字体厚度的反光效果，使字体更加有质感。
让我们看看字体运用到页面会是以一个怎样的效果。
网页设计slogan 第4篇
图形和图案之间结合起来会擦出怎样的火花？会让你的标注变得更有art的感觉。
虚实结合，传达出不一样的感受
本来实物的花朵，设计师使用了虚拟的手法让花变得具有层次感，最后画龙点睛将文字放在图的后面，让画面空间感十足。同样可以举一反三，比如你想表达汽车的车灯，网球的球拍等都可以运用相同的手法。
网页设计slogan 第5篇
使标语更紧凑，增加层次感
下图中设计师为了让两端文案变得更整体，不被背景图片所干扰，所以采用了方框进行设计，标语位于画面居中位置。
让文案单独区分并且突出出来
作品也是采用了框型的元素使画面中的文案彼此不被干扰。标语在画面中位于左下角位置。巧妙的平衡了整个画面。
增加层次感
原本人物和图片是紧贴在一起的，设计师使用了线框的元素，巧妙的使得整个标语和画面变得具有层次感。
这里设计师也是使用相同的处理方式，注意在使用线条的时候一定要让线条穿插不一样的平面，才能给用户传达出前后层次的关系。
网页设计slogan 第6篇
使用倾斜的设计方式（弧形，左右倾斜等改变Slogan整体形状的角度）告别死板的Slogan设计方式。
1. 上弧形
球形等运用会使得Slogan外形框架更具有空间感。这里主要通过变形工具使得整个Slogan形状变得曲面化。下面的设计则采用了圆形偏上的设计手法。
2. 上下弧形
下面的作品设计也是采用上下弧度的设计方式，让Slogan变得更具有空间感。
3. 左右倾斜/旋转
下面作品让Slogan右倾斜很有效的解决了Slogan的呆板性。右倾使得画面更有纬度。
这里Slogan也是采用了相似设计手法，不过是左倾斜
4. 竖列
Slogan 使用竖列的排版也能让主视觉更加具有别具一格的感受。
此类设计更多运用在偏向情怀文化类的产业中运用。
下面Slogan设计使用了竖列排版的设计方式，使得整个画面具有设计感。 注意往往竖列排版给用户的阅读性不是很高，所以我们需要多控制文字多数量。以及主次关系。
下面也是采用了相同的设计方式。文字数量上控制的不多。
5. 横竖结合
横竖排版常见于运用在中国风或单独的设计中。丰富标语层次感。下面Slogan设计使用了横竖结合的设计方式。设计的时候需要注意：前后关系层次，主次关系等比例。
五. 通过变化Slogan中间文字的字体样式，能够产生强烈的对比增强设计感
常见设计方式为：
1. 单独字体尺寸
通过改变Slogan字体的大小，来制造出标语中段落的空间感。右边设计中就是放大数字01，让它和其他的文字产生对比。
2. 丰富背景
下面的设计也是一样，将Slogan中的文案单独突出出来，作为背景使用。
他这边更多表现的是一种修饰为主，但是同样也让文案保持来一定的对比。
3. 通过改变特殊样式
通过改变Slogan中的标题的材质，使得标题和副标题产生对比，制造出来空间感。
4. 通过改变色彩／位置
右边设计师通过改变Slogan中字体的色彩和在画面中的排版位置，有效拉出来层次感。
5. 改变字体
设计师将Slogan的主标题采用特殊的毛笔字，让标题和段落文字产生了对比，使整个Slogan变得具有层次感。注意这里我们选择一个毛笔字体，然后下载一些笔刷拼接。即可产生设计效果。
当我们碰到画面Slogan文字信息少的时候，我同样可以采取一些特殊的字体搭配。
网页设计slogan 第7篇
顾名思义，使用和品牌相关的图片和文字之间进行组合起来，让字体不再单调。这里多数情况以H5方式来展示。
使用文字遮罩的效果
设计师巧妙的用文字遮罩的效果和图片进行结合起来，避免画面的压抑，又能让用户了解它是什么。
模拟真实场景的使用
设计师为了让文字和场景完美的结合，利用纸张和字母大小的前后关系打造出具有空间感的画面。其实这里利用举一反三的思路，可以产出很多设计，比如书桌，书本，黑板等等…
网页设计slogan 第8篇
不规则图形也具有突出，分隔等作用， 常运用在个性化行业中，比如潮牌，个人设计师网站等。
突出分隔作用
准确的说右边图形是两个多边形组成的，恰好从画面中起到了突出作用。
当作标签使用
整个标语排版比较活跃，设计师巧妙的将图形运用在标签上面，使得整个标语变得更有设计感。
网页设计slogan 第9篇
同理圆形也是一样起到的作用，具有突出、分隔 等作用，主要给用户传达出平滑柔性的感受，常用于化妆品，偏向女性化小孩等用户群体居多。
突出分隔作用
利用圆形让中间的标语在画面中突出出来，起到吸引用户的视觉，还能通过圆点让标语和背景和之间具有一定交互效果。
增加层次感／丰富画面
这是一款适用于家庭行业的产品，设计师一样采用柔性的元素椭圆形和文字搭配让标语变得具有前中后层次感，而元素上的色彩也丰富了画面。
网页设计slogan 第10篇
常见设计方式为：
1. 三角形
常见标语架构偏向有正三角，倒三角，右边三角形这几种形态。这里就介绍常见到的正三角形的设计形态。
2. 方形
常见表现方式有长方形 正方形 这两种形态，让标语排版有严谨的感觉。
3. 圆形
常见方式有椭圆、圆形这两种形态的排版方式，下面的设计作品就是使用了圆框元素和Slogan结合使用，注意做此类设计方式的时候，得注意文字的数量，因为纯商业的比较少，毕竟比较难保证它的可读性。
4. 六边形
五边形六边形比较多运用在于字体排版，往往会使Slogan变得具有层次感。设计的时候切勿不能乱用，一定要符合设计的本质才能使用。
网页设计slogan 第11篇
从需求方那得知，整个专题大背景以雪景为主，偏向Q版的风格。先来找个Q点的字体。
Q版的字体，应该胖胖的，可爱的。现在的这个字体，感觉是有了，但是，太细了，我们得给它增增肥。选中锚点，将字体进行变形。
增肥完成后，从字面意义出发，进击/召唤/兽 看看还能不能再把字体做的更有意思点。
大感觉做好了，接下来开始给字体加质感和厚度了。先给字体加蓝色描边，把空隙全部填满，并添加渐变。
选择蓝色描边图层，复制一层。按alt+下右方键按钮。制作字体厚度。
最后，将字体加上反光效果，就大功告成了。
让我们来看看最终放在页面上的效果图。