相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

APP引导页设计方法介绍

大巴发布于:2019-5-7 10:05 |原作者: 阅文CDDC|
大巴
山西省 吕梁市 GUI设计师
发私信 + 关注
简介: 引导页是我们每一个UI设计师都面临过的设计,无数次的设计之后,我们是否已经找到了一个完美的解决方案或是思路呢?

一个好的引导页设计会给用户留下良好的第一印象。也可以降低用户的学习成本,快速上手产品并了解新增功能,避免用户使用过程中的迷茫,减少误操作,是提升产品 ...


4、手绘草稿

手绘草稿成本低廉,实现迅速。草图不需要看上去很漂亮;只需要表达出想法,引发讨论和催生想法即可。这一步非常重要,可以对初稿有基本的把握,减少反复修改。坚持手绘草稿设计,原创能力会有较大的提升。

多版本草图尝试,思路会非常多且清晰。如果时间充足可以整理出最终版。

APP引导页设计方法介绍 飞特网 设计理论

APP引导页设计方法介绍 飞特网 设计理论

5、软件绘制

草图的勾画不能占用太多时间,基本确定好之后进行软件绘制,过程中还可以随时进行调整。

下面是根据草图进行的绘制,前期可以用单色,把注意力集中在构图和形态上,好的基础会给之后的工作减少阻力。

APP引导页设计方法介绍 飞特网 设计理论

APP引导页设计方法介绍 飞特网 设计理论

在选取颜色的时候,可以选取和自身产品相关的色调,也可以大胆配色,这取决于通过色彩传达的情绪和品牌感。在这里我的配色方案主要基于产品的主色和辅助色的变化延伸。

6、增加质感和调整细节

两张图基本设计完成,根据画面情况再做一些加减法。

在画面上我们可以通过增加纹理等技法使画面更有质感,在阴影部分可以增加杂色,丰富画面的细节。比如可以给人物加一个阴影,给手机增加一些光线,加一些若影若现的背景等等。

APP引导页设计方法介绍 飞特网 设计理论

7、动效设计

调整完成之后,使用动效软件加一些细微的动效让画面更加生动,前提是需要和开发讨论动效实现方案。

引导页重在强调产品的核心功能与优势,上一页与下一页启到承上启下的作用,好的视觉配上动画会使引导页更加生动有吸引力。

总结

分析—提炼—风格—草稿—终稿—细化—动效

如果你做引导页的时候不知道如何下手,可以尝试一下这个思路~~其实大部分设计工作都可以用这个思路去完成,希望这篇文章能够给予更多新手设计师一些灵感和帮助~

12
18

好评
16

差评

刚表态过的朋友 (34 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

大巴
山西省 吕梁市 GUI设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计