app登錄頁面設計
『壹』 如何設計APP的登錄頁
登錄頁的設計開發需要先列出一個流程的操作,在根據設計流程開發出登錄頁。版
移動應用權分類:
無需登錄
直接使用的功能應用,屬於工具類型的。
非強制登錄
主要是一些資訊、生活類應用,第一次啟動的時候既可以選擇立即注冊,也可以選擇不注冊,直接進入主界面,用戶無須登錄可以使用部分功能。
強制登錄
這類應用具有很強的個人隱私熟悉,為了用戶的安全隱私保護,需要強制登錄。
登錄頁面設計流程:
先選擇登錄的模式。
整個界面背景填充顏色。
多效果混合模式。
選擇圖片的填充。
視覺設計前先理清楚界面的邏輯,界面中每個元素的點擊從哪裡來到哪裡去。App因為產品賬號體系不同的,所以有各種登錄注冊方式。登錄注冊有四種方式。每種方式可以採用不同的形式的背景圖設計。
『貳』 APP登錄界面
可以後台介面返回2個欄位,一個普通用戶登錄,一個管理員登錄,根據許可權的不同,界面可以細微的不一樣,登錄進去的頁面也不一樣。
『叄』 產品經理如何設計APP的登錄頁
一、APP的屬性分類
我們先給App分個類,為什麼需要登錄注冊?因為App需要你的個人信息啊。這樣才是一個留存下來的用戶,而不是來一下就走的過客。App按注冊登錄必要性分分如下三種:
(2)白色的文字,半透明的按鈕顯得畫面非常有格調,所以圖片要選擇有明有暗的,這樣的背景圖,既不會太亮,前景無法清晰顯示。也不會太暗,使這個畫面氣氛壓抑。
(3)如果界面只是一張平面圖,會顯得很死板。這時候我們需要破除界面的邊界。可以在界面設計中,選擇透明底的圖片,把界面中的樹葉,花之類的元素,加上陰影。這樣可以增加界面的立體效果。
(4)登錄注冊切換的界面可以選擇一對近似又有不同的圖片。這時候我選擇兩個在森林中有人物的圖片做為背景。人在自然界很容易有產生神秘孤寂的情緒。所以配上兩行詩意文字更好啦!當然文字不是亂寫的,需要配合當前界面意境。
五、登錄界面設計總結
視覺設計前先理清楚界面的邏輯,界面中每個元素的點擊從哪裡來到哪裡去。App因為產品賬號體系不同的,所以有各種登錄注冊方式。登錄注冊有四種方式。每種方式可以採用不同的形式的背景圖設計。
找圖片有意識的按不同類型分類去尋找圖片。要善於運用一些透明底圖片調節界面的維度。讓界面細節設計更豐富。設計師也要學會運用文字的力量,點睛的文字可以讓界面設計增加品質感。
『肆』 如何做APP界面設計
第一點:了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞,聽聽歌,看看電影,聊聊八卦之類):
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。
第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等
第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!
第四點:APP界面設計流程
(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
效。
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。
第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。
『伍』 如何設計App的登錄
1.是否需要在打開app的時候就需要登錄?
2.還是在需要填寫收貨信息或發表評論時才需要登錄?
3.登錄的時候最方便的是用QQ、微信、微博進行聯合登錄,但是聯合登陸後一定一定不要讓用戶再輸入手機號賬號等注冊性質信息
4.如果一定要用戶重新注冊,或者是為了驗證有效身份的話,建議用手機號,此處體現的是信息推送的時效性;
5.密碼輸入時請讓用戶輸入一次,然後使用明文;
6.密碼等安全性的考慮,建議後置,即給用戶最輕松設置過程,如,可以讓用戶設置6位數字的登錄密碼,如何保障用戶賬戶的安全?通過登錄次數、地點、操作去設置規則吧,不要在注冊的時候難為用戶,謝謝;
7.驗證碼什麼的,一定是在用戶使用同一設備注冊多次,等「刷(一個設備登錄多個賬號)」行為時才需要用戶輸入,在正常情況下一定給用戶最輕松的體驗,什麼密碼安全性、驗證碼都是遇到不正常用戶才使用的招數,那麼不正常用戶一定有特徵,在制定特徵下在放招,不然非常容易殺死大批普通用戶;
8.注冊完/登錄完一定要直接切回需要登錄的流程節點中,注冊完/登錄完一定要直接切回需要登錄的界面。
『陸』 如何做app界面設計
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。
第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等
第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!
第四點:APP界面設計流程
(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。
第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。
『柒』 手機app登錄界面邏輯設計怎麼做
熟悉必要的設計流程,分布開始實施