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

用户头像
广州/UI设计师/9年前/1938浏览
简单三步 教你设计个精美启动页
用户头像
宋聚安

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

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

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

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


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

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


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


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


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


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


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


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


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


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


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

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

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


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


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

db68586f3503a8012060c8a110ac.jpg

54
举报
|
47
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
新能源APP应用UIKit
手表表盘UI系列
【新年UI图标】银行卡icon
【新年UI图标】珠宝icon
高级感金属拟物 UI设计组件库
拟物风质感写实UI卡片合集源文件
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
我的钱包-UI界面设计-app
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】影音icon
【新年UI图标】30个图标
UI通用设计素材1
【新年UI图标】游戏/娱乐icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
【新年UI图标】优惠券icon
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
科技医疗透明柜UI界面设计
高级表盘系列UI源文件
【新年UI图标】钱包icon
你可能喜欢
大家都在看
登录注册