大数跨境
0
0

京东的618爆款设计,居然这么简单~

京东的618爆款设计,居然这么简单~ 视觉客AI
2017-06-16
1
导读:这个618,我们送大家两份礼物。
请输入标题
标题

标题

标题

                                                  

想必这几天

大家已经被各种618...

刷屏了。

 

双十一占领了年末

京东立马就来了个年中购物节

狂欢之余

不免开始担忧自己的钱包

现在时不时冒出几个购物节

指不定哪天

就可以天天过节了

如果买买买让你痛并快乐着

那么我们送你的两份礼物

  希望能给你带来真正的快乐...


1、两步学会618字体设计




UEgood的雪姐姐在地铁看到京东618的广告后,被它设计的字体效果惊艳到了。后来发现许多设计小伙伴都在讨论这个字体,于是花了半天时间研究,尝试了几种方案后,找到了一种最简单的制作方法。感兴趣的朋友可以跟着下面的教程一起做,只需两步即可完成这款漂亮的字体设计。


准备工具PS


Step 1:把笔刷基础图案拖进PS中,菜单编辑-定义画笔预设。



Step 2:点击顶部左边,那个文件夹里有三支笔的ICON,在画笔面板,设置形状图层为形状动态,大小抖动的控制选择钢笔压力——搞定!



上图随手涂了一个6出来,不过因为手抖,边缘不是那么顺滑。其实你可以画直线,然后用CTRL+T,网格变换把笔触弄弯,效果还要顺滑好看。如下图。



就是这么简单!你也来试试吧。懒得调笔刷的同学,后台回复618笔刷”可获得我们赠送的笔刷,文末还有惊喜哦~




2、文字创意设计方法论


1. 到底什么是文字创意设计呢?      


《文字创意设计》(汪尚麟编著)中的定义是:

文字是看得见的交流,文字能交善往,且不需踏破铁鞋;


表情达意,却可以撼动时空。


天底至真至善至诚至纯的情谊依赖文字;


世上动人的故事,仰仗文字!文字是有形的实体,亦是流动的符号,是人们交流信息的可见可感的手段。


文字是视觉传达的媒介文字能辩善认,可传可达,它承载重任无数;


文字传播信息方便快捷,它传递感情隽永含蓄。


文字愉悦着我们的视觉,它引导着我们的消费,满足着人类对精神的崇拜与追求文字创意的动力,便源自于此。


所以文字创意,不要脱离文字的根本,有天马行空的师傅把文字设计成这样!

 

相信,有部分人认识这姑娘,但是我个人并不认为她是个好姑娘,失去少女的柔,以至于还得停顿到底要不要认这姑娘,建议女子旁的设计再推敲一下,哪怕绣娘一样的。



2. 
到底文字创意怎么设计
                                              


文字要表意,广告设计中的文字还要紧紧抓住观众的心。


小编搜索一下文字创意方法,星罗万象,张家、李家、王家设计方法,其中17种创意的字体设计方法也比较完善,但是归纳性欠妥。下面介绍17种创意的字体设计方法后,再给大家简单归纳!


方法1、替换法

替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素,如“爱”字。


表意:用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。



方法2、共用法

笔画公用是文字图形化创意设计中广泛运用的形式。


出发点:寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它提取出来合并为一。



方法3、叠加法

叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。

实意:叠加能使图形产生三度空间感,通过叠加处理的实行和虚形,增加了设计的内涵和意念,以图形的巧妙组合与表现,使单调的形象丰富起来。


方法4、分解重构法

分解重构发是将熟悉的文字或图形打散后,通过不同的角度审视并重新组合处理.

主要目的:破坏其基本规律并寻求新的设计生命。

方法5、俏皮设计法

俏皮设计法就是随意性地把横中间拉成圆弧,角也用圆处理。


注意:这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。



方法6、尖角法


尖角法:就是把字的角变成直尖、弯尖、斜卷尖;可以是竖的角可以是横的角。

表意:这样文字看起来会比较硬朗。


方法7、断肢法

断肢法:把一些封合包围的字,适当的断开一口出来 ,或把左边断一截,或右边去一截。

注意:要在能识别的情况下适当断肢。


方法8、减细法

所有字体横和竖变细。


方法9、错落摆放法

把左右改为左上左下,上下排,或斜排就是一边高一边低,让文字错落有致排列。


方法10、方方正正法

把所有字的弯全改成横平竖直,四四方方的。


方法11、卷叶法

卷叶法:把所有字的最左或最右横或竖或点全卷起来,像浪花一样。



方法12、横细竖粗法

选定个字体后,把横比划减细竖比划加粗。类似传统宋体字,横细竖粗撇如刀。



方法13、上下拉长法

把字变细,然后上下拉长,类似条形码的感觉。


方法14、结构转变法

可以说是代替法的一种,把竖或横线或折换成其他比划。


方法15、照葫芦画瓢法

先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。



方法16、画龙点睛法

算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。



方法17、洋为中用法

把中文字体设计成英文字体的感觉。

方法:找一款中意的英文字体感觉,然后将中文主题文字调整成英文字体的感觉。


3.总结起来到底该如何设计 


在做汉字字体设计时候,最好结合字的骨架结构,即上下、左右、包围、品字、独立等特征,在这个基础上去发挥创造,才能有理有据,设计出来的不会忘本。


其实,各位视觉客,不要去记住什么设计方法,只要抓住,局部、整体、局部与整体结合的改造思路,从大小、形状、方向、位置、拉伸、压缩、变形、打散、聚集、组合变换等方面去思考,一定能让您创造出来的文字大方光彩,而具体设计形式可以是成千上万种。


结合色彩的搭配、版面的布局,才能让您的字体设计游刃有余。


最后不得不说中华神韵—各种书法的融入,能让我们的设计底气更足。

END    

最后,祝各位朋友们周末愉快!

更多UI资讯、设计教程、设计小知识请关注UEgood!



再给大家一个福利,京东的618字体用Cinema4D做也可以哦~ 效果如下——




扫下方二维码,可免费索要更详细的PS 618视频教学,或Cinema4D表现618字体设计的方法~

【声明】内容源于网络
0
0
视觉客AI
视觉客Imagekr:设计、教育、媒体、出版、产品..All In AI。中小企业服务设计平台、职业技能实训、新媒体、电商、平面、PPT、三维、视频、影视、动画、游戏、展览、AIGC、产品、HMI&UI设计,图书出版。
内容 301
粉丝 0
视觉客AI 视觉客Imagekr:设计、教育、媒体、出版、产品..All In AI。中小企业服务设计平台、职业技能实训、新媒体、电商、平面、PPT、三维、视频、影视、动画、游戏、展览、AIGC、产品、HMI&UI设计,图书出版。
总阅读199
粉丝0
内容301