美文网首页
聊一聊具体的设计思路

聊一聊具体的设计思路

作者: 胖小魚 | 来源:发表于2020-04-18 18:29 被阅读0次

我自己本身是做UI设计的,实际工作中除了app设计,也经常需要做运营活动、lp、物料、插画、动效~真的是无所不做呀。

工作之余,不知道大家有没有静下心来复盘一下自己的设计工作方法,由于自己最近开始写公众号,[捂脸],才突然发现原来我其实是有一套自己的设计方法的。

以前总会看到有同事接到需求一两天后,仍是没有思路,非要最后几天交稿的时候才加班加点去赶图[捂脸],有些会问我为啥我很少有这么痛苦的时候,或者会说我本来就擅长做这一类运营图或者风格!

其实哪有擅长会不会一说,只是我找到了适合我自己的方法而已,每次只需要按照这种方法来一步一步去实现,就不会存在思路中途枯竭,或者被打断,设计时间也比较好控制,而且最终效果图也不会跟之前的预想差别太大。

好,进入主题,这次分享会围绕两个部分展开来讲:

一、拿到需求后我的设计思路步骤

1.定位分析

2.怎么快速找到需要的素材

3.素材分类,根据素材整理灵感

二、实例演示~根据参考素材如何来创作属于自己的作品


一、工作中我的设计思路步骤

1. 首先我拿到需求后,不会忙着先动鼠标,而是会思考设计目标。

产品针对的是哪些用户,传达的是什么,比如定位是小学生,传达的是学习阅读的轻松感,那设计风格就要轻松活泼一些,配色清爽一些;

如果是老师,那风格就会偏成熟稳重,布局简洁大方。经过一番思考根据以往的积累,自己心中也会大致有了一个设计方向。

2. 做好定位后,开始找参考素材。

纵观我的整个设计流程,我发现找素材会占四分之一的时间,通过这四分之一时间我会把第一点的概念想法具体化,一边找一边在脑中画草图,或者在本子上记录脑子中的构图,不过都是雏形,最后成形大多数会完全不一样。

在真正工作中,没有那么多时间让你去找素材,而且国外网站平时根本打不开,所以有时候要学会利用国内的网站来找到与自己目标想匹配的素材-比如花瓣,而像站酷、behance、dribble这些网站只适合时间充裕时收集素材用。

不过自从花瓣维护之后,周围身边好多人跟我说花瓣没啥好作品了,错,并不是没有,而是因为不会找!如图中,比如我们随机看到一张插图,点击进去,页面右边的直接采集文件来源(下方我标注的是”A“)大家一般都会点进去,而这个页面的“B”也是我们针对性查找的重要入口。

比如图2(图1的B)有八个多的文件夹中都有这张图,而每个文件夹里收藏的都是类似这类插图,这样我们只通过这一张图就能找到八个类似的文件夹,每个文件夹都浏览一遍也够我们看半天的,而且都是类似统一风格的插图,很容易就能找到我们想要的参考。

另外,在图片右下角举报icon的右侧偶尔也会有作品的来源,如下图标注的地方,也是快速找相似风格的一个入口。

每次找素材会有目的的去寻找,找之前首先会分析一下需求的总体方向,每个模块的结构设计方向,配图的设计风格,图标风格等…

​3. 接下来是素材分类。

把找到的可以用的所有的素材建在文件夹中,然后整理我们的设计思路,将所有素材做一个分类,分成“可参考”和“一般素材”两个文件夹,也就是将你的思路精华都存放在”可参考“的文件中,这样也避免了隔天思路被打断的情况;

“一般素材”我一般也不会删掉,有时候“可参考”中找不到思路的时候,可以再翻翻“一般素材”,往往又会有新的灵感。

关于命名按自己喜好来就可以,分类的根本目的就是自己能够快速找到设计思路,所以怎么清晰明确怎么来。

现在无论是什么需求,我基本都是按这个思路来走的,设计进程也都会控制在一定范围内,比如一个活动首图基本是两天完成,按照这个思路过稿几率也提升了不少,除了特殊要求外,基本百分百过稿。

当然如果大神级别的,可能不需要这么形式化,可能随时就有灵感,不过像我们这种只是初中级阶段的,还是需要学会借鉴,我觉得虚心去学习优秀作品是成长的必经之路,就像牛顿说的:”如果说我比别人看的更远些,那是因为我站在巨人的肩膀上。” 但是,不能赤裸裸的抄袭哦~


二、实例演示~根据参考素材如何创作属于自己的作品

第一步:做定位分析,定好设计方向由于开了这个公众号“胖小魚设计小栈”,所以给自己画了个小胖鱼,就拿它来做示例讲下吧,虽然最后自己pass掉了这个小鱼,哈哈哈

我的初衷是画一个头像,需要代表我这个公众号,设计要求就是需要跟公众号名字相结合,所以头像设计方向最具关联的就是“小胖鱼”,需要看起来胖胖的,圆滚滚的,既可爱又笨拙,让人会放下所有的戒备心来到小栈打磨下时间。

设计关键词:

第二步:找素材,摸索设计方向

找现实的海底鱼、和与我的设计关键词有关联的卡通案例

第三步:素材分类,整理思路

1. 分类:

以前看过《佐藤可士和的超整理术》,对我影响很大,所以会把整理分类的概念运用到设计中,图片文件都整理分类好,分别命名,一层一层方便查找。

如下图:

而不是这样:

也不是这样:

2. 提炼素材中可用的元素

第四步:开始设计

1. 草稿阶段探索,由圆形转化成其他形状的尝试

2. 大体外形确定,调整颜色的饱和度

3. 添加背鳍、臀鳍和尾部,尽量比较小巧,这样跟圆圆的身体形成对比,会更加凸显可爱

4. 描绘五官,眼睛画的圆一些,嘴巴可爱一点

5. 有白牙感觉不够萌,去掉多余的白牙;背鳍不是太圆润,重新修改呈圆形

6. 添加细节:身上纹路添加(面积不要占据太大,要不然不统一,视觉上会抢占五官的主体性);眼睛增加立体感,嘴巴,舌头添加细节;身体、鳍添加亮部和暗部,使画面更丰富,有细节。

7. 添加背景,选择了玫红色的对比色蓝绿色,运用冷色与暖色搭配,视觉上会有强烈的的冲击感,更容易吸引人注意。

好啦,今天的经验分享就到这里了,感谢大家坚持看完我这篇小学生式分享,我们一起进步!

​也欢迎移步微信,关注我的公众号【胖小魚设计小栈】哈,以后会经常分享我的设计经验。

相关文章

  • 聊一聊具体的设计思路

    我自己本身是做UI设计的,实际工作中除了app设计,也经常需要做运营活动、lp、物料、插画、动效~真的是无所不做呀...

  • 我们聊一聊设计

    什么是设计? 什么是设计?做了这么多年的设计,你有没有被这一句话,仿佛进入夜深人静的时刻,展开深入骨髓的思索。 前...

  • 顺便聊一聊KVO实现思路

    和其它文章不同的是,我侧重写一些技术方面实现当中的思路。 那么现在切到正题。我们iOS实现KVO的时候,要有怎么个...

  • 聊一聊交互设计

    做了好几年交互设计师了,当外行人问起交互设计是什么的时候,总是几句话也描述不清楚的。整日沉浸在交互细节与原则里,以...

  • 聊一聊扩展字段设计

    1. 背景 ​ 工作中我们常常有需求需要加字段,如果数据库数据量比较大,新增字段耗时较长,导致性能下降,甚至...

  • 设计观察 | 聊一聊「得到 App」的设计

    得到 App 是我在手机上用得频率比较高的一个应用,它是由罗振宇创立的、以「一起建设一所终身大学」为 slogan...

  • 软件架构设计之工具实践篇

    前面写了两篇软件架构设计的文章,思想篇和理论篇,今天Relax君想跟大家聊一聊如何通过具体的工具去画出软件架构设计...

  • DDD概念复杂难懂,实际落地如何设计代码实现模型?

    今天我想与你聊一聊,DDD概念复杂、难懂,实际落地该怎么设计代码实现模型。关于这个话题,先说说整体框架、思路,我打...

  • 聊出来的思路

    很多事情刚开始你也没有明确的思路,没有明确的打法,但是当你以这个事情为主题展开一场沟通和谈话,在不断一来二往的信息...

  • 品牌必读书籍—杨三疯

    还是按照三疯一贯的分格,先来聊波思路,也许你看这个题目会说,推荐个书还要聊波思路?确实得聊,思路对了,办事就不会差...

网友评论

      本文标题:聊一聊具体的设计思路

      本文链接:https://www.haomeiwen.com/subject/aoewvhtx.html