每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票最简单最快速的三步完成启动页设计方法,供大家没灵感时使用
一些新的教程已发,欢迎看官们赏脸啦:http://i.ui.cn/ucenter/118849.html
失踪人口回归~ 最近几个月忙了些项目,最近有空赶紧给大家分享说了N久的启动页设计教程,证明我还活着(*^__^*)
废话不多说,先上几张图:
以上这些图就是启动页,也叫闪屏页,通俗说就是大家打开APP时一般都会出现一两秒的那种图片,启动页的作用功能上来说是系统运行软件时,防止用户等待枯燥而特意制作的loding页面,后来被聪明的人们趁机作为APP的形象宣传图,或者是广告展示的一个方法。
当然本次教程不会教大家做多么复杂的启动页,这里给大家一个最简单最快速的三步完成启动页设计方法,供大家没灵感时使用;
现在开始三步教程,首先拿鄙人最近的一个羞羞案例来做示范(LOGO是客户山寨百度的,不要再说为什么这么眼熟...):
第一步、PS中新建750*1334画布(这是目前设计UI最通用的iPhone6尺寸),把背景色设成你的APP主色,我的是#00a4ff
第二步、把APP的标志放入界面中央偏上的位置,记得转成白色,LOGO是徽章之类转不了纯色的也没事,可以直接放
第三步、想一句装逼的宣传语放到LOGO下方,记得文字一定要跟我一样用手写字体,文字下方再画一条斜线。然后底部写行版权文字,完成!
------------------- 嗒嗒,正文开始!-------------------
你以为真的只有这么简单吗?以上只是引子,真正要分享给大家的是下面的扩展思路,设计师值钱的地方就在这里了!通过这个初版我们可以进一步发挥创意,通过微调发动头脑风暴做出真正让自己满意的启动页:
比如改动下布局,加点与APP主题相关的小元素?
依此类推,我们可以运用简单三步法发挥创意,并且完美运用~~ 比如试试用图片来代替背景色?
比如试试反转背景为白色会产生什么效果?
比如试试换个字体改个布局会怎样?
本文的核心是希望帮助大家在设计没有灵感时,能通过我这种方法进行发散性思维从而快速完成任务,上面的这些引导页有的都是几年前设计的了,现在已经出现更多类型的启动页,下次有空再分享啦,看完文章自己动手试一试才能领悟到其中的奥妙哦!
(文中图片部份是网上找的,部份是我自己的,如果善用了您的作品请联系删除( ^_^ )/~~)
下一期分享预告:UI设计师需要注意的微信小程序与原生APP的设计区别 ↓
如果客官觉得本教程还行,欢迎关注并帮忙推荐哦 ↓
大神我想问下那个试试反转背景为白色案例第一个白色的背景纹理素材是什么素材呢,我每次想做类似这样的,总是做不出来,也找不到类似这样的素材,,不知道您是怎么做的。谢谢~
每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票
发表评论