家政类引导页插画-UI设计中最常用到的4个软件是哪4个？

引导页是用户在首次安装并打开应用后,呈现给用户的说明书

目的是希望用户能在最短的时间内,了解这个应用的主要功能、操作方式并迅速上手,开始体验之旅

既然是说明书那难免不受待见,因为我们的用户总是傲娇,他们不喜欢被教育、被说明,他们喜欢一口气划过引导页,直接上手,但是在碰到问题、遇到挫折的时候又会各种别扭

所以这就需要设计师非常用心的去处理引导页的设计

丰富多彩、风格迥异的引导页设计 有些引导页则沉稳大气,适合资讯类的应用,给人以可信赖感

例如搜狐新闻客户端的引导页设计,摒除了所有多余的设计,用干净的界面及有力的文字体现了整个应用真实可信的媒体平台的定位

有些引导页则轻松、活泼,适合日常工具或者休闲类的应用,让用户感受到贴心和放松

例如UC手机浏览器,由用户使用浏览器常见的下载麻烦的情景来穿起整个引导页,像一副四格漫画一样让用户带着浏览漫画的心情,轻松地阅读完整个引导页,同时也强调了使用UC浏览器下载的轻松便捷

还有一些引导页则富有生活情趣,适合一些文艺、小清新的应用,因为这部分应用的用户不一定喜欢标新但一定立异,不喜欢随大流

一套好的引导页的构成,怎样做到引人入胜 好的引导页设计是从展示内容到设计风格再到语言文字都经过细致考究并与应用整体气质符合的

1

展示内容要简明扼要,只捡最重要的说,用户虽然傲娇但是我们也不能一味的去贬低用户的理解能力及手机使用经验,如果只是新功能的推荐我们完全可以只告诉用户入口,而不是事无巨细的详细列明每一步的操作,把一个好好的引导页活生生做成一个帮助教程页

如果是新的交互及操作方式,我们也可以只展示最核心、关键的操作,要留给用户探索和发现的余地

2

展示内容应当连贯有一定的逻辑关系,所有的内容都按照一定的顺序有机的排列

如先是亮点模块的介绍再是应用整体呈现,或者按照一个主打功能的操作流程介绍

总之做到有主有次,再到最后静静等待用户点击“开始体验”那一刻

3

每页只放一个内容

有时候想表现得东西太多,不妨拆分成几页,因为引导页使用情景决定了,它是用户在下载完应用后急切地想见到主界面使用应用前的绊脚石,极有可能的场景是用户很快速的划过引导页,一页上太多信息,只会让用户更快速的划过引导页

如果我们保证每一页的内容都非常简洁的话,用户就算走马观花的划过也能记下一些东西

每一个画面都有一个重点

可能是文字也可能是图

4

设计风格,正如上面说到引导页的设计风格要与产品的气质保持一致,如果是一本正经的新闻资讯类应用

那它的引导页风格也是稳重、正统的

而娱乐类的应用可能有更情感化的表现形式,例如漫画形象的应用或者是大幅背景照片的运用

在设计细节上,现在也有越来越多的引导页运用到线描的插画,这样既可以更方便、准确的传达操作方式、使用场景等复杂信息又可以增加亲和力减少说教带来的用户反感

还有局部放大、手绘箭头等也功能介绍时常用的表现手段

5

在文案上也是需要非常考究的,要使用用户听得懂的词,不要让用户脆弱的自尊受到伤害

比如“点击Title Bar,您可以”(Title Bar是什么东东,欺负老娘不懂英文么 !)不如换成“点这儿试试呢,您还能” 总之,好的引导页设计,不是一本冷冰冰的说明书,不是让用户脆弱的自尊饱受凌辱,而是让用户由里及表、由内而外的感受到自己受到非常良好的对待

这需要设计师真正从用户的角度去理解用户对于引导页的需求及用户阅读引导页的场景

photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash1、photoshop给各位最好的建议还是使用最新的版本的软件哦!因为一个最新版本的功能更加全面,不然的话更新的意义何在呢?你说是吧!2、AI全称AdobeIllustrator是一款多媒体、在线图像和出版的工业标准矢量插画的软件。在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者,都不否认AdobeIllustrator不仅是艺术产品工具。也为线稿提供了无与伦比的控制以及精度。矢量图方大放小不会变形这是ai的优势,很适合扁平。劣势是ai不能切图,对于虚拟化的图标处理不是很好。3、AEAdobeAfterEffects在视频特技和设计的机构,如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。AE是动效这块效率最高的软件但是劣势是不能用AE画图标做界面。属于是一款层类型后期软件。4、Axure是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。5、Fireworks是Adobe推出的一款网页作图软件,通过软件可以加速Web开发和设计,是一款优化与创建Web图像和快速构建网站与Web界面原型的理想工具。6、CorelDRAW出自加拿大Corel公司的平面设计软件;这款软件是Corel公司出品的矢量图形制作工具软件,这个图形工具给设计师提供了页面设计、矢量动画、位图编辑、网页动画和网站制作等多种功能。7、Flash是macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用Flash创作出既e69da5e887aa7a686964616f31333366303138漂亮又可改变尺寸的导航界面以及其他奇特的效果。

学习UI设计一般主要用到的软件有4个:Photoshop(PS)、Illustrator(AI)、AfterEffects(AE)、AxureRP(ARP)还有一些软件就要根据你所使用的电脑系统而定,如果你用的是mac系统的话可以学习一些sketch跟XD。当然上面4款主要的软件mac或者是window系统都可以使用。Photoshop(PS)是一款数字图像处理软件,它有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。不过现在矢量绘图的功能也增强了很多,尤其是CC2015以上的版本,对UI设计师来说是带来了更大的便利。尤其是里面的画板功能以及右键的导出功能,还有就是专门为UI设计师开设的设计空间(仅win8以上版本系统能用)PS软件的话,在Ui设计工作中是用到最多的,主要做视觉设计,80%的都是由PS软件它来完成的。Illustrator(AI)作为全球最著名的矢量图形处理软件,在UI设计中主要处理一些比较复杂的图形绘制,以及一些插画的绘制。比如一些引导页类型的插画,或者是一些自定义的图标设计,当然在排版方面也是不错的,可以用来辅助PS提升工作效率。据不完全统计全球有37%的设计师在使用AdobeIllustrator进行艺术设计。AfterEffects(AE)特效合成软件,在UI设计中主要用于制作交互作动效设计,也会用于企业产品的宣传动画制作,比如现在比较流行的MG动画展示。还有最重要的就是在后期交互跟程序交接的时候起到非常好的沟通作用,这个是工作里面很关键的一部分。AxureRP(ARP)如果说Sketch是最美、最简洁的设计软件,那么Axure是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,并且能够很好的模拟APP或者网页的交互动作展示,是进行原型设计的最佳软件之一。可以在网页上模拟点击效果,可以说是为整个产品开发打基础的一款软件。那么除了上面提及到的这四款软件,偶尔也还会用到一些其他辅助设计软件。比如:cutterman切图插件,Markman标注软件等,当然PPT、Word这些办公软件也是要涉及一些的,比如产品的提案。当然学UI设计不是掌握了这些软件之后,就可以从事UI设计工作,软件的话只是一个工具。UI设计最核心的是学习设计,软件和设计都会了,才能算得上一名合格的UI设计师。

2020年可以说是插画的天下

曾感动无数人的《热干面好久不见》

到最近的各种节日品牌海报

都能见到插画的身影

那插画常见的风格有哪些你知道吗?

小A将通过这篇文章

带大家了解一下插画海报的常见风格!

扁平风格插画主要由色块构成,造型几何化,外轮廓光滑,信息更加直观,能够让人一眼看上去就知道界面所传达的信息。

扁平化的界面也能够更好地实现画面的转化,网页加载得更快, 因此,扁平风格插画被广泛应用于各个领域。

描线风格,是在扁平化风格之上的延伸。

在扁平化元素中添加外轮廓和描边,描线插画的外轮廓加上描边,相对于扁平化风格来说,更加地立体,可爱, 往往会用在海报、引导页面、logo等之中。

肌理风格插画也叫做颗粒噪点风格,是扁平化风格的又一个分支,将页面叠加颗粒肌理,呈现出一种磨砂质感,有点像沙画的感觉,但又比沙画细腻。

主要表现形式是运用大量色块的表现,元素单一干净, 肌理常叠加在元素的高光及阴影处,通过颗粒感来增加画面中的细节, 画面过渡自然,立体生动,画风轻松随意。

浮世,佛语里是指“繁华又空虚的人世间”, 浮世绘是将人世间的浮沉聚散不定地用绘画的形式表现出来。

浮世绘画风以传统版画为基础,强调线条及色块的平涂,色彩艳丽,以鸟、鱼和海浪等为主要表现形式。

MBE插画是由Dribbble的一位设计师创造的风格, 采用黑粗线条描绘元素,除去画面中不必要的元素,色块有明显的区分 ,圆润可爱。和小元素配合,常用于引导页、启动页、logo等。

水彩插画是近几年比较流行的一种画法,简单的线条加上温和的色彩,宁静自然,线条简单随意,水彩插画的创造性特别强, 既能够表现写实、抽象、魔幻等各种风格。

插画是我们在生活中最常见的设计元素之一

近几年逐渐成为海报设计的主流

不同风格的插画风格带给人们不同的视觉感受

你更喜欢哪一种呢?

图片来源于网络,侵删