插图背景业务-7种插图风格
我主要负责这个界面的设计,整个界面设计比较流畅,但是登录界面有延迟,因为我们认为我们的产品是工具,需要登录才能进入界面进行操作,所以登录界面是大家进入APP看到的第一个界面。在设计上,我采用全屏大图的商务风格,用了一张和地产、商务有关的图。
但是后来老板反映登录界面背景图片有雾,他建议图片应该是蓝天白云看起来比较活跃,这样才不会生气。
看到蓝天白云,大家可能都会笑。这样设计会不会太low了?我起初是这样想的,但转念一想。老板就是觉得这个界面不活泼。我们的目标群体本来就是我们公司的销售人员,设计一定要充满活力。
后来尝试了多种图片类型:商务办公、海景房、纯意向图片等。,我觉得他们不能很好地表达。这时候同事看我有点纠结,就提醒我不用设计这种全屏大图风格就能改变主意。现在很多APP登录界面都比较简单,不必拘泥于一种风格。那还有什么风格比较适合呢?于是晚上回家整理登录界面的设计风格,主要从三个方面入手:
1.如何收集参考文献?
2.参考文献收集完毕后我该怎么做?
3.如何选择符合产品的设计风格?
如何收集参考文献?
参考收集也可以理解为寻找参考,无论是风格参考还是版式参考,在设计前期肯定会经历收集的过程。收藏可以分为在线资源和项目资源。线上资源还有花瓣、追浪、Behance、站酷、UI中国等知名设计平台。可以通过这些平台了解当前流行趋势、款式、界面分析等内容,获得帮助。
此外,我们还可以收集各个行业的优秀app和竞品进行分析,所以这一步必不可少。下图是我手机上觉得不错的APP:
因为这个登陆界面,我先去浏览了一下这些app的登陆界面,了解了各个行业的特点。然后收集了一些资源管理和工具类app(竞争产品分析必不可少)。
采集完成后,我们可以在每个行业选取两到三个app进行截图,采集工作在此完成。(虽然收集工作简单,但是通过长期的积累,你会熟悉每个行业的设计特点,你知道一个APP更新了,为什么要更新,更新后会有什么好处等等。)
参考收藏后该怎么办?
参考收集完后,我们需要对上面收集的截图进行分类(风格分类,展示内容分类等。).设计的时候,因为我们的内容已经确定了,所以只需要对风格进行分类。这里我把登录界面分为六类:简约白色、浅色装饰、纯色背景、全屏大图、半屏图片、插画背景。通过分类,可以知道他们在不同行业采用的设计方法。
1,白色简约
白色简洁风格是目前比较常见的风格。其用途是输入信息,多用于体积较大的app。设计中没有使用复杂的装饰元素。整个界面主要是简洁设计,设计主要是信息展示的排版设计。如下图所示:
以Get、Potato、Hook为例,显示差别不大。主要设计是信息的排版。Get和Hook类似于行输入框,占据左侧排版样式。土豆采用椭圆形长方形输入框,居中排版,并加入Logo体现品牌感。
2.浅色装饰背景
浅色装饰背景就是在简约风格的基础上加入一些品牌装饰元素。相比简约风格,这种设计更能体现界面细节,增加界面的品牌感,同时也不影响信息的输入。如下图所示:
轻装饰在设计上可以有四种展示效果:一是类似网易云音乐、网易美学,用产品相关的元素进行装饰;二是类似好奇心日常做模糊处理增加界面层次感;三是类似网易云课堂添加意向班的图片;第四,类似优酷和36Kr,加入几何元素进行装饰。
3.纯色背景
纯色背景在使用时往往采用品牌色,并配以Logo设计,体现品牌感。需要注意的是,这种方法常用于登录信息简单的界面或者以第三方登录为主界面的界面。如下图所示:
Keep、问卷网、腾讯课堂都是用品牌色彩设计的。同时可以看出他们的登录信息更少,视觉设计更简洁。
4、全屏大图
登录信息下方以图片的形式填充全屏大图。它的优点是图片更容易吸引人的注意力,更容易传递情感,更容易引起用户的共鸣。如果使用产品相关的图片,可以提前给用户一个预期。其缺点是信息和背景高度融合,不适合一些体量较大的产品,多用于垂直类app。如下图所示:
全屏大图其画面是整个界面的核心,要找到符合产品的画面并不容易。在找图片的时候,我们也需要有目的的去找,比如丰满的、美甲选的与产品相关的图片;每天睁开眼,跟着办公室走,公司用了比较用心的图片;《马蜂窝》采用全屏动画,让整个登录界面更加生动(使用动画时要小心,因为用户往往会花太长时间观看,拉长登录时间)。
5、半屏画面
与全屏图片类似,半屏图片可以通过图片传达产品的核心功能,也可以通过意向图片传达产品的品牌感,但半屏图片的重点主要在登录信息上。它的缺点是不容易在设计上出彩。目前只有少部分app采用这种风格,如下图所示:
小猪短租、没事、蚂蚁短租都采用了半屏图片的形式,说明他们的登录操作模块处于界面的黄金位置,整个界面设计会有一定的分割感。
6.插图背景
相比图片设计,插画背景有一个优势就是你不需要用手绘到处找图片,也不用担心图片的版权问题。完全可以根据自己的产品做插画。需要注意的是,插画设计最好加入品牌识别元素或者品牌相关元素,这样才会有意义。如下图所示:
evernote中闹钟和文档的使用方式也让人对他的笔记功能一目了然。in的口号意思是所有有趣的人都在in,这个插画正好说明了这个意思。最右侧使用品牌章鱼卡通形象,使界面具有辨识度。
如何选择符合产品的设计风格
我们收集了参考资料,分类截图,做了简单的风格分析。现在我们需要结合这些风格和我们的实际产品来梳理和选择适合我们目前的设计方法。
任何界面的设计都是有理有据的,就是我们的设计需要根据我们的设计目的,老板的期待,竞品分析来筛选。
1,设计目的
首先,登陆界面的主要用途是什么?这里我主要总结了四个方面:个人信息输入、品牌展示、信息传递(商业信息、产品核心功能)、故事或产品的人文情怀。这些目的对应不同的设计风格。
个人信息条目:
主要用于大型项目,其主要目的是帮助用户高速高效登录。结合以上风格分析,可以推出以个人信息输入为主要目的的白色简约风格、半屏图片展示风格、轻装修风格。
品牌展示:
如果你觉得同样简单的白色风格没有特点,也可以根据需要加入品牌识别,比如在界面中加入与产品相关的Logo、图片、插画元素。结合以上风格分析,主要有轻装饰风格,纯色背景,插画背景,全屏大图,可以更好的套现品牌。
发送消息:
当你的登录信息比较简单的时候,比如只有第三方或者简单的登录信息,那么登录界面不仅仅是基于个人的输入,还起到了传递商家信息和产品信息的作用。结合以上风格分析,能更好传达产品信息的主要有轻装饰风格、全屏大图和半屏图片。
故事或产品的人文情怀:
该产品更适合少数民族人群。我们知道图片是传达情感的最佳方式,所以全屏图片是个不错的选择。当然,如果产品预算高,我们也可以做视频,更能引起用户的共鸣。
分析之后,我们需要根据我们产品的设计目的进行选择。按照之前的需求沟通我们的登录界面信息很简单,用户需要登录后才能进入界面。所以展示以品牌展示和信息传递为主,可以推出我们更适合轻装饰风格、纯色背景、插画背景、全屏大图的产品。
2、老板的预期
有时候你的分析不一定正确。你可以把你的分析告诉经理,经理会比你更清楚你想从老板那里得到什么。正如我在序言中提到的,老板希望登录界面更加活跃,体现销售行业的活力。所以我们在设计的时候需要考虑这个因素。
3.竞争产品分析
竞争产品分析往往可以解决我们采用什么风格。我们的项目定位很明显,就是客户资产管理,目标人群只是我们公司的销售人员使用。所以可以总结为工具类APP。工具APP中常见的设计方法有:简单的白色,纯色背景,全屏大图。
客户资产管理方面优秀的app很少,所以这里我找了一个主要使用工具的app。Ke Holdings Inc .受众更广,主要为大家提供找房信息。他的用户群体主要是用户。当然,他希望用户快速登录,所以他采用了白色简洁的风格,可以高效操作。我从侧面问了经理,觉得这种风格不合适。最后我们决定做两种风格,纯色平面风格和商务背景,可以很好的变现品牌。
最后为了提高过稿率,我设计了纯色背景一稿,全屏大图风格一稿,提交给老板反馈。他们选择了背景扎实的风格,在这里我们已经顺利通过了稿件。
这个分析过程可能非常繁琐。其实当你把收集到的图片进行分类对比的时候,基本上就可以确定采用什么风格了。在这里提醒你,你的分析可能和老板的预期不一样,所以最好设计两个版本供老板选择,同时分别说明用他的理由,这样可以大大提高通稿率。
摘要
今天主要以登录界面为例。我们在分享设计思路的时候,可以从收集、分类、分析、对比三个方面进行整理,有助于我们找到适合产品的设计方案,提高投稿率。
1.收藏:我们一般会收藏比较优秀的app。当你不知道怎么做的时候,我们可以结合竞品去翻阅这些app,了解各个行业的设计特点,为后期的分类做准备。
2.分类:通过分类可以知道有哪些风格,了解它们的设计优缺点,可以帮助我们心中有数。
3.分析:根据产品设计的目的,结合以上风格分析,选择适合我们产品的设计方法。
以上是我在项目中遇到的问题总结。希望对大家有帮助。看完可以找个界面分析一下,试试看是不是这样。
插画的七种风格——平铺直叙、通俗易懂、风格普通、简洁明了。
简单来说,平面插画就是为了简化复杂的关系,让画面更加清爽整洁。也是现在常见的风格,很多商业工具类app都会选择使用这种风格。比如拉钩,打钉...
特点-平面插画的变化,增加颗粒感,质感和良好的光影关系。
纹理插画顾名思义就是在插画中加入一些纹理(如杂色)和光线,其本质类似于平面插画。一些想要体现质感的页面会使用这种风格。以下是一些设计师的作品。
特点——对艺术技巧的要求最高,应用广泛,展览内容丰富。手绘插画的应用也很广泛,比如一些插画绘本,故事场景设计等等。以下是插画师顾鑫的作品节选。
特点——简洁、圆润、可爱、断点
MBE插画(dribbble的一位设计师创造了这种风格)的特点是圆、可爱、傻、简洁。APP中的引导页、启动页、默认页也是广泛使用的。
特点——唯美,颜色相近,色彩鲜艳。
渐变插画有点类似日本漫画场景,风格特别唯美浪漫。光感比较强,所以也叫弱光插画。颜色一般都差不多,颜色种类不要太多。
特点——2.5d插画,立体感强,视觉冲击力强。
立体插画又称2.5D插画,是在二维空间中表现三维的事物。所以现在越来越多的设计师都在学习C4D这个软件。虽然AI和PS都可以,但是会比较麻烦。很多电商app都会选择这种风格。例如,JD.COM。...
特征-形状、笔画、抽象画处理
笔画插画不仅使用形状,而且在其外轮廓使用笔画,可以清晰地表达抽象的事物。它经常用在一些图标上,比如闲鱼和走动。...
什么样的人适合选择插画作为副业?市场对插画的需求有多大?去一些垂直网站做后期插画,接单幅图,另外做火山和西瓜的视频。
抖音
视频,今天
今日头条/今日头条
等视频平台分享画图全过程,做一些讲解,吸引粉丝,双方都能赚钱,就像耳科赵医生一样,工作网络不耽误。一幅有故事的画被认为是有灵魂的。这里涉及两个方面。一个是画本身会讲故事,换句话说,看到它的人可以联想到很多事物或意义;另一方面,我要会讲故事,就是如果有人问你或者你主动介绍你的画,你可以讲一个小故事,让人印象深刻。
因为我对这个行业不是很清楚,所以从非专业的角度来看这个事情。说到商业插画,大家都会比较熟悉,尤其是近年来,随着网络销售、电子商务、科技有限公司的快速发展,商业插画的市场迅速扩大,插画的需求量越来越大!从近百年插画的发展趋势和互联网环境来看,未来十年商业插画的市场需求只会越来越大,而且需求会越来越大!
一个事物能否长久,取决于环境因素和内部环境的感恩反馈是否优秀。外部环境是指绘画插画能否给你带来最理想的收入、社会认同、职业成长、自我价值认同等等。内在结构就是自身,自身的天赋,布局,长远发展,包括身体健康,都可能影响这个问题的结果。如果——能持续稳定发展,自然可以作为终身事业。
应该不错。这是近年来新出现的产业链。发展前景不错,商业插画前景还是很不错的。现阶段插画行业在国外还是相当空白的,急需优秀人才。一个乐观的推测说:“商业服务插画师在未来17新兴行业中会遥遥领先,他们会像大牌明星、羰基α ⒖发型工程师、时装设计师等职业一样成为高收入人群。商务服务插画师是计算机图形学领域急需的人才,应用广泛,如手机游戏角色设定、广告海报设计、卡通吉祥物设计方案、发布插画图片等。
根据一台电脑的说法,商业插图将传统艺术创作从纸和笔中解放出来
手绘板
以达到最佳的视觉冲击。关键是要有好的想法。
向左走,向右走
这是一本只花你十分钟的爱情故事,一本不超过1000字的书,一本画的比字还多的书。它的成功出乎意料地让这位跑龙套的插画师走红。比较好的插画师不一定都是训练出来的,最重要的是要有好的创意,才能把商家的意图表达的淋漓尽致。如果想学商科,也可以去专门的培训机构学习。像中国插画网什么的都有自己的培训机构。自己多看看。