登入頁是使用者進入網站的入口，就像是我們進家、進公司的“門”一樣。
試想我們處在一個四周都是門的環境，我們會選擇推開哪一扇門？這一扇門哪些地方有吸引我們推開的魅力？我們能否準確找到這扇門的把手？
其實這些問題同樣適用於登入頁面，對於登入頁面，是否有足夠的魅力讓使用者在登入過程中不感到煩躁，是否能準確的區分所要填寫的資訊（如：是填使用者名稱或是電話，快速切換的按鈕在哪等），是否能準確找到登入或註冊按鈕，這些元素的視覺層級與互動關係，直接影響著整個頁面的體驗。
登入頁的元素
如上圖所示，一般登入頁都會包含上面5個重要元素：LOGO、登陸框、廣告圖、幫助中心、底部導航。
在這五個元素中，Logo與登入框是必不可少的兩個重要元素。Logo體現了產品的品牌，登入框是使用者進入這個頁面最終的意圖。Logo與登陸框已經構成了最簡單的登入頁面。隨著使用者體驗的提升已經情感化的設計，廣告圖、幫助中心與底部導航也逐步的體現在了登入頁面。
登入頁的風格
1.體現品牌類
這種型別的登入頁面多是由LOGO與登陸框兩個元素組成，頁面質感比較強，操作性比較強，使用者在這樣的登入頁能快速的完成填寫與登入，同時還能對產品的品牌一目瞭然，整個頁面呈現一種比較理性的設計，沒有任何的視覺干擾。
如果硬要說是有干擾的話，可能干擾的物件就是設計師們，設計師對高質感的設計都有很敏銳的觀察力，頁面中的設計細節（如漸變、陰影、高光等）可能會讓設計師短時間內停下來觀察，隨後快速完成註冊。
2.有趣味性的設計
當這種風格的登入頁面展現在使用者眼前時，使用者的第一視覺中心往往實在這個圖片上，其次才會看登入框。但這些廣告圖又很好的傳達了產品的相關資訊，如：品牌（是什麼產品）、性質（這個產品是用來做什麼的），或者傳達一種節日的氛圍（春節、國慶等）。
雖然第一視覺中心不在登入框上，但這些廣告圖又很好的詮釋了這個產品的涵義，加深了使用者對此產品的認識，同時，這些廣告圖趣味性比較強，雖然是廣告，但並不會讓使用者感到反感。
還有一種相似的廣告圖，廣告本身與此產品關係並不大，這些圖的內容更多的實在表現一種意境，一種情感，像是回憶、憧憬、幻想、童話等，能讓使用者進入一種意境中，產生共鳴。
3.情景類
這種全背景的登入頁，用大背景圖來烘托出比較隨性的情境，在登入框設計上，感覺比較輕鬆不拘束。比較適合用在個人空間、部落格等產品中。
廣告圖的寓意
綜合這些廣告圖的型別，其實都是在表達四種寓意：品牌宣傳、相關廣告、情景化設計和節日相關。
登入頁廣告圖的變化，很多時候都見證了產品從宣傳“產品品牌”到宣傳“產品理念”的一個過渡。在第一階段宣傳品牌時，很多時候都以直白的產品特性為宣傳點，隨著產品的運營，第二階段會對產品特性加以包裝，結合趣味性的設計語言，使產品的特性包含一些寓意，在接下來的階段中，會融入越來越多的情感化設計，情感化的文字，可以使使用者在瞭解品牌的同時，也加深對產品理念的認識。