加入收藏 | 设为首页 | 会员中心 | 我要投稿 东莞站长网 (https://www.0769zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

APP设计!教你怎样才能把APP引导页设计的高大上

发布时间:2018-05-02 01:43:31 所属栏目:教程 来源:25学堂
导读:副标题#e# 一个优秀的App引导页,能够最迅速地抓住app用户的眼球,让他们快速了解App的价值和功能,起到很好地润滑和引导作用。俗话说的好,好的ui视觉界面可以造就App的点击率。点击率是啥是钱呀! 请允许25学堂的小编俗一次哈! 第一部分:app引导页设计知

步骤二:构图+排版

在设计中我采用了描线的表现方法,这样感觉漫画感脚更强,人物表情能更夸张。

第一步构好图,保证这套引导的统一,文字的大小。重点文字的区分形式等。

初学者我建议建立三个psd,把需要突出的点讲出来。这样好一起打开进行对比,保证风格的统一性。

引导页设计 APP引导页设计 APP设计

第二步将需要画的场景已线图的方式勾出来,在这我直接用鼠标绘制路径,个人习惯这样制作,这样处理出来的线条会比较顺畅。手绘能力强的可以直接用数位板画。

引导页设计 APP引导页设计 APP设计

步骤三、后期处理

首先是处理色彩关系,整体颜色选择了比较鲜明的颜色,每张的颜色饱和度一直,切换的时候对比强烈。

引导页设计 APP引导页设计 APP设计

其次,加强画面氛围感,第一张我用了闪电来突出瞬间变段子哥的感觉,并用纵深的黑线条加强了画面的空间感。以此类推我也把这写元素翻到了另外两张图中,加强了一致性。

引导页设计 APP引导页设计 APP设计

大功告成,展示一下。

引导页设计 APP引导页设计 APP设计

APP引导页设计小结:

设计方法很重要,灵活很重要。不同的需求不同的玩法,时间紧急一样有办法做出好的东西,水来土掩兵来将挡,UI没有想象那么难。

延伸阅读:

  • 4个优秀案例帮你掌握引导页设计方法

(编辑:东莞站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读