恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
我是如何设计移动端海报的
0.0°
2018-08-22 原创文章 经验/观点 举报 2086 6 14 0

有一阵子没有来UI中国发文章了,希望小编给个推荐。



最近做了好多个公司的手机闪屏海报,自己也在做自己的公众号每日一练照片变海报的日更,想来总结一下。



说道闪屏,每一位设计师朋友都不陌生,手机端的APP打开时会出现,也有人叫做启动页的,其实这是错误的叫法,启动页就叫做启动页。闪屏和引导页还是有区别的,但是和海报还是属于同一个特性的,都是用来打广告的。不像引导页是用来告诉用户APP有哪些操作流程和新特性的。



最容易区分闪屏和启动页的APP我们手机里有很多,比如:脉脉 、京东、天猫, 无论什么时候打开APP,都是一样的画面,而比如:拉钩打开后出现的是一个广告性质的图片。前者是启动页,后者是闪屏。



Image title




闪屏有全屏的画面,也有底部预留添加放置logo的,我把这种的叫做缺底海报。有的底部预留的高,有的预留的低,根据公司不一决定吧,不多赘述。



案例一:


前一段时间,项目给发来了一个朋友圈推广海报的需求,让做一张海报,当我看到文案时觉得文字性的东西太多,但是沟通后还是无法从设计、视觉方面说服那些需求策划人。因为我做海报就喜欢那种字少,这样我就可以在整个画面中发挥自己,让画面带动整个视觉感官,殊不知一张好的图片胜过1000个字的道理是无法和奇葩的产品文案讲通的。


Image title




文案字数多,是最能考验设计师排版能力的。看到上图中的内容,我第一想到的是上下结构布局,即图片在上,文字在下。根据图片的色调,适用暖色的,我就是用了黄色。



Image title





案例二:


也是这个相关的课程吧,接到需求说是要做一张推广图,我就看这个文案,怎么看我都认为一屏是表达不出来文案要表达的意思的。这么多文字局限于1334px的高度,这画面绝对是比地铁早高峰还挤。


Image title




于是我脑子里就开启了长图设计的思路,我就分析文安里的每一个字,希望能找到一些关键字眼给我找到灵感。没错,从字里行间的关键字找灵感找思路是我惯用的方法。




Image title




有了上面的灵感做铺垫,大概就可以有一副画面在脑海里了,不难看出,画面里头得有一个人物,具象的人物模特出现在此处会感觉不太适合,有点跟不上最近流行的插画风格,采用插画的风格人物就好办多了,大致画面是这样的:考生面对巨大的考卷,头上系一奋斗丝带,手持笔作一挑战姿态(这里脑补一下武侠剧背挎大刀决一生死画面)。而冲刺正好也有出现丝带,头尾相呼应。



照着这个思路做下去,就得到了如下海报,而且一稿过。



Image title




有朋友发现文案中的二维码在底部,你为什么放中间了呢?

因为我要达到首尾人物丝带的相呼应,头部在挑战在拼命,尾部已经冲刺到了终点,说明这个结果性的重要。告诉你我的课程产品你报名学习了就会通过。


好的设计,必须是经得住推敲的!!!



案例三:


很多朋友在做海报时,都说找不到灵感,其实,设计源于生活,生活中多观察多学习,很多画面都可以设计。当然,我还会从书籍中找到一些不错的可以操作的画面来设计。


读书,可以陶冶情操;读书,可以提高修养;读书,可以让灵魂得以升华。中国上下五千年,唐诗宋词千万篇,在所有的文学作品中蕴藏着无数个画面诗意的色彩画卷,细细品读,你会发现,原来古诗词中有很多可以借鉴的设计灵感。


在宋朝,皇上做诗来鼓励大众读书


励学篇


【作者】宋真宗 【朝代】宋


富家不用买良田,书中自有千钟粟。
安居不用架高楼,书中自有黄金屋。
娶妻莫恨无良媒,书中自有颜如玉。
出门莫恨无人随,书中车马多如簇。
男儿欲遂平生志,五经勤向窗前读。


“书中自有黄金屋”就出自宋真宗皇帝之口,那如何用一张海报的形式来展示“书中自有黄金屋”的图样呢?跟之前一样,分析,从诗句中找到线索。



Image title




分析完以后就可以出画面了:一本打开着的书中,金光闪闪,出现一座金黄色的房屋。因为要用到亮色来凸显发光,所以画面背景一定得是黑暗的,不要用纯黑,那样不好看。


经过2个小时的创作,细节调整,最终海报就完成啦。



Image title





案例四:


之前说过,设计源于生活。生活中处处有可以设计的海报素材,这不,一朋友天天在朋友圈发一些拍摄的还不错的照片,照片还总是写上:今日拍摄 但求一赞。


朋友圈的照片质量好、些构图好些、拍摄对象在好些基本上我都会看到后联想一篇。当你看到这两张照片时,你会想到什么?



Image title



下面是我想到的:



天空终于放晴了

早晨的一道阳光叫醒了我

看着窗外蓝蓝净净的天

摸了摸猫咪的头

出门开始奔向单位

微微徐风少了些热浪

皮肤所能感触到的

是那秋天的气息

站在文华路的十字口

头顶的云还是朝霞的颜色

留恋不肯褪去

 


这座城市有太多的喧嚣

太多的沆瀣之气

前几日的阴雨天气

倒不失是一次洗礼仪式

给酷暑笼罩下的北京

降降温洗洗澡

效果还是立竿见影

干净多了


不经意间的一抬头

三五个黑影在大厦一侧

错落有致宛如跳动音符

左右晃动像是在风中起舞

他们就是

蜘蛛人

一根长绳

那头用安全固定,大厦透亮干净

那头用胆量固定,半空舞动青春

那头用子女固定,刷出家庭希望

那头用生活固定,吊着命运摆钟


你在外面擦亮了城市,里面的人用大拇指向您致敬!



好了,灵感顿时就来了,就拿这张照片做一张海报吧。还是跟之前一样,分析,这些蜘蛛人是在擦玻璃,也就是在美化城市楼群,也就是英语说得:clean the city。



蜘蛛人——蜘蛛侠——CLEAN THE CITY。唉!!!英文里有两个大写字母“C”。照片中楼的弧度不就是“C”嘛。



Image title




两个“C”,只有一个楼,那就在复制一个出来。怎么得也得凑出来呀,(哈哈哈)


然后再把“蜘蛛侠”、“clean the city”文案进行设计排版。


在这里说一下为什么不用“蜘蛛人”而用“侠”,因为这是对他们的尊敬。直接上最终效果图吧。



Image title





案例五:


七夕节海报的设计全过程。


七夕节的文案几乎是提前了半个月就开始让策划文案出方案了,文案小哥哥就坐我对面。他总共出了4个文案,经过多方讨(si)论(bi)投(chao)票(jia)。最终呢,文案4号被成功选中。


还是我来设计,我就跟他一起去吃饭,途中就聊他是怎么想到的这个文案。跟文案沟通这个是非常重要,他可以打开你的设计思路,要不然对给你一堆文案,他脑子里很丰满,到你这理解不到位,设计的很骨感,就没办法达到预期效果。


这样导致的效果就是:设计师在文案眼里地位就会下降~~~(哈哈哈)



Image title




通过聊天得知,当时这位小哥哥在家里被公司的这一出文案人物急的吃不下饭,拿起书找灵感也无济于事。为什么呢?因为公司很多人都会讨论的嘛,被搓了一次就会失去信心呀。


就在这时,他把书本仍桌子上了。外面杨树上的蝉嘶嘶的叫着,大热天也没风,又赶上小区停电!!!心想,老子还是单身狗,却要给你们想七夕的文案,内心焦灼呀。唉,灵感来了,就有了以上文案了。


作为设计师,我就尽可能的还原文案当时想到了那副画面,书桌上都是书,有书也不看,窗外大热天,太阳又毒又辣,知了在那叫着热死了热死啦~~   突然来一美女,顿时心动不已(不要想歪,七夕嘛就这样,男男女女,其实不是啦,是见到我们公司的产品)。



Image title




元素找齐了,就可以动手画了。


在这里说一下,这类海报只有手绘风格才可以做出来,因为这就像一幅画一样,山水人家花鸟兽,题词落款都得有。手绘风格出来的视觉冲击会比其他风格的好几倍。


效果如下:



Image title





有朋友会发现,冰箱里的东西是吃鸡游戏里的东东。没错,吃鸡游戏大火,想必每个人都会玩,这年头不仅跟流行趋势,抓不到用户的心呀,刺不到用户的痛点呀。写到这,真心觉得作为设计师实在是太伟大了,得会PS软件,得会手绘画画,会设计懂美学,还得会心理学,还得懂用户体验,还得是个潮族达人,还得.......心好累~~~~~



PS:总结一下


以上5个案例都是我亲自经历的真实的有分量的干货分享。没有过多知识的传授,只是思路的分享,有用得着的就凑合着用,用不着的您就点个赞再走。


文中的案例已经在我的公众号“设计者也”里原创发表,想要源文件的可在后台回复“净哥”“黄金屋”“蜘蛛侠”关键词得到云盘链接与密码。


Image title





Image title


更新:2018-08-22

收藏

6人已收藏

AlexDeson

upin.wang 大管家 微信:jjjtlzl

  • 27

    作品

  • 63

    粉丝

  • 5

    关注

  • 35个UI产品设计动效组合,设计师必看。
  • Pad画插画,你对Procreate了解多少 ?
  • oupin品牌设计
  • 4月全球创意海报合集 | 值得收藏
相关标签
设计经验分享ui

    猜你喜欢

      2018-08-22 原创文章 经验/观点 举报 2086 6 14 0

      我是如何设计移动端海报的

      0.0°

      你确定要举报我是如何设计移动端海报的

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      14
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录