起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Web頁面中的“門”—Web端登錄頁的設(shè)計
登錄頁是用戶進入網(wǎng)站的入口，就像是我們進家、進公司的“門”一樣。
試想我們處在一個四周都是門的環(huán)境，我們會選擇推開哪一扇門？這一扇門哪些地方有吸引我們推開的魅力？我們能否準確找到這扇門的把手？
其實這些問題同樣適用于登錄頁面，對于登錄頁面，是否有足夠的魅力讓用戶在登錄過程中不感到煩躁，是否能準確的區(qū)分所要填寫的信息（如：是填用戶名或是電 話，快速切換的按鈕在哪等），是否能準確找到登錄或注冊按鈕，這些元素的視覺層級與交互關(guān)系，直接影響著整個頁面的體驗。
登錄頁的元素
如上圖所示，一般登錄頁都會包含上面5個重要元素：LOGO、登陸框、廣告圖、幫助中心、底部導(dǎo)航。
在這五個元素中，Logo與登錄框是必不可少的兩個重要元素。Logo體現(xiàn)了產(chǎn)品的品牌，登錄框是用戶進入這個頁面最終的意圖。Logo與登陸框已經(jīng)構(gòu)成了最簡單的登錄頁面。隨著用戶體驗的提升已經(jīng)情感化的設(shè)計，廣告圖、幫助中心與底部導(dǎo)航也逐步的體現(xiàn)在了登錄頁面。
登錄頁的風格
1.體現(xiàn)品牌類
這種類型的登錄頁面多是由LOGO與登陸框兩個元素組成，頁面質(zhì)感比較強，操作性比較強，用戶在這樣的登錄頁能快速的完成填寫與登錄，同時還能對產(chǎn)品的品牌一目了然，整個頁面呈現(xiàn)一種比較理性的設(shè)計，沒有任何的視覺干擾。
如果硬要說是有干擾的話，可能干擾的對象就是設(shè)計師們，設(shè)計師對高質(zhì)感的設(shè)計都有很敏銳的觀察力，頁面中的設(shè)計細節(jié)（如漸變、陰影、高光等）可能會讓設(shè)計師短時間內(nèi)停下來觀察，隨后快速完成注冊。
2.有趣味性的設(shè)計
當這種風格的登錄頁面展現(xiàn)在用戶眼前時，用戶的第一視覺中心往往實在這個圖片上，其次才會看登錄框。但這些廣告圖又很好的傳達了產(chǎn)品的相關(guān)信息，如：品牌（是什么產(chǎn)品）、性質(zhì)（這個產(chǎn)品是用來做什么的），或者傳達一種節(jié)日的氛圍（春節(jié)、國慶等）。
雖然第一視覺中心不在登錄框上，但這些廣告圖又很好的詮釋了這個產(chǎn)品的涵義，加深了用戶對此產(chǎn)品的認識，同時，這些廣告圖趣味性比較強，雖然是廣告，但并不會讓用戶感到反感。
還有一種相似的廣告圖，廣告本身與此產(chǎn)品關(guān)系并不大，這些圖的內(nèi)容更多的實在表現(xiàn)一種意境，一種情感，像是回憶、憧憬、幻想、童話等，能讓用戶進入一種意境中，產(chǎn)生共鳴。
3.情景類
這種全背景的登錄頁，用大背景圖來烘托出比較隨性的情境，在登錄框設(shè)計上，感覺比較輕松不拘束。比較適合用在個人空間、博客等產(chǎn)品中。
廣告圖的寓意
綜合這些廣告圖的類型，其實都是在表達四種寓意：品牌宣傳、相關(guān)廣告、情景化設(shè)計和節(jié)日相關(guān)。
登錄頁廣告圖的變化，很多時候都見證了產(chǎn)品從宣傳“產(chǎn)品品牌”到宣傳“產(chǎn)品理念”的一個過渡。在第一階段宣傳品牌時，很多時候都以直白的產(chǎn)品特性為宣傳 點，隨著產(chǎn)品的運營，第二階段會對產(chǎn)品特性加以包裝，結(jié)合趣味性的設(shè)計語言，使產(chǎn)品的特性包含一些寓意，在接下來的階段中，會融入越來越多的情感化設(shè)計， 情感化的文字，可以使用戶在了解品牌的同時，也加深對產(chǎn)品理念的認識。
轉(zhuǎn)自： http://mux.baidu.com/?p=4449
你如何定義自己，就如何定義這個世界；
你如何定義這個世界，就如何定義你的產(chǎn)品。
評論
- 目前還沒評論，等你發(fā)揮！
