您当前位置:站长素材 >>资讯>>技术资讯>>创意图形中的实用小套路进阶指南

UI资讯 字体资讯 jquery资讯 PSD资讯 技术资讯 酷站资讯 主题资讯 模板资讯 logo资讯 图标资讯 矢量资讯 壁纸资讯

创意图形中的实用小套路进阶指南

标签:创意图形设计

创意图形在网页设计中的运用。今天这篇进阶文章,将全面为你解析。enjoy!


△ 分享大纲

本文主要介绍Brenttton大神在创意图形设计过程中创作和优化的思路,希望大家根据这些思路,能去多练习多尝试。

一、结构

我们先来看第一个大的部分——结构。

1. 打散重组——拆解原形,重新组装。

例如这两张图,是现在平台上很常见的一些产品包装盒展示手法,它将完整的UI页面进行拆分。然后分解出控件图标字体等元素,又重新排版组合。比直接把一张页面干巴巴摆上去好很多。

这种手法本质上讲就是打破秩序,然后再创造更为合理的秩序。

大家常见的应该是字体设计中的拆分,将文字的笔画打散重组。

前段时间在线答题大战十分火热,很多人应该都玩过,我当时正好赶上这个项目,专门负责主持人的动态背景设计。

当时有一期主题是诗词汉字专场,因为今年是狗年,所以就用到了狗字。但如果说直接把狗字、狗年大吉、狗年旺旺……这些文字直接放上去未免俗套。

然后在打算重组形式的启发下,把这个狗字的笔画进行拆分并且做了三维化处理,增强它的立体感和纵深感;颜色上,采用经典的红黄搭配突出喜庆和大气的感觉;最后背景加了一层淡淡的甲骨文符号,增强整体的文化底蕴。

再给大家看一个工作案例,是一个商业化合作的直播礼物设计,间接用到了打散的形式。

需求方一开始给到一束花的素材,要求不能乱加其他无关的元素,不能做三维化的处理,要尽可能地还原素材本身。那我的任务,就是把这个素材做成一个价值1314元人民币的礼物动画。

通常我们做礼物价格越高,越需要打造很强的氛围感、场景感。于是我只能对其强行拆分和打散,营造热烈的氛围。

整个过程如下:

  • 复制出两个主体放到后面作远景,并模糊处理,突出主体的同时增强氛围。
  • 拆分主体的一部分出来放到画面两个角落作前景,进一步强化氛围,让画面更饱满。
  • 最后给主体加blingbling光效,背景层加万能粒子特效。
2. 分割——对完整的形态进行切割。

△ 相关案例

3. 穿透——用一种物形去穿透另一种物形。

个人感觉穿透是比较小众的一个套路,大家仅作参考即可。

4. 模拟——用一个物形或多个物形模拟另一种形态。

模拟手法在设计中用到的比较多,像QQ浏览器的开屏设计,用鸽子聚集模拟出字母Q的外形。QQ音乐用文字堆叠模拟QQ音乐的logo。

我平台上的一些作品,经常会用到这种手法。用动物、山水去模拟字母的形态。

5. 拼置——将两个物形各取一部分拼合成一个新形象。同理于植物的嫁接。

拼置这个手法比较常见,像这两张海报里面都是同样的套路。左侧电影海报将埃菲尔铁塔和手枪结合起来,巧妙地阐述了故事发?生的题材和地点;右侧的是一家文具厂商的广告,将铅笔和各种生活中的实际物体结合起来,体现出铅笔栩栩如生的绘制,色彩还原度高。

6. 置换——物形中的某一部分被其他完整的物形所替代。

左侧这张闪屏设计里面就是把风筝的主体替换成了包裹来实现置换的效果。

右侧这张是把具体部分替换成了了一个甜甜圈,寓意也很明显,就是你垃圾食品吃多了,你也会变成垃圾。

此处有一点要注意,置换手法和拼制手法很容易混淆,看起来好像都是把两个物品拼到一块儿,但从形式上来说,两者还是有明显区别的。大家可以通过这两个案例看出,置换手法中被替换的部分的通常是保持完整的;而拼置的物体彼此都是有缺损的。当然大家不必太拘泥于这些条条框框,实际运用中可以灵活处理。

7. 共生——几个物形共用一些部分或轮廓线,相互借用,相互衬托。

这里面有一种特殊的共生,也是平常最多用到的,即正负形,常见于各种logo设计。

二、材质

1. 材质异化——改变物形的材质/肌理,塑造新形象,赋予新的意义。

随着C4D的兴起,3D材质的添加和肌理的改变非常简单。

2. 拟人化——给无生命的物体添加肢体或表情,使其灵动有趣。

这个手法网上的现有资料都没有提到,但我们在设计中经常用到,也是非常容易出效果的一种手法,很有趣味性,特别是那种萌表情的添加特别容易唤起人的情绪反应。我将它总结到材质这块,就是把物体的无生命材质替换成有生命力的材质。

三、比例

1. 夸张缩放——对人们主观经验上熟悉的事物进行尺度体量上的夸张变化。

UC浏览器这张开屏就是把手夸张地放大到足以囊括整个宇宙和星球,从而带给人震撼的视觉体验。

一定是夸张的缩放而不是微弱的改变,必须要达到一定的量变,从而形成质变的观感。简而言之,就是对比越强烈效果越好。

四、空间

1. 开启——将一个物形局部/整体开启,显露出藏在其中的另一个物形或空间。

开启的部分往往是打开新世界的一个入口,可以是一扇门,或一扇窗。

这是给百万赢家项目做的一个主持人动态背景板,其中也是用到了开启的手法。当时这期的主题是记忆大师。那和记忆最直接相关的就是大脑了,首先直接借用了了我之前的奇幻星球作品风格,打造了一个外太空的奇幻记忆大师星球。然后用开启的这种手法,让他大脑内部的空间呈现出来,并添加闪电的形式,去表现大脑在记忆时那种高速运转的状态。

2. 矛盾空间——在?维空间中呈现三维空间中不可能存在或难以再现的想象空间。

大家比较熟悉的应该就是曾经风靡一时的游戏——纪念碑谷,其中就是用到矛盾空间的手法。这种手法本质上就是利用人的视觉关注中心,它有一定的局限性,对同一物体在不同的视觉区域,它采用不同的透视角度进行不同的空间界定,从而营造出这种空间扭曲的错觉效果。

3. 异影——主要以影子作为想象的着眼点,具体表现形式有投影/倒影/镜像。

异影图形最大的优点就在于可以将事物不同时间状态、因果关系、正反面还有现象与本质等不同的元素巧妙地结合在一起,就能在静态画面中很好地去讲故事。


来源:优设

                        
可匿名发表评论
0条评论
关于站长之家 - 联系我们(电话) - 广告服务 - 版权声明 - 友情链接 - 栏目地图 - 帮助说明

© CopyRight 2002-2018, CHINAZ.COM, Inc.All Rights Reserved.