header_v0.7.31

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

256天前发布

原创文章 / UI / 教程
宋聚安 原创,如需商业用途或转载请与宋聚安联系,谢谢配合。

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

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

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

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


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

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


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


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


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


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


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


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


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


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


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

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

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


下一期分享预告:UI设计师需要注意的微信小程序与原生APP的设计区别 ↓


如果客官觉得本教程还行,欢迎关注并帮忙推荐哦 ↓

db68586f3503a8012060c8a110ac.jpg

39
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功