分享此网站可得100G教程,联系小洁领取点击这里给我发消息

教你三步设计个精美启动页

APP设计 学UI设计 720次浏览 0个评论

最简单最快速的三步完成启动页设计方法,供大家没灵感时使用。

失踪人口回归~ 最近几个月忙了些项目,最近有空赶紧给大家分享说了N久的启动页设计教程,证明我还活着(*^__^*)

废话不多说,先上几张图:

教你三步设计个精美启动页

以上这些图就是启动页,也叫闪屏页,通俗说就是大家打开APP时一般都会出现一两秒的那种图片,启动页的作用功能上来说是系统运行软件时,防止用户等待枯燥而特意制作的loding页面,后来被聪明的人们趁机作为APP的形象宣传图,或者是广告展示的一个方法。

当然本次教程不会教大家做多么复杂的启动页,这里给大家一个最简单最快速的三步完成启动页设计方法,供大家没灵感时使用。

现在开始三步教程,首先拿鄙人最近的一个羞羞案例来做示范(LOGO是客户山寨百度的,不要再说为什么这么眼熟…):

教你三步设计个精美启动页

第一步、PS中新建750*1334画布(这是目前设计UI最通用的iPhone6尺寸),把背景色设成你的APP主色,我的是#00a4ff

教你三步设计个精美启动页

第二步、把APP的标志放入界面中央偏上的位置,记得转成白色,LOGO是徽章之类转不了纯色的也没事,可以直接放

教你三步设计个精美启动页

第三步、想一句装逼的宣传语放到LOGO下方,记得文字一定要跟我一样用手写字体,文字下方再画一条斜线。然后底部写行版权文字,完成!

教你三步设计个精美启动页

——- 嗒嗒,正文开始!——-

你以为真的只有这么简单吗?以上只是引子,真正要分享给大家的是下面的扩展思路,设计师值钱的地方就在这里了!通过这个初版我们可以进一步发挥创意,通过微调发动头脑风暴做出真正让自己满意的启动页:

比如改动下布局,加点与APP主题相关的小元素?

教你三步设计个精美启动页

依此类推,我们可以运用简单三步法发挥创意,并且完美运用~~   比如试试用图片来代替背景色?

教你三步设计个精美启动页

比如试试反转背景为白色会产生什么效果?

教你三步设计个精美启动页

比如试试换个字体改个布局会怎样?

教你三步设计个精美启动页

教你三步设计个精美启动页

本文的核心是希望帮助大家在设计没有灵感时,能通过我这种方法进行发散性思维从而快速完成任务,上面的这些引导页有的都是几年前设计的了,现在已经出现更多类型的启动页,下次有空再分享啦,看完文章自己动手试一试才能领悟到其中的奥妙哦!

文中图片部份是网上找的,部份是我自己的,如果善用了您的作品请联系删除( ^_^ )/~~

教你三步设计个精美启动页


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (3)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!