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