网页slogan设计 第1篇
页面本身是动态的，整体色调是很符合“精灵”给人固定联想的绿色。
slogan设计得十分用心，集成了城堡、花草、藤蔓、跑道几种元素，来呼应“魔幻”、“精灵”、“飞车”的意境，并且结合得十分自然，元素虽多却毫无累赘，忽闪着来自丛林深处的亮光，在印入眼帘的第一瞬间就充满了灵动感。
背景用明暗对比营造出通透的空间感，加上与游戏人物的巧妙结合，使得整个画面都有了故事性。
AVA
因为一点进去就有一个弹窗挡着，可能一定要完成注册才能关闭，所以页面功能没办法尝试。首屏整体几乎全部采用红色，从背景到板块到按钮，无所不红只有文字用白色叠上斑驳的机理。背景滚滚硝烟，板块边缘的那一丝透过来的高光，还有右下角炸弹迸发出来的亮光，一切虽然只用了红色，但处理的非常通透，设计狮色彩把控的功力很强。。
第二屏就是比较沉稳的钢板灰，标题微微散发着的红光与第一屏相呼应，每个奖品设计成嵌在钢板上的感觉，标题与图片之中预留了足够的间距，干净有力。
网页slogan设计 第2篇
常见设计方式为：
1. 单独字体尺寸
通过改变Slogan字体的大小，来制造出标语中段落的空间感。右边设计中就是放大数字01，让它和其他的文字产生对比。
2. 丰富背景
下面的设计也是一样，将Slogan中的文案单独突出出来，作为背景使用。
他这边更多表现的是一种修饰为主，但是同样也让文案保持来一定的对比。
3. 通过改变特殊样式
通过改变Slogan中的标题的材质，使得标题和副标题产生对比，制造出来空间感。
4. 通过改变色彩/位置
右边设计师通过改变Slogan中字体的色彩和在画面中的排版位置，有效拉出来层次感。
5. 改变字体
设计师将Slogan的主标题采用特殊的毛笔字，让标题和段落文字产生了对比，使整个Slogan变得具有层次感。注意这里我们选择一个毛笔字体，然后下载一些笔刷拼接。即可产生设计效果。
当我们碰到画面Slogan文字信息少的时候，我同样可以采取一些特殊的字体搭配。
在使用标语进行变形的时候，总结出来了多边形、圆方、三角、横竖、排列、倾斜等。我们介绍的方法不能死用，要根据品牌调性以及画面中的比例去用。
网页slogan设计 第3篇
使用倾斜的设计方式(弧形，左右倾斜等改变Slogan整体形状的角度)告别死板的Slogan设计方式。
1. 上弧形
球形等运用会使得Slogan外形框架更具有空间感。这里主要通过变形工具使得整个Slogan形状变得曲面化。下面的设计则采用了圆形偏上的设计手法。
2. 上下弧形
下面的作品设计也是采用上下弧度的设计方式，让Slogan变得更具有空间感。
3. 左右倾斜/旋转
下面作品让Slogan右倾斜很有效的解决了Slogan的呆板性。右倾使得画面更有纬度。
这里Slogan也是采用了相似设计手法，不过是左倾斜
4. 竖列
Slogan 使用竖列的排版也能让主视觉更加具有别具一格的感受。
此类设计更多运用在偏向情怀文化类的产业中运用。
下面Slogan设计使用了竖列排版的设计方式，使得整个画面具有设计感。 注意往往竖列排版给用户的阅读性不是很高，所以我们需要多控制文字多数量。以及主次关系。
下面也是采用了相同的设计方式。文字数量上控制的不多。
5. 横竖结合
横竖排版常见于运用在中国风或单独的设计中。丰富标语层次感。下面Slogan设计使用了横竖结合的设计方式。设计的时候需要注意：前后关系层次，主次关系等比例。
网页slogan设计 第4篇
整个页面粉粉的色调和背景深深浅浅的樱花，烘托出活动当下季节的特征（4月正是樱花盛开的时节）。主标题采用深红色书法手写体，副标题用一朵樱花引出，樱花的绿叶同时也和时间一栏的绿色相呼应。页面右上角两个按钮做成由清晰的花瓣衬托的形式，和页面整体感很强不会出戏，又从清晰度上和背景拉开距离。
下方的抽奖板块做成了精致的类似和果子的质感，边角都是柔柔的和樱花的气质很搭。每个小方块里的标题文字都是用和slogan同样的书法手写体，给人一种雅致的感觉。hover效果也很用心，用一片颜色和底板对比度高的花瓣托起小图标，表达清晰又精致。接下去的板块部分沿用了之前有圆度的边框，还特意设计了有樱花元素的小图标。板块、文字、按钮的配色都相当舒服，在一个粉粉的调子里千变万化又平衡统一，好厉害。
今天的分享到此结束，欢迎加入Gad腾讯游戏美术群，群号码：342981373
网页slogan设计 第5篇
在使用的时候需要注意品牌的定位，运用环境，以及在画面中的比列位置等，尽量不要影响画面构图。
常见的一些设计方式分为：
1. 方形
具有突出/分割作用
方形大的作用就是可以起到突出分割修饰等作用，可以得画面产生强烈的对比。方形运用的行业比较综合，少数使用于女性小孩行业中。
下图中设计师突出了22 所以利用了方形进行突出,标语布局采用了对角布局的方式，让整个画面视觉产生了平衡感。
2. 方框
使标语更紧凑，增加层次感
下图中设计师为了让两端文案变得更整体，不被背景图片所干扰，所以采用了方框进行设计，标语位于画面居中位置。
让文案单独区分并且突出出来
作品也是采用了框型的元素使画面中的文案彼此不被干扰。标语在画面中位于左下角位置。巧妙的平衡了整个画面。
增加层次感
原本人物和图片是紧贴在一起的，设计师使用了线框的元素，巧妙的使得整个标语和画面变得具有层次感。
这里设计师也是使用相同的处理方式，注意在使用线条的时候一定要让线条穿插不一样的平面，才能给用户传达出前后层次的关系。
3. 三角形
其实和方形一样，三角给用户的感受更加凌厉，主要在运动或者器械类行业偏多，主要给用户的目的也是起到突出吸引，区分平衡画面等作用。
运动类行业增加速度感/丰富画面
设计师使用了三角形的元素在画面中，与文字结合起来。给用户传达出运用的极速/凌厉的感觉。
下面作品的表现方式也是采用相同的设计方式。
4. 圆形
同理圆形也是一样起到的作用，具有突出、分隔 等作用，主要给用户传达出平滑柔性的感受，常用于化妆品，偏向女性化小孩等用户群体居多。
突出分隔作用
利用圆形让中间的标语在画面中突出出来，起到吸引用户的视觉，还能通过圆点让标语和背景和之间具有一定交互效果。
增加层次感/丰富画面
这是一款适用于家庭行业的产品，设计师一样采用柔性的元素椭圆形和文字搭配让标语变得具有前中后层次感，而元素上的色彩也丰富了画面。
5. 不规则几何图形
不规则图形也具有突出，分隔等作用， 常运用在个性化行业中，比如潮牌，个人设计师网站等。
突出分隔作用
准确的说右边图形是两个多边形组成的，恰好从画面中起到了突出作用。
当作标签使用
整个标语排版比较活跃，设计师巧妙的将图形运用在标签上面，使得整个标语变得更有设计感。
6. VI 标志
Slogan中往往提取一部分来自VI标志中的图形元素，会让整个设计起到画龙点睛的作用，这类设计常用在品牌网站中，用于传达企业的品牌知名度。
直接运用全部品牌图形
设计师直接将品牌VI图形元素运用在Slogan中，向用户传达品牌知名度。这类运用建议挑选比较具有设计感的图形运用，或者具体VI的距离稍微远一些，这样避免画面元素重复。
下面作品也是采用了相同的设计方式：
运用品牌轮廓比例
Slogan中的图形化形状来源于品牌VI的外形让画面变得具有透气感，同时也传达出来了品牌感。注意尽量挑选VI轮廓有规律的图形来尝试。太复杂的话会让用户不太理解，以及画面的不美观。
运用品牌中间的色彩形状
这里方法使用的比较多，也是比较容易的方式，右边设计作品Sloagn设计师就采用了品牌中的几何图和文字进行组合，有效的传达出了品牌概念。注意在选取元素的时候一定要选取突出的元素，便于用户识别。
7. 绘画元素
使用绘画的方式会让整个Slogan在风格和材质统一性更强/更有趣味性。多数适合于各种行业。
制造环境
设计师将Slogan制作成绘画模式的，然后添加一些各种生活中的小元素进行结合让他们成为一体。给人趣味的感觉，做此类设计注意添加的元素不要抢过了你的主体。
下列设计也是运用相同的设计方法。
制造特殊图形
设计师使用骷髅图形来表达自己想要的概念，配合Slogan还是比较超前的，需要注意的是切勿让插画元素和Slogan之间的对比不大，比如颜色空间大小等。
增加立体感
这是一个设计师个人网站的主页，场景式的插画和Slogan结合使空间感增强。
网页slogan设计 第6篇
可能是用了火车一类的主题，主视觉用两列火车来分别代表两个阵营，中间一个美女背影，只微微露出侧脸，很有神秘感。
slogan部分文字相当多，用字体、大小、颜色区分开来，清晰有力。日期特别用了纯白色，在字号不大的情况下也相当显眼。
下方的版块以一条铁路为引导展开来。四周的活动内容虽然都是做成规整的六边形，但用底纹和颜色将不同类型的版块进行分类，外圈填充页面的六边形就用相互纹路有延续的金属底纹装饰，视觉上也相对弱化，不会喧宾夺主。
下去一个版块展示装备，背景用红色的烟雾来烘托战场的氛围感，但有一层纵向的底纹感觉有些太明显了，弱化些更好，不然有点晕。