91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁

做共贏的設(shè)計!社交登陸表單那點(diǎn)事

藍(lán)藍(lán)設(shè)計的小編

什么是社交登錄表單

和單純的注冊與登錄不一樣,現(xiàn)在是社會化的合作時代,一切都講究共贏、!而社交登錄表單界面設(shè)計正是為我們提供了一個快速進(jìn)入網(wǎng)站的入口,通常包括注冊和登錄兩部分。社交登錄入口一般都是facebook、推特、新浪、qq等。
要想使用網(wǎng)站設(shè)計提供的社交登錄表單功能,前提是你有那些社會化網(wǎng)站的帳號,不過這個時代,誰會木有QQ或者微博呢:)話說國內(nèi)的一些網(wǎng)站利用社交登錄表單登錄后,體驗很不好,層層跳轉(zhuǎn),進(jìn)入網(wǎng)站后,依然要填寫一大堆個人資料。而且每次還不能記錄登錄狀態(tài)!這哪里是提供便捷,分明只是一個噱頭而已。

直觀看一個例子 Wunderlist:

1

該應(yīng)用允許用戶使用社交賬號登錄,也可以另外直接創(chuàng)建賬號。

直白地說,社交登錄表單就是一個進(jìn)入某系統(tǒng)的入口,用戶可以在這里注冊賬號,實(shí)現(xiàn)快速登錄。

社交登錄表單用例

提升品質(zhì)!豐富APP動態(tài)效果的六點(diǎn)原則

藍(lán)藍(lán)設(shè)計的小編

如果想讓你的移動界面設(shè)計應(yīng)用更活潑更靈動,豐富的動效是不可少的,豐富的動效可以讓你的應(yīng)用更具活力,充滿生機(jī);豐富的動效可以讓你的應(yīng)用彰顯效率,提升品質(zhì)感;豐富的動效可以讓你的應(yīng)用充滿魅力,引人探索;豐富的動效可以讓你的應(yīng)用減少焦慮,消除等待感;豐富的動效可以讓你的應(yīng)用充滿韻味,有節(jié)奏感;豐富的動效可以讓你的應(yīng)用有出奇的信息組織,整潔。

藍(lán)藍(lán)設(shè)計這里主要介紹六種簡單通用的方式 ———— 轉(zhuǎn)場、邀請、過渡、反饋、縮放、吸附。

原則一:轉(zhuǎn)場

zhuanchang 移動應(yīng)用豐富動效的六點(diǎn)原則

提高網(wǎng)站可用性的經(jīng)驗指南

藍(lán)藍(lán)設(shè)計的小編

我想每個人都會贊成,網(wǎng)站設(shè)計的可用性是它能否受歡迎的一個重要方面,無論你進(jìn)行的是公司網(wǎng)站、在線商店還是其他,讓你的界面變得容易操控,使用時令人舒服是關(guān)鍵,近幾年已經(jīng)有很多針對網(wǎng)站界面設(shè)計優(yōu)化的研究,而且這些研究的成果對于提高網(wǎng)站可用性是非常有價值的。現(xiàn)在這里有10個超實(shí)用的經(jīng)驗分享,相信藍(lán)藍(lán)設(shè)計,這些建議會極大地提高你那個網(wǎng)站的用戶體驗,讓用戶愛上你的網(wǎng)站界面設(shè)計! 

一、善用人物配圖,使用戶專注于你想呈現(xiàn)的

當(dāng)進(jìn)入你的網(wǎng)站,我們會本能地關(guān)注網(wǎng)站上人物圖片中的臉和眼睛,這倒是為我們提供了一個想法,是不是可以用人物配圖吸引小伙伴的注意力呢?當(dāng)然,但這僅是第一步,我們還可以這樣做,你瞧,是不是大不相同?。ㄒ娤聢D)

這是第一步:

20090316 dmwcj8wqr8egihdihssm4xm517 You look where they look

華麗麗的導(dǎo)航設(shè)計PSD下載

藍(lán)藍(lán)設(shè)計的小編

在2014年涌現(xiàn)了許多有視覺吸引和創(chuàng)造性的導(dǎo)航界面設(shè)計,她們不僅身段妙曼富有美感,而且傳承了整個網(wǎng)站設(shè)計的導(dǎo)航指引,讓瀏覽者輕松愉悅的訪問網(wǎng)站。她們會溫馨的提醒你在哪兒,還會體貼的帶你獲取到想要的東西。別等了,現(xiàn)在就去尋找你喜歡的導(dǎo)航下載它吧。下面請欣賞藍(lán)藍(lán)設(shè)計精心收集的華麗麗的導(dǎo)航設(shè)計PSD,希望對朋友們的ui設(shè)計能力有所幫助!

Simple Navigation Menu

漂亮的APP應(yīng)用網(wǎng)站

藍(lán)藍(lán)設(shè)計的小編

如果我說很多iPhone應(yīng)用網(wǎng)站的界面設(shè)計都頗為精美,相信筒子們不會有什么意見的。看來那些ui設(shè)計師們都敞開胸懷迎接“蘋果style”,創(chuàng)造出干凈簡約又優(yōu)雅的網(wǎng)站設(shè)計??刹宦?,作為一枚合格的設(shè)計師,他們才不會隨隨便便弄個網(wǎng)站展示他們的app設(shè)計呢,都卯足了勁設(shè)計出新穎的版式,配上美美的圖片、大量留白和恰當(dāng)?shù)淖煮w。那么今天呢藍(lán)藍(lán)設(shè)計將要帶給你的這份靈感清單就是一些絕贊的iPhone應(yīng)用網(wǎng)站啦,切克鬧~

Wedding Party

與你的客人一起,通過這簡單有趣的app捕捉并分享你婚禮中的美好瞬間。

21 Beautiful iPhone App Websites

時尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)頁設(shè)計

藍(lán)藍(lán)設(shè)計的小編

信不信由你,側(cè)邊欄菜單將會是2014的一個新趨勢!實(shí)際上,菜單已經(jīng)有相當(dāng)長的一個歷史,最開始它只被用在計算機(jī)應(yīng)用程序上,后來逐漸流行到社交媒體網(wǎng)站設(shè)計?,F(xiàn)在很多單頁界面設(shè)計的網(wǎng)站菜單都非常精美而便利。那么請欣賞一下藍(lán)藍(lán)設(shè)計收集到時尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)頁設(shè)計。

Wanda Print

網(wǎng)站設(shè)計導(dǎo)航也采用了雙重菜單,而且篇幅很廣。菜單如此寬廣,排版如此簡潔,加上導(dǎo)航和背景產(chǎn)生的強(qiáng)烈對比,使得整個網(wǎng)站顯得非常微妙而自由。

6

無法忘懷的色彩:移動界面設(shè)計中的漸變

藍(lán)藍(lán)設(shè)計的小編

今天藍(lán)藍(lán)設(shè)計要探討的可不是漸變,要探討的是移動界面設(shè)計中的漸變。我們來一起學(xué)習(xí)、感受一下現(xiàn)今移動界面設(shè)計中最流行的漸變吧。

推薦閱讀:
《一枚app圖標(biāo)的設(shè)計文化》 
《超贊!高大上的動效設(shè)計方法及流程總結(jié)》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優(yōu)雅、頗具吸引力、簡單、只包含必要信息,半透明的解鎖條讓我們感受到細(xì)膩的質(zhì)感。

iOS7 Lockscreen by Michael Shanks

超酷的飲料類網(wǎng)站設(shè)計欣賞

藍(lán)藍(lán)設(shè)計的小編

經(jīng)常在電視上看到各種飲料的動感廣告,但作為多媒體推廣最重要的一環(huán),飲料自身的官方主題網(wǎng)站界面設(shè)計必然是很有看頭的:動感激情或優(yōu)雅寧靜,通過明艷的視覺和新鮮的交互將產(chǎn)品推銷給顧客。那么朋友們和藍(lán)藍(lán)設(shè)計一起欣賞下面這些超酷的飲料類網(wǎng)站設(shè)計吧!

更多飲料類網(wǎng)站欣賞http://www.b186.net/

KOA Water

KOA Water

如何設(shè)計新聞類型的門戶網(wǎng)站

藍(lán)藍(lán)設(shè)計的小編

最近,一個朋友建議我寫點(diǎn)關(guān)于新聞類網(wǎng)站界面設(shè)計的分析:什么是正確的新聞類網(wǎng)頁設(shè)計,什么是錯誤的。他認(rèn)為現(xiàn)今的線上新聞用戶體驗非常落后,讓人感到厭倦無比,而且只是他們不用心做罷了,采用AJAX或者類似的技術(shù)就能把內(nèi)容呈遞的完善,而且導(dǎo)航做得十足精美。

一開始我非常贊同他的觀點(diǎn)。藍(lán)藍(lán)設(shè)計認(rèn)為新聞類網(wǎng)站的約束在于:過去傳統(tǒng)的報紙以及雜志均為紙媒,動輒就在頁面里融入了那些根深蒂固的慣例。因此用戶在瀏覽時會發(fā)現(xiàn),這類網(wǎng)站的感覺很熟悉,但是卻限制了視覺表現(xiàn)。與此同時大部分新聞類網(wǎng)站的用戶體驗設(shè)計非常差,經(jīng)常會出現(xiàn)令人閱讀困難的小文本。

從《互聯(lián)網(wǎng)設(shè)計之道》開始,我知道這句話已經(jīng)別人重復(fù)無數(shù)次了,如果把網(wǎng)絡(luò)比作一種媒介的話,那么網(wǎng)絡(luò)是流動的,是復(fù)雜的,也是美麗的。而且網(wǎng)絡(luò)的威力超出了大多數(shù)人的意料。
所以我們一起來看一下這些國際知名的新聞類網(wǎng)站,看看他們的優(yōu)點(diǎn)與缺點(diǎn)。

歸根結(jié)底是移動端的用戶體驗

其實(shí),主要還得是移動端用戶的體驗。然而很多新聞類網(wǎng)站并沒有將此類用戶納入考慮。當(dāng)然,確實(shí)很多新聞網(wǎng)站已經(jīng)出了iOS或者Android版本的原生應(yīng)用,可惜效果并不理想,大部分的用戶下載完之后,用幾次就基本廢置到一旁了。

我們獲取信息的途徑是什么?因為太過官方,內(nèi)容太過常規(guī),現(xiàn)在的用戶很少主動瀏覽新聞類網(wǎng)站。他們通常是通過點(diǎn)擊朋友、親戚、網(wǎng)友的分享來得到信息。通過社交網(wǎng)絡(luò),E-Mail,RSS Feed以及新聞源中的鏈接來得到信息。而鏈接導(dǎo)向的往往是網(wǎng)站,而不可能是應(yīng)用。因此,每個新聞類網(wǎng)站都必須要注重移動端的用戶體驗?,F(xiàn)在用手機(jī)瀏覽消息的人實(shí)在是太多了。

那么問題又是什么?為什么新聞類網(wǎng)站不改進(jìn)呢?
路很漫長,前方有兩塊絆腳石有待清除。

網(wǎng)頁設(shè)計中優(yōu)化圖片的6大技巧

藍(lán)藍(lán)設(shè)計的小編

平面設(shè)計網(wǎng)頁設(shè)計是兩個截然不同的領(lǐng)域,這兩個領(lǐng)域有不同的設(shè)計需求、設(shè)計實(shí)踐和設(shè)計方法。

例如,在網(wǎng)頁設(shè)計中更常使用基于像素或柵格的文件格式,諸如JPG、GIF或PNG。相反,在平面設(shè)計領(lǐng)域像logo這樣的圖形可能會用到不同尺寸,因此使用最多的格式則是EPS和AI這樣的矢量格式。然而,用于網(wǎng)頁界面設(shè)計的矢量格式,如SVG或HTML5 Canvas則不能廣泛應(yīng)用,也不會被所有瀏覽器所支持。

另外,用于web端的圖形有基于它們自身的相關(guān)處理方式。其中一條便是你要時刻注意文件的大小,因為你需要使你的網(wǎng)頁加載越快越好。作為一名網(wǎng)頁ui設(shè)計師,你應(yīng)當(dāng)盡量減少HTTP對圖像的請求次數(shù)——無論通過減少圖片的使用數(shù)量還是將它們整合成CSS sprite——以及確保你選擇了正確的圖像格式,使其在圖像大小和質(zhì)量間得以平衡。

Photoshop是平面設(shè)計師和網(wǎng)頁設(shè)計師使用的行業(yè)標(biāo)準(zhǔn)工具。以下是你在創(chuàng)建web端使用圖像時的一些簡單的小技巧。

1. 將圖片保存成Web所用格式

在網(wǎng)頁設(shè)計中,你必須確保你的圖像大小越小越好。當(dāng)然,當(dāng)你想要圖片完好顯示時可以拋棄這條原則。
在Photoshop中創(chuàng)建圖像的完美方法便是平衡質(zhì)量與文件大小。
網(wǎng)頁設(shè)計師經(jīng)常犯的一個錯誤便是使用“另存為”命令,而不是使用“存儲為Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 網(wǎng)頁設(shè)計師必須知道的6個小技巧

日歷

鏈接

個人資料

存檔