教育app啟動(dòng)頁(yè)設(shè)計(jì)(教育類app首頁(yè)界面設(shè)計(jì))
APP設(shè)計(jì)中的啟動(dòng)頁(yè)怎么設(shè)計(jì) 啟動(dòng)應(yīng)用后,進(jìn)入主功能界面前會(huì)有一張圖片或一個(gè)動(dòng)畫(huà),顯示幾秒后消失圖片或動(dòng)畫(huà)所在的界面稱為“啟動(dòng)頁(yè)面”每次打開(kāi)應(yīng)用都會(huì)出現(xiàn)啟動(dòng)頁(yè)面,停留時(shí)間很短,所以有人稱之為“閃屏”通常,一個(gè)應(yīng)用。
APP啟動(dòng)頁(yè)是每一個(gè)APP用戶每次啟動(dòng)都要看到的頁(yè)面,可以說(shuō)是APP的面子工程,在如今“拼顏值”的時(shí)代,我們應(yīng)該給予啟動(dòng)頁(yè)更多的重視,設(shè)計(jì)出適合自己產(chǎn)品的啟動(dòng)頁(yè)。
啟動(dòng)頁(yè)像是一種持續(xù)的營(yíng)銷活動(dòng),因?yàn)橛脩裘看蜷_(kāi)一次App就會(huì)加深對(duì)品牌的印象通過(guò)在啟動(dòng)頁(yè)中添加標(biāo)志性的slogan或者圖像,既能強(qiáng)調(diào)App的用途也為用戶設(shè)定了一定的期望例如上圖的3個(gè)應(yīng)用將品牌logo放在開(kāi)屏頁(yè)中,這樣的設(shè)計(jì)。
APP啟動(dòng)頁(yè)面設(shè)計(jì)3優(yōu)秀的啟動(dòng)頁(yè)面 雖然指南頁(yè)是每個(gè)app必備的,但在實(shí)際使用中,其設(shè)計(jì)效果并不容易達(dá)不到預(yù)期用戶往往不會(huì)仔細(xì)瀏覽指南信息,對(duì)指南內(nèi)容信息的接收程度會(huì)打折扣,很難全部吸收在許多情況下,用戶會(huì)跳過(guò)。
1功能介紹類 這樣的引導(dǎo)頁(yè)最直白的就是截圖展示功能特點(diǎn),或者用形象化的物體如下圖改版升級(jí),其引導(dǎo)頁(yè)就用代表性的企鵝來(lái)表現(xiàn)APP的主要功能用戶需要一針見(jiàn)血,在這樣一個(gè)網(wǎng)絡(luò)化的時(shí)代,人們停留的時(shí)間越來(lái)越短。
一規(guī)范型 啟動(dòng)頁(yè)應(yīng)該是不打擾用戶,利用進(jìn)入應(yīng)用后的第一個(gè)界面的框架截圖來(lái)做啟動(dòng)頁(yè),這里的截圖是去掉里面的內(nèi)容的它的作用就跟上面說(shuō)的一樣,降低用戶焦慮感更多APP設(shè)計(jì)知識(shí),請(qǐng)咨詢?nèi)A南電腦學(xué)校二品牌推廣型。
1按能否跳過(guò)啟動(dòng)頁(yè)分類2按啟動(dòng)頁(yè)頁(yè)數(shù)分類3按啟動(dòng)頁(yè)更新頻率分類4按照是否跳出啟動(dòng)頁(yè)分類動(dòng)態(tài)圖片類型的APP啟動(dòng)頁(yè),多見(jiàn)是企業(yè)logo或slogan動(dòng)態(tài)加載,例如滴滴出行優(yōu)步短視頻形式的啟動(dòng)頁(yè),時(shí)間基本上已經(jīng)。
當(dāng)然,很多頁(yè)面的設(shè)計(jì)可謂簡(jiǎn)約而不簡(jiǎn)單,小哈之所以稱這種為隨便搞搞型,是因?yàn)檫@樣的啟動(dòng)頁(yè)面顯然是最省心的,不用太多的考慮,話說(shuō)可以達(dá)到增強(qiáng)品牌認(rèn)知的效果然而,啟動(dòng)界面一閃而過(guò),既沒(méi)有對(duì)用戶進(jìn)行品牌教育,也沒(méi)有達(dá)到。
啟動(dòng)頁(yè)簡(jiǎn)約,品牌展示型也是用的較多的啟動(dòng)頁(yè)類型,是任何app啟動(dòng)頁(yè)設(shè)計(jì)均可采用的方式上述三個(gè)app均為白底,美柚和滴滴出行要素均位于底部,純白色背景,需要時(shí)可流暢無(wú)縫變通設(shè)計(jì)成擴(kuò)展定制型,為需要的功能或活動(dòng)做推廣。
這可以尋找同行的APP作為參考,然后設(shè)計(jì)出幾套不同風(fēng)格的樣品提供選擇第五步頁(yè)面設(shè)計(jì) 根據(jù)確定好的風(fēng)格原型圖,對(duì)APP的頁(yè)面進(jìn)行效果圖的設(shè)計(jì)包括logo啟動(dòng)頁(yè)內(nèi)頁(yè)頁(yè)面元素填充頁(yè)動(dòng)態(tài)的產(chǎn)品頁(yè)活動(dòng)頁(yè)等等。
我們平時(shí)在設(shè)計(jì)啟動(dòng)頁(yè)時(shí),可將啟動(dòng)頁(yè)分三類來(lái)設(shè)計(jì)#160一 規(guī)范型 什么是規(guī)范型根據(jù) iOS 和MD 的官方定義來(lái)說(shuō),啟動(dòng)頁(yè)應(yīng)該是不打擾用戶,利用進(jìn)入應(yīng)用后的第一個(gè)界面的框架截圖來(lái)做啟動(dòng)頁(yè),這里的截圖是去掉里面的。
A活圖即可靈活配置,資源圖不需要受限于發(fā)版本B死圖資源圖寫在app內(nèi),替換時(shí)需要發(fā)版本輸出資源歡迎頁(yè)閃屏頁(yè)輸出750*1334和1125*2436px兩張資源圖 注 1125*2436px與iPhoneXS 375*812 i。
制作軟件有SketchPhotoshopIllustrator After Effects Principle等,結(jié)合各軟件的優(yōu)勢(shì)完成原型圖風(fēng)格設(shè)計(jì)logo啟動(dòng)頁(yè)內(nèi)頁(yè)頁(yè)面元素填充頁(yè)動(dòng)態(tài)的產(chǎn)品頁(yè)活動(dòng)頁(yè)等整體頁(yè)面設(shè)計(jì)Sketch是一款強(qiáng)大的界面設(shè)計(jì)工具。
MAKA APP和初頁(yè)有什么區(qū)別呢 初頁(yè)更多的是做一個(gè)個(gè)人的情感之類的,而MAKA APP包含了全部,從企業(yè)展示,產(chǎn)品推廣營(yíng)銷到個(gè)人展示,都有精美的額模板可以選擇所以我也是選擇了MAKA APP APP設(shè)計(jì)中啟動(dòng)頁(yè),引導(dǎo)頁(yè)等用別的。
一般情況下,我們啟動(dòng)APP的時(shí)候需要進(jìn)行初始化操作,刷新數(shù)據(jù),提升用戶體驗(yàn)這個(gè)時(shí)候我們需要啟動(dòng)頁(yè)來(lái)過(guò)渡頁(yè)面加載的時(shí)間二下拉刷新加載 常見(jiàn)于內(nèi)容可變的界面或者列表,頂部刷新屬于用戶主動(dòng)操作,多數(shù)APP會(huì)在下拉刷新時(shí)設(shè)計(jì)自己。
好吧,既然是demo,而我又不懂設(shè)計(jì)又不懂美學(xué)又不懂PS大法,那么,就大概也許做成一個(gè)這樣子的把~~~總結(jié)一下最終目標(biāo)要有幾個(gè)要點(diǎn)14個(gè)頁(yè)2每個(gè)頁(yè)都可能有若干分層,動(dòng)畫(huà)速度不同3整個(gè)滑動(dòng)的手感應(yīng)該是順滑。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。