熱門標簽
- 安慶網(wǎng)頁制作
- 大黑沙土營銷型網(wǎng)站建設(shè)
- 嘴頭網(wǎng)站優(yōu)化
- 網(wǎng)站欄目設(shè)計是什么意思
- 魯布革網(wǎng)頁制作公司
- 高蓬網(wǎng)站設(shè)計公司
- 肖良高端網(wǎng)站建設(shè)
- 乾潭網(wǎng)頁設(shè)計
- 點頭網(wǎng)站制作
- 高埗網(wǎng)頁制作公司
- 竭誠網(wǎng)絡(luò)網(wǎng)站建設(shè)公司
- 電子購物網(wǎng)站設(shè)計 課程設(shè)計
- 沙堰網(wǎng)站設(shè)計公司
- 李曹網(wǎng)站設(shè)計
- 童坊網(wǎng)頁設(shè)計公司
- 王慶坨網(wǎng)站建設(shè)
- 商城網(wǎng)站二級頁面設(shè)計
- 王明口網(wǎng)站設(shè)計公司
- 海青網(wǎng)站制作公司
- 石鐵網(wǎng)頁設(shè)計公司
如何設(shè)計APP的登錄頁
我們先給App分個類,為什么需要登錄注冊?因為App需要你的個人信息啊。這樣才是一個留存下來的用戶,而不是來一下就走的過客。App按注冊登錄必要性分分如下三種:
種:無需登錄
直接使用App的功能,主要是工具類的App,如日歷、計算器,手電筒之類的App,不過現(xiàn)在這樣純粹的App幾乎不存在,因為沒有用戶留存的App就沒有價值啊。沒有經(jīng)濟價值就活不下去啊。所以市場上沒有這樣的活雷鋒了,都被系統(tǒng)應(yīng)用取代了。而工具類的APP為了不被系統(tǒng)應(yīng)用取代,就想辦法提供一些個性功能吸引用戶注冊。
第二種:非強制登錄
主要是一些資訊、生活類應(yīng)用,如:網(wǎng)易新聞、網(wǎng)易云音樂等;次啟動App的時候既可以選擇立即注冊,也可以選擇不注冊,直接進入App的主界面。用戶無須登錄可以使用部分功能,如果需要解鎖某些功能,就必須登錄啦。比如聽音樂想根據(jù)你聽歌習(xí)慣推薦歌曲這樣的個性化功能。
第三種:強制登錄
這類應(yīng)用具有很強的個人隱私熟悉,比如支付寶,你的錢袋子不能讓人知道你有多少錢吧,比如陌陌,你近約了誰也不能讓人知道。還有淘寶,近買了一些不可描述的東西不能閑雜人看到。所以這些和錢和隱私有關(guān)的音樂都是強制登錄。不登錄你是不可以使用這個App的。
二、注冊登錄的四種方式
理清楚哪些App需要登錄后,那么我們開看看注冊有哪幾種方式?
種:手機號登錄注冊
一個界面就完成了登錄或者注冊的過程。通過手機號驗證碼快速注冊或登錄,這應(yīng)該是目前高效的登錄注冊方式了。如果是新用戶直接通過手機驗證碼注冊,老用戶也可以通過驗證碼登錄。登錄和注冊一氣呵成。用戶甚至不需要記得密碼,只要手機在手,就可以無憂登錄。
第二種:用戶名密碼注冊登錄
注冊和登錄是分開的,簡單的說就是登錄和注冊界面是兩個界面。優(yōu)點就是多平臺登錄的時候有用戶名密碼方便些。缺點就是注冊流程繁瑣啊。界面表現(xiàn)形式如圖例B用戶名/郵箱登錄,如果需要注冊點擊跳轉(zhuǎn)新頁面。國外用戶是挺喜歡用郵箱注冊的,總覺得老外的用戶習(xí)慣很多時候和國人差異挺大的。當然如果不想注冊彈出新頁面,那么選擇圖CD方式的標簽切換也可以讓界面很簡潔。
三、視覺設(shè)計的思考過程
下面我開始做視覺設(shè)計了。為了演示方便,我給自己出了一個題目,以綠色為虛擬的主題做設(shè)計登錄頁。
先設(shè)計稿以iPhone7為基準設(shè)計,分辨率是1334×750,為什么選擇這個分辨率,我的書說的很明白了。這里就不再贅述了。我們先做強制登錄注冊的。這里打開應(yīng)用后,一般國外的應(yīng)用挺喜歡出現(xiàn)選擇登錄注冊界面。這里我給自己出一個題目,以綠色為主題進行設(shè)計。
不選擇純的顏色
1、填充品牌色
整個界面背景填充App的主色,因為是綠色主題,暫定主為綠色。色相選擇不要選擇過于純的顏色,不要選擇下面排的顏色比如翠綠。而傾向于選擇第二排,例如墨綠,祖母綠這樣顏色。就好像我們畫畫用的顏料如果直接使用顏料的顏色,會顯得畫面顏色生硬。而經(jīng)過多色調(diào)節(jié)出來的顏色會顯得層次豐富。如果主色飽和度較高,請調(diào)低主色的飽和度。因為過于鮮亮的顏色會降低應(yīng)用的品質(zhì)感。
多效果混合模式
2、加矢量紋理
純色背景適合用反白的logo,那么,你需要設(shè)計一個有特點的線性或者剪影圖標。很多時候APP并沒有單獨設(shè)計文字名稱,這時候logo的標題字我一般選用非襯線粗體搭配。界面上的按鈕只有兩個,至于是突出注冊還是突出登錄。這個還是看產(chǎn)品人員的需求。因為不同應(yīng)用對于登錄注冊的優(yōu)先級理解不一樣。如果你的BOSS覺得這種極簡風(fēng)格的背景太敷衍了。那么我們可以考慮加一些矢量的紋理。當然我們需要找綠葉元素的紋理。這樣才貼合主題。為了讓顏色更加貼合主色,我會把矢量的圖片去色,圖層模式并選用明度的模式。
http://79806.xyz/jianzhanzhishi/7146.html 如何設(shè)計APP的登錄頁