pbootcms网站模板|织梦模板|网站源码|jquery建站特效-html5模板网

優(yōu)秀WEB登錄頁面設(shè)計

   從公共平臺的角度看

  用戶活躍度是檢驗產(chǎn)品成功與否的重要指標(biāo)之一,傳統(tǒng)行業(yè)的商家極為重視門面的裝潢,因為一個好的門面可以聚集人氣,招攬更多的顧客。古時候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究,有一定的風(fēng)水學(xué)說道理,更能彰顯主人家的身份地位.由此可見,“門面’就如人的臉面之于人的形象一樣重要,而WEB的登錄頁面就相當(dāng)傳統(tǒng)的“門面”。

  從個人博客的角度看

  個人登陸頁面一般只有自己會用到,所以別人基本是看不到的,但也不排除像我一樣無聊什么都好奇的人存在,什么都想看看,什么都想改改的。那么個人登陸頁面的設(shè)計就完全是抒發(fā)個人情感,體現(xiàn)自身個性的一個地方,你完全不需要在乎它的交互是否友好等問題。你的地盤你做主。

  各大網(wǎng)站的WEB登陸

  現(xiàn)在越來越多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計,由此可見登錄頁面的重要性,一個出彩的登錄界面,將提升產(chǎn)品的品質(zhì),賦予產(chǎn)品獨特的氣質(zhì),登錄界面也是一個發(fā)揮情感化設(shè)計,提升用戶體驗,拉近與用戶之間距離的兵家必爭之地,本文不談趨勢,不講交互大道理,不涉及技術(shù),就侃侃用戶登錄頁面的一些設(shè)計表現(xiàn)形式。希望這些設(shè)計表現(xiàn)手法能給大家?guī)硪恍﹩l(fā)和靈感。

  優(yōu)雅大方

  如果說iPad是介于傳統(tǒng)電腦和手機(jī)之間的產(chǎn)品,那么tumblr則是介于blog和twitter之間的服務(wù)。相比twitter,它的功能更復(fù)雜、內(nèi)容展示性更強(qiáng)、更加重視多媒體的應(yīng)用。Tumblr做為輕博客的鼻祖,帶來一種全新的視覺體驗, 安東尼·德·圣-埃克蘇佩里曾說過,“完美就是多一點則太多,少一點則太少。” Tumblr的登錄頁面沒有過多的視覺干擾,優(yōu)雅大方,一切元素的存在都是為了用戶更好的登錄,登錄過程非常流暢。

優(yōu)秀WEB登錄頁面設(shè)計 三聯(lián)

  精致的質(zhì)感表現(xiàn)

  iCloud是蘋果公司所提供的云端同步服務(wù),用戶有5GB的免費存儲空間。 負(fù)責(zé)Macintosh用戶界面設(shè)計的柯戴爾·瑞茨拉夫回憶說:“喬布斯會一個像素一個像素地檢查屏幕上的每個細(xì)節(jié),確保相關(guān)的圖像準(zhǔn)確對齊。他非常重視細(xì)節(jié),細(xì)致程度居然達(dá)到了像素的層面。如果發(fā)現(xiàn)問題,喬布斯就會立即沖著某個工程師大吼起來。”iCloud登錄頁面的設(shè)計繼承了蘋果公司對細(xì)節(jié)的苛求, 細(xì)致的紋理,微妙的陰影,精致的質(zhì)感,完美的細(xì)節(jié),金屬光澤可以隨著鼠標(biāo)指針移動,底部的圖標(biāo)可以隨著分辨率的大小自適應(yīng),改變排列方式,確保用戶的瀏覽體驗。

  iCloud給我們上了很好的一課,有句大家都聽過卻未必做到的話——細(xì)節(jié)決定成敗,豐富的細(xì)節(jié)可以提升設(shè)計的價值,也是判斷一個設(shè)計高下的一條很重要的標(biāo)準(zhǔn)之一,精致舒適的質(zhì)感紋理,給用戶一種沉浸式,充滿驚喜的登錄體驗,是一種很棒的表現(xiàn)方式。

21

  小清新的插圖

  在網(wǎng)頁設(shè)計中,插圖非常具有表現(xiàn)力,它與繪畫藝術(shù)關(guān)系密切。所以大部分設(shè)計職位,對手繪能力出眾者格外青睞,許多表現(xiàn)技法都是借鑒了繪畫藝術(shù)的表現(xiàn)技法。插畫藝術(shù)與網(wǎng)頁設(shè)計的的結(jié)合,具有獨特的藝術(shù)魅力,從而更具表現(xiàn)力。越來越多的設(shè)計師,將插畫運用到網(wǎng)頁設(shè)計中來,生動有趣溫情的清新插圖,能迅速的抓住用戶的眼球,讓登錄界面的更加具有親和力,

  163郵箱的登錄頁面就采用了大幅的插圖,小郵差很快喚醒了80后等待來信的記憶,有故事的插圖與用戶建立情感的聯(lián)系,喚起用戶的心靈共鳴,讓用戶更有歸屬感。

31

  Vimeo是一家提供高清視頻存放服務(wù)的網(wǎng)站,在這里可以找到很多來自世界各地非常有創(chuàng)意的設(shè)計師。相信登錄過Vimeo的朋友都對Vimeo的登陸頁面記憶深刻。

41

  天貓和淘寶的話做為中國最大的在線交易平臺的話,也是非常注重登陸頁面的設(shè)計,而且還在登陸窗口下面設(shè)置了一個 ”登錄頁面”改進(jìn)建議 按鈕,可以看出淘寶是非常注重用戶體驗設(shè)計的.天貓的話就更多注重品牌化.

taobao
tianmao

  人文關(guān)懷的品牌傳達(dá)

  設(shè)計以人為本,以人為本的設(shè)計不僅能提高產(chǎn)品的品質(zhì),還能提高設(shè)計的藝術(shù)水平,而登錄頁面是體現(xiàn)人文關(guān)懷,傳播品牌理念的絕佳位置。

  QQ郵箱登陸頁面每一次刷新都能看到不同的內(nèi)容,或用海子的詩,或用邁克爾.杰克遜的歌詞,喚起用戶的共鳴,設(shè)計手法簡潔,主體信息突出,引導(dǎo)清晰,并沒有多余的元素,界面中最重要的操作“登錄”按鈕使用了交通中通行的綠色,而沒有使用常用的藍(lán)色,細(xì)節(jié)設(shè)計非常考究,對每個細(xì)節(jié)都注入人文的關(guān)懷。

52

  新浪微博將登錄框設(shè)計成一條圍脖的樣式,用戶的每一次登錄都是一次品牌傳達(dá)的過程,切合新浪力推的圍脖品牌理念,織圍脖的概念深入人心。不過如今新浪開始走營銷路線,就連登陸頁面也不忘加個廣告位.讓你每一次進(jìn)入都感覺像是登陸了最大的營銷平臺.

sina

  越來越大的登錄框

  越來越大的輸入框設(shè)計,讓用戶輸入起來感到心情舒暢,登錄過程非常愉悅,在顯示器越來越大的今天,mailchimp大輸入框顯的霸氣十足,并且一反常態(tài)的可以看到自己的密碼,第一次在WEB登錄框里見到這種設(shè)計,非常貼心.正是這種不拘一格的設(shè)計,讓mailchimp從一個內(nèi)部項目蛻變成一個該公司最成功的商業(yè)產(chǎn)品。

71

  簡約而不簡單

  WEB設(shè)計的風(fēng)格越來越趨向于簡潔,登錄頁面大量地使用留白可以讓登錄框更加突出。最大程度的減少用戶分心,從視覺的角度來看,簡約的設(shè)計是平靜的,砍掉了多余的元素,顏色,形狀和紋理,不能使用讓人眼前一亮的設(shè)計元素,只能靠空白去做視覺吸引力。布局的權(quán)衡及簡化設(shè)計做的不到位的話很容易變的單調(diào)乏味,wordpress后臺登陸頁面采用適當(dāng)?shù)耐队埃疑那擅钸\用,以及出錯的抖動提示,讓整個登錄頁面簡約而不簡單.堪稱典范。

81

  隨著互聯(lián)網(wǎng)的高速發(fā)展,移動互聯(lián)網(wǎng)的到來,WEB設(shè)計越來越呈現(xiàn)多元化。盡管一個好的設(shè)計并代表產(chǎn)品就一定會成功,但卻能為產(chǎn)品加分,為產(chǎn)品注入設(shè)計DNA,創(chuàng)造獨特的風(fēng)格和視覺感受, 好了,今天就先侃到這,作為用戶使用的入口,希望這篇小文可以讓大家對登錄頁面重視起來,設(shè)計出更多精彩的登錄頁面。

  對于個人來說我也不忘貼出自己的登陸頁面展示下,抒發(fā)下個人情感。

  至于表達(dá)的是什么就大家自己體會吧,一幅美麗的蒲公英,在黑夜的月光下隨風(fēng)飄蕩.看似自由自在,但卻身不由己.每一次登陸博客都能提醒著我.

mrkoki
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: CE认证_产品欧盟ROHS-REACH检测机构-商通检测| 二手色谱仪器,十万分之一分析天平,蒸发光检测器,电位滴定仪-湖北捷岛科学仪器有限公司 | 电机保护器-电动机综合保护器-浙江开民| 污水处理设备维修_污水处理工程改造_机械格栅_过滤设备_气浮设备_刮吸泥机_污泥浓缩罐_污水处理设备_污水处理工程-北京龙泉新禹科技有限公司 | 减速机_上海宜嘉减速机| 北京公积金代办/租房发票/租房备案-北京金鼎源公积金提取服务中心 | 软文世界-软文推广-软文营销-新闻稿发布-一站式软文自助发稿平台 | 磁力链接搜索神器_BT磁力狗_CILIMAO磁力猫_高效磁力搜索引擎2024 | 3D全息投影_地面互动投影_360度立体投影_水幕灯光秀 | 广东银虎 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 杜康白酒加盟_杜康酒代理_杜康酒招商加盟官网_杜康酒厂加盟总代理—杜康酒神全国运营中心 | 磁棒电感生产厂家-电感器厂家-电感定制-贴片功率电感供应商-棒形电感生产厂家-苏州谷景电子有限公司 | 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | 3A别墅漆/3A环保漆_广东美涂士建材股份有限公司【官网】 | 电镀标牌_电铸标牌_金属标贴_不锈钢标牌厂家_深圳市宝利丰精密科技有限公司 | 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 广东恩亿梯电源有限公司【官网】_UPS不间断电源|EPS应急电源|模块化机房|电动汽车充电桩_UPS电源厂家(恩亿梯UPS电源,UPS不间断电源,不间断电源UPS) | 尊享蟹太太美味,大闸蟹礼卡|礼券|礼盒在线预订-蟹太太官网 | 东莞猎头公司_深圳猎头公司_广州猎头公司-广东万诚猎头提供企业中高端人才招聘服务 | 乐考网-银行从业_基金从业资格考试_初级/中级会计报名时间_中级经济师 | 石英砂矿石色选机_履带辣椒色选机_X光异物检测机-合肥幼狮光电科技 | wika威卡压力表-wika压力变送器-德国wika代理-威卡总代-北京博朗宁科技 | 全自动包装秤_全自动上袋机_全自动套袋机_高位码垛机_全自动包装码垛系统生产线-三维汉界机器(山东)股份有限公司 | 广西教师资格网-广西教师资格证考试网 | 山东氧化铁红,山东铁红-淄博科瑞化工有限公司 | 高温高压釜(氢化反应釜)百科| 微量水分测定仪_厂家_卡尔费休微量水分测定仪-淄博库仑 | 真空泵厂家_真空泵机组_水环泵_旋片泵_罗茨泵_耐腐蚀防爆_中德制泵 | 天津试验仪器-电液伺服万能材料试验机,恒温恒湿标准养护箱,水泥恒应力压力试验机-天津鑫高伟业科技有限公司 | 上海公司注册-代理记账-招投标审计-上海昆仑扇财税咨询有限公司 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 电销卡 防封电销卡 不封号电销卡 电话销售卡 白名单电销卡 电销系统 外呼系统 | 越南专线物流_东莞国际物流_东南亚专线物流_行通物流 | 电缆接头_防水接头_电缆防水接头_防水电缆接头_上海闵彬 | 印刷人才网 印刷、包装、造纸,中国80%的印刷企业人才招聘选印刷人才网! | 建筑消防设施检测系统检测箱-电梯**检测仪器箱-北京宇成伟业科技有限责任公司 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 定制/定做衬衫厂家/公司-衬衫订做/订制价格/费用-北京圣达信 | 四合院设计_四合院装修_四合院会所设计-四合院古建设计与建造中心1 | 冰雕-冰雪世界-大型冰雕展制作公司-赛北冰雕官网 | 不锈钢搅拌罐_高速搅拌罐厂家-无锡市凡格德化工装备科技有限公司 | 砂尘试验箱_淋雨试验房_冰水冲击试验箱_IPX9K淋雨试验箱_广州岳信试验设备有限公司 |