錄頁面設計代表著用戶對產品的第一印象,如果這個頁面做的不好,那么很容易就會讓別人對我們的產品印象不好。由此可見它非常重要,作為一個招牌或者是門面,一個好的登錄頁往往會給用戶留下深刻印象,無論是界面視覺表現,還是流程交互體驗,都是不可或缺的。
登錄頁設計樣式有哪些?
登錄頁的核心作用:
接下來就是設計樣式分析了:
1、留白設計
這種設計方法應是最常規且效率最高的一種方式了,背景純白色,把其余元素放置中央,留白處理,有空間感和透氣性,沒有任何色彩傾向和視覺元素干擾,讓用戶專注于品牌和登錄路徑。
2、填充品牌色
品牌符號+大量品牌色的應用+常規登錄路徑以及輔助登錄路徑,就可以構成了一個登錄界面,而且能夠傳遞品牌信息以及產品信息。
3、填充圖片
沒有大量運用品牌色,而是運用與產品行業相關特性的圖片來作為背景支撐,顯然是為了強化品牌行業屬性,因為圖片比顏色的視覺沖擊力更強,也比較容易感知到產品的用途,所以運用品牌行業相關的圖片來設計登錄頁面也是一種可行的方法。
4、產品符號or品牌符號
運用產品符號或是品牌符號來作為設計主要元素,一是可以傳遞品牌感,二是可以渲染產品行業屬性特征,兩者都能兼顧,可以是視覺沖擊力和氛圍渲染力都非常強了,給予用戶的視覺感官也是滿滿的,這也是一種可采用的設計樣式方法!
優秀登錄頁賞析
登錄頁面設計應該清楚的傳達產品調性,同時在視覺上幫助用戶完成登錄這樣的一個任務。接下來我們就來盤點一下目前市面上的產品做得不錯的登錄頁吧!
1、馬蜂窩、蝦米音樂
馬蜂窩和蝦米音樂的登錄頁亮點在于動圖背景都很好的點明了產品的核心,產品的形象鮮活了起來,如下圖:
其次馬蜂窩還有一個小交互細節,值得注意一下,當用戶開始輸入賬號的時候,背景的動圖就會變成高斯模糊,減少用戶在輸入時所受到的干擾。
2、毒、映客
如果第一種實現起來有些難度,可以換一種難度系數不是很高的形式,如下圖:
登錄頁面背景使用照片做成的背景墻動圖,會自動上滑,略微的圖片集錦上移也很酷,同時符合這兩款產品針對年輕人使用的調性。
3、Lofter
登錄注冊入口與引導頁相結合,用戶在登錄時可以看到更多的產品信息,這種設計在是比較少見的,如下圖:
它的優點是能夠介紹更多的產品信息,但是缺點也很明顯,因為登錄頁是個用戶目的性很強的功能操作頁面,很有可能就會被忽略過去。
4、快手電丸
手機和第三方登錄都做成按鈕,同時搭配產品形象插畫,可以將產品的想象更加突出,但從操作上來看,如果用戶是手機登錄,需要進入二級頁面,但背景的設計可以參考,容易出效果又能快速傳達產品調性。
頂部圖片
1、bilibili、快手漫畫
上圖中的兩個產品都是產品有卡通形象的產品,同時還很有識別度,因此將有他們放在登錄界面頂部,有助于產品形象的深入化,同時當用戶在輸入密碼的時候,卡通形象還會轉變成蒙上自己的眼睛或者其他動作,既有趣味性又給用戶安全感。
2、36氪&松果
36氪的頭部小背景讓整個登錄頁面不會顯得太平,視覺上也不會太過單一,我們可以來做個對比,如下圖:
上面兩種圖中有背景和沒有背景的登錄頁,我們能夠很明顯的發現沒有背景的從視覺上顯得很單一,并且沒有了識別度。
想要做比較簡約但是又有點特別的登錄頁可以參考這類的頭圖,會讓你的登錄頁不那么單調還有識別度。
彈窗登錄
叨叨記賬、波洞
叨叨筆記使用的是一種類似彈窗同時帶有tab切換的登錄形式,但是只適合只有一種第三方的登錄形式,如果數量一多,就要改變形式或者去掉tab,但是這種表現形式也是挺特別的。
作為騰訊旗下的波洞,設計風格很鮮明,登錄直接使用的彈窗形式,應該考慮到大多數用戶都喜歡直接用第三方登錄會比較方便,同時也是自己的產品,因此做成了彈窗形式。
圖標
陌陌
陌陌的登錄注冊頁可能大家看著覺得很普通,沒什么特別的,但是大家可以注意一下它的第三方登錄,如下圖:
QQ和微信的icon都是自制的,與我們見到的大多數第三方的icon都不太一樣,所以這個點可以作為我們設計第三方登錄時參考的點。
總結
登錄頁可以傳遞品牌信息,提供用戶登錄路徑;
登錄頁包含產品符號、主要登錄路徑、快捷登錄路徑;
登錄頁設計樣式:留白設計、填充品牌色、填充氛圍圖、利用產品符號或品牌符號。
腦必備(~ o ~)~zZ
https://mydmplus.com/
Mydm 又是一款好用的下載工具。
它支持BT,磁力鏈下載,HTTP,迅雷Thunder,當然啦,如果只看這個功能,它好像和其他沒什么區別。
當然它的殺手锏功能是插件功能,支持百度云,微軟Office 鏡像,人人影視。這個功能簡直太好用了,安排。
好像只支持Win。
https://sparanoid.com/lab/7z/
7Zip 是一款高效的壓縮解壓軟件。
它專有的7z 格式,可以使壓縮文檔小30% 到70% 左右。
它同時也是一款開源免費的軟件,不用擔心有什么廣告或者插件。
它支持解壓縮,7z,gzip,tar,zip 等。當然也支持各種鏡像ISO,NTFS。同時它也集成了微軟的操作系統,在文件管理中使用更方便。
https://www.gliffy.com/products/online/extras/
Gliffy 是一個在線流程圖插件。它還能本地瀏覽。同時還能離線運行,就像一個安裝在本地的軟件一樣。
它支持基本繪圖,流程圖,UML 等等。它輕巧靈便,可以替換掉Visio。
它支持圖片文件格式導出。
http://www.houyicaiji.com/
后羿采集器是一個強大的爬蟲工具軟件。
它支持智能采集,還能智能分頁,你只需要扔一個URL,它就可以來抓取你想要的信息。
當然一些網站它可能不能識別了,這個就需要你手動來選擇,你只要手動選擇每個Item 的內容和分頁的類型(比如說有的是瀑布流,有的是上頁下頁),然后就可以輕松抓取了。
還可以將數據保存到本地和遠程數據庫。
最重要的是,它的大部分功能都是免費的。
不過需要注意的是,不要商用,以免風險甚至犯罪。
https://www.yeshen.com/
夜神模擬器是一款電腦上的安卓模擬器,它是專門為電腦玩手游的玩家打造的。
它專門為游戲做了很多兼容,它支持Android 4.4 和Android 5.1 雙系統,兼容AMD 和X86,同時支持高幀率,吃雞畫面不受影響。
各種快捷鍵,手柄模式,游戲多開,統統都支持。
而且還有專門的游戲中心。
支持Win 和Mac。
https://www.tianyancha.com/
天眼查是一個企業信息查詢App。
你可以使用它查詢公司,老板和風險,一個公司你可以隨意查詢到地址,風險,合伙人,每年的年報,是否有糾紛等等。還可以查看一個公司的信息網,一個網圖,清晰明了。
不管你是查詢自己的公司,或者要去面試的公司,這樣就會安全許多。
你可以查兩人有哪些關系,也可以一鍵查詢出。
它同時支持Android,iOS 和網頁版。
https://molunerfinn.com/PicGo/
PicGo 是一個特別好用的圖床工具。
你可以設置第三方圖床,比如微博,七牛等等,微博登錄微博即可。
同時還支持拖拽上傳,上傳記錄還可以隨時查看。
還支持嵌入Markdown,網頁,URL 多種格式的鏈接。
最重要的是支持Win,Mac,Linux。
015-02-28 05:03:00 作者:馬榮
網易云音樂因為提供免費試聽和下載高品質音樂吸引了不少用戶,不過相信也有不少用戶遇到了導入歌單的問題,尤其是導入蝦米歌單。今天我們就來說說如何將蝦米音樂導入網易云音樂。
原先網易云音樂是直接支持導入蝦米歌單的,但是后來蝦米關閉了相關的接口,因此現在通過官方的手段已經只能導入酷狗、酷我和豆瓣FM的歌單了。
那么問題來了,怎樣才能往網易云音樂中導入自己在蝦米收藏的音樂呢?首先我們需要一個工具,這個工具是民間大神自己開發的。下載完成后先把它放在一邊待用。
然后我們在瀏覽器中打開蝦米網站并登陸自己的蝦米帳號,進入“我的音樂”-“音樂庫”-“收藏的歌曲”。這里要注意,一定要點擊一下“收藏的歌曲”標簽,發現地址變成“http://www.xiami.com/space/lib-song/”的前綴才是正確的。
打開蝦米收藏的音樂
這時候把這個地址復制到剛剛下載好的工具中,點擊導出。導出完成后,我們在工具的文件夾下就會看到一個“xiami.kgl”的文件。
鏈接復制到軟件
生成的kgl文件待用
接下來我們再打開網易云音樂的網頁并登陸賬號,在右上角點擊“導入歌單”。
點擊“導入歌單”
在新的頁面中直接點擊“上傳”,這里無視“導入酷狗播放列表”的說明,因為我們要的就是上傳kgl格式文件。將“xiami.kgl”進行上傳。
上傳kgl文件
等待完成
這會再看看我們網易云音樂的“我的音樂”里是不是已經添加完成了“蝦米紅心”的歌單?而且這個歌單是云同步的,在手機和桌面的網易云音樂客戶端里都會同步上。
導入成功
至此,我們在蝦米上收藏的歌曲就全部導入網易云音樂了。最后,我們全選中“蝦米紅心”歌單中的所有音樂,右鍵操作選擇“收藏”,這樣這些音樂都成為你在網易云音樂中收藏的音樂了,有利于網易云音樂學習你的聽歌喜好,提高推薦質量。
全部收藏
好了,以上就是我們今天介紹的所有內容,希望對大家有所幫助,找到自己喜歡的音樂,體驗高品質的音樂享受。