国产成在线人视频免费视频-国产成综合-国产床上视频-国产大臿蕉香蕉大视频女-国产大尺度pr社18福利在线

首頁

追尋點(diǎn)擊愉悅感:提升網(wǎng)站平板體驗(yàn)的6個(gè)技巧

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

提升網(wǎng)站平板體驗(yàn)的6個(gè)技巧

Queen譯者注:隨著平板電腦市場的迅猛增長,你可曾考慮到網(wǎng)站在平板上的用戶體驗(yàn)?本文給出了6個(gè)提升網(wǎng)站平板體驗(yàn)的簡易技巧,讓你花小氣力,出大成果,可謂事半功倍。要不你試試看。
原文鏈接:the-pursuit-of-tappiness

在這篇文章發(fā)布時(shí),僅在美國就有近7000萬的平板電腦用戶,這比前一年的數(shù)據(jù)增加了一倍。這意味著,美國近30%的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間,電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348%,第一次超越智能手機(jī)的交易量。由于平板市場很年輕,其未來的發(fā)展空間必定很大。
這一趨勢傳遞了一個(gè)強(qiáng)烈的信號(hào):如果你的網(wǎng)站還沒有針對平板電腦進(jìn)行設(shè)計(jì)的話,現(xiàn)在是時(shí)候優(yōu)先考慮其在平板電腦上的可用性了。否則,忽略這一點(diǎn)可能會(huì)對網(wǎng)站的整體轉(zhuǎn)化率,回訪量,銷售量等帶來負(fù)面影響。

什么是”點(diǎn)擊愉悅感”(tappiness)?

當(dāng)一個(gè)網(wǎng)站具有”點(diǎn)擊愉悅感”時(shí),用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間,易于閱讀的文本,符合邏輯的交互線索,和大尺寸的點(diǎn)擊目標(biāo),這些讓訪問者瀏覽網(wǎng)站時(shí)充滿信心。

1359424540_87

本設(shè)計(jì)中,大字體和大點(diǎn)擊目標(biāo)的體驗(yàn)很好,即使在平板電腦上縮小后,體驗(yàn)依然不錯(cuò)。
而在另一些設(shè)計(jì)中,文字太小無法閱讀,鏈接太接近容易誤操作,無形中增加了操作時(shí)間、復(fù)雜度以及體驗(yàn)上的挫敗感。糟糕的體驗(yàn)下,用戶將快速流失。

1359424551_62

本設(shè)計(jì)中的小字體和小觸摸目標(biāo)被證明在平板電腦上難以閱讀和使用。
一種理想選擇可能是:重新設(shè)計(jì)你的網(wǎng)站,讓它能針對各種不同設(shè)備進(jìn)行自適應(yīng)布局,但時(shí)間和成本可能會(huì)使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法,能快速幫助你提升網(wǎng)站的平板用戶體驗(yàn),只需幾個(gè)簡單的變化,你今天就可以做到!

7個(gè)值得收藏的用戶體驗(yàn)行業(yè)網(wǎng)站和博客

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

7個(gè)值得收藏的用戶體驗(yàn)行業(yè)網(wǎng)站和博客

推薦一 :(5星)

Smashing Magazine

網(wǎng)站的精選文章比較綜合,包括Design, Coding, Mobile, Word Press等,整體質(zhì)量很高,非常適合用戶體驗(yàn)從業(yè)人員持續(xù)關(guān)注。

推薦理由:

  1. 對于設(shè)計(jì)師而言,DESIGN, MOBILE, UX DESIGN這三個(gè)tag的內(nèi)容都很棒;
  2. 文章總體質(zhì)量非常高,篇幅雖長,但很成體系;
  3. 訂閱者超過1,100,000,用戶活躍度高,每篇文章的回復(fù)都很專業(yè);
  4. 超過1,700篇原創(chuàng)文章,890位作者,他們均有多年從業(yè)經(jīng)驗(yàn);
  5. eBooks中很多優(yōu)秀書籍免費(fèi)。

7個(gè)值得收藏的用戶體驗(yàn)行業(yè)網(wǎng)站和博客7個(gè)值得收藏的用戶體驗(yàn)行業(yè)網(wǎng)站和博客

 

想讓網(wǎng)頁更性感?來試試加點(diǎn)透明效果

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

 

隨著CSS的廣泛應(yīng)用,透明元素在網(wǎng)頁設(shè)計(jì)中大量采用。

通過添加透明效果,可以增添頁面的對照感和可讀性,同時(shí)對整體的效果妨礙又不大,可謂一舉兩得。

一般來說,采用透明效果顯示區(qū)塊、展現(xiàn)數(shù)據(jù),透明效果出現(xiàn)在很多輔佐元素當(dāng)中,這樣前景元素就顯得非常突出。
讓我們來看看透明效果,這種優(yōu)雅而又華麗的效果。

Wavefront

整體構(gòu)成比較不拘一格,音樂節(jié)一般的氛圍。霓虹色彩,半透明區(qū)塊,讓色彩更加動(dòng)感,很好的支持了主題。

Wavefront

Advies

頁面中含有很多透明條紋,中間的大區(qū)塊既不影響背景圖像的效果,也能很好的展現(xiàn)信息。

Advies

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

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

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

表單應(yīng)該就像個(gè)溫柔又有禮貌的服務(wù)生。想象你走進(jìn)一間超級(jí)市場,走過兩旁堆滿商品的走道之后,左轉(zhuǎn)右轉(zhuǎn),看到你想買的果醬并且挑選了兩罐放在購物袋中。

終于你走向結(jié)賬柜臺(tái),一個(gè)笑容甜美的收銀人員對你溫柔的問好,并接過你手中的果醬,告訴你價(jià)錢,幫你包裝,然后找給你零錢和發(fā)票并且愉快的說再見。

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

現(xiàn)在你來到一個(gè)購物網(wǎng)站,在首頁看到許多特價(jià)商品,你點(diǎn)選了食品的分類選項(xiàng),來到果醬的分類。稍微看了一下果醬的介紹文章,然后點(diǎn)擊鼠標(biāo)把果醬放到購物車中,并點(diǎn)選結(jié)賬:結(jié)果出現(xiàn)的是一個(gè)冷淡又死氣沉沉的表單(Form)。

表單絕對是網(wǎng)站中用戶和系統(tǒng)互動(dòng)的最主要的元素,網(wǎng)站透過表單向用戶提出問題,用戶則透過表單向網(wǎng)站表達(dá)他的想法。標(biāo)單又可以細(xì)分成三種元素:1、說明目的的標(biāo)簽;2、提供響應(yīng)的輸入方塊或選單;3、以及提交表單的按鈕。表單的設(shè)計(jì)就可以想象成一個(gè)稱職的服務(wù)生,他的服務(wù)應(yīng)該要符合下面幾個(gè)項(xiàng)目:

大猜想!扁平化之于蘋果的真正意義

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

大猜想!扁平化之于蘋果的真正意義

揭開iOS7扁平化的外衣,深入探索蘋果的新式設(shè)計(jì)語言,一起來猜想一下新的設(shè)計(jì)風(fēng)格是如何在iWatch iTv iCar上實(shí)現(xiàn)。

當(dāng)談到Jony Ive,我們就不得不談到他在iOS7上的大改造,普遍看法是,這種改變僅僅是外觀上的改變,換湯不換藥。

iOS7的神秘面紗于2013年6月揭開,設(shè)計(jì)靈感來自德國已故傳奇設(shè)計(jì)師Otl Aicher。
Jony Ive在iOS上決定采用扁平化風(fēng)格,這就意味著以下幾點(diǎn)風(fēng)格的轉(zhuǎn)變:

1、用色愈發(fā)大膽、鮮艷;
2、界面會(huì)擁有更多的留白空間,讓元素更好的呼吸;
3、字體運(yùn)用會(huì)更加優(yōu)雅靈活;
4、即將使用大量的幾何形狀。

這就是Jony Ive摒棄擬物設(shè)計(jì)的原因。iOS7的推出,也可以看成是Jony Ive對擬物設(shè)計(jì)的宣戰(zhàn)。

iOS7的扁平化設(shè)計(jì)非常”萬金油”,不但適應(yīng)了今天的iPhone以及iPad設(shè)備,也能夠應(yīng)用于未來的iWatch,iTV,iCar等設(shè)備。

用設(shè)計(jì)為你的APP提速的6個(gè)方法

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

D.A:我們都知道不管網(wǎng)頁還是移動(dòng)應(yīng)用,響應(yīng)速度都是最重要的體驗(yàn)指標(biāo)之一,并且移動(dòng)應(yīng)用的網(wǎng)絡(luò)環(huán)境不穩(wěn)定,速度的體驗(yàn)顯得尤為重要。其實(shí)速度優(yōu)化不僅是程序員的事,設(shè)計(jì),也能夠讓App變得更快。

1.后臺(tái)執(zhí)行

這是一條很通用,也容易理解的方法。用戶不會(huì)愿意盯著進(jìn)度條傻傻地等待,除了”取消”沒有其他選擇。在系統(tǒng)處理一些網(wǎng)絡(luò)任務(wù)的時(shí)候,完全可以允許用戶做一些其他的事情。

各大平臺(tái)的發(fā)微博,都采用了后臺(tái)執(zhí)行。云閱讀的離線下載也采用后臺(tái)執(zhí)行。

而微博的看長圖(或視頻),是個(gè)反例。網(wǎng)絡(luò)不給力時(shí),要么等待1分鐘讓圖加載完,要不就只好放棄看圖。為什么不能讓圖加載的同時(shí),用戶可以看其他微博呢?


 

2.在載入前顯示內(nèi)容

客戶端與web的一個(gè)不同點(diǎn),客戶端的顯示內(nèi)容包括本地?cái)?shù)據(jù)和網(wǎng)絡(luò)數(shù)據(jù)兩部分。在設(shè)計(jì)界面時(shí),將更多的信息放在本地,在網(wǎng)絡(luò)數(shù)據(jù)未載入時(shí)即顯示本地?cái)?shù)據(jù),讓用戶產(chǎn)生一種”已經(jīng)載入一半了”的錯(cuò)覺,即使最終的耗時(shí)一樣,心理感受也會(huì)更快。當(dāng)然把數(shù)據(jù)過多地寫在本地,會(huì)犧牲一些靈活性,需要根據(jù)具體情況考慮。

那些不務(wù)正業(yè)的品牌Apps

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

那些不務(wù)正業(yè)的品牌Apps

越來越多的傳統(tǒng)企業(yè)擁抱移動(dòng)互聯(lián)網(wǎng),以補(bǔ)充完善原有渠道的目標(biāo)推出自有企業(yè)的品牌app,比如傳統(tǒng)雜志社設(shè)計(jì)一款電子雜志app、傳統(tǒng)實(shí)體店商家推出電子商城app。這些傳統(tǒng)的做法已經(jīng)司空見慣,讓我們看看品牌大牛們有哪些不務(wù)正業(yè)的新玩法。

本文不談趨勢、不談技術(shù),也不涉及廣告營銷思路。通過分析研究以下八大品牌app案例的設(shè)計(jì)表現(xiàn)手法,總結(jié)出一些品牌app創(chuàng)新設(shè)計(jì)要點(diǎn),希望與大家進(jìn)行交流探討。

【案例一】UNIQLO——清新型格的數(shù)字化生活工具

UNIQLO是一個(gè)擁有出色創(chuàng)新基因的日本服裝品牌,UNIQLO品牌所倡導(dǎo)的Life Wear(服適人生)哲學(xué)——“Clothes for a better life, for everyone, every day”不是單純將“衣食住行”的“衣”作為一種時(shí)尚,而是創(chuàng)造豐富人們?nèi)粘I畹囊路谶@個(gè)概念發(fā)表的各種數(shù)字化生活工具被歸類為“UNIQLO LIFE TOOLS”,下面就來介紹一下這些apps——UNIQLO WAKE UP、UNIQLO CALENDAR和UNIQLO RECIPE。
那些不務(wù)正業(yè)的品牌Apps

UNIQLO WAKE UP

作為一個(gè)工具型應(yīng)用,UNIQLO WAKE UP的歡迎語 “在隨著天氣而變化的音樂聲中開始新的一天,分享您的起床信息” 道出了它與其他鬧鐘app的不同。它集天氣、音樂、社交功能為一體,把起床和天氣聯(lián)系起來,配以的美妙女聲播報(bào),原創(chuàng)背景音樂則是由世界知名音樂人Cornelius和菅野洋子合作完成。

小伙伴們可去官網(wǎng)感受下:http://www.uniqlo.com/wakeup/cn/pc/index.html?high=true

打開app默認(rèn)的是天氣/時(shí)鐘界面,清新明亮的大色塊平鋪十分迷人,不同天氣會(huì)自動(dòng)切換不同背景色和音樂。

怎樣在Photoshop中保持像素的完美

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

設(shè)計(jì)網(wǎng)頁和程序界面的時(shí)候,為了確保每一個(gè)像素的顏色、紋理和位置都準(zhǔn)確地呈現(xiàn),大多數(shù)設(shè)計(jì)師都會(huì)被搞得疲憊不堪。一不小心,一些很常用的操作像移動(dòng)、旋轉(zhuǎn)和粘貼就會(huì)讓你的辛勤勞動(dòng)付之東流。但是,如果能對你的工作流程做些小小的改動(dòng),就能在項(xiàng)目中始終保持作品的高質(zhì)量。

像素完美之旋轉(zhuǎn)

如果你不夠小心,那么在Photoshop中旋轉(zhuǎn)圖層就會(huì)使像素遭到明顯的破壞,出現(xiàn)模糊。

使用自由變換工具(或其他工具)把圖層旋轉(zhuǎn)90度或270度后,像素最終的顯示效果將取決于圖層的尺寸。如果圖層的寬和高都是偶數(shù),你就可以幸免于難。如果圖層的寬和高都是奇數(shù),也不會(huì)有問題。但是如果圖層的寬是奇數(shù),高是偶數(shù)或者寬是偶數(shù),高是奇數(shù),那么你將會(huì)看到如下情景:

怎樣在Photoshop中保持像素的完美

本例中原始圖層的尺寸為20×9像素:偶數(shù)×奇數(shù)。盡管位圖和矢量圖層在旋轉(zhuǎn)后的效果不一樣,但兩者都變得不可用了。這是由于圖層旋轉(zhuǎn)的中心點(diǎn)沒有落在某個(gè)像素邊界上導(dǎo)致的。

一種解決方法

當(dāng)圖層的寬高為奇數(shù)×偶數(shù)或偶數(shù)×奇數(shù)時(shí),旋轉(zhuǎn)后就會(huì)出現(xiàn)問題。因此,我們需要某種方法來保證圖層的寬高是偶數(shù)×偶數(shù)或奇數(shù)×奇數(shù)。也許你所想到的解決方法就是給要旋轉(zhuǎn)的圖層增加一個(gè)正方形的位圖蒙版或者添加更多的像素。除此之外,你還可以通過在另外一個(gè)圖層上繪制一個(gè)正方形后跟原始圖層同時(shí)旋轉(zhuǎn)來解決這個(gè)問題。

總而言之,只要圖層的寬高是偶數(shù)×偶數(shù)或者奇數(shù)×奇數(shù)就可以了。

怎樣在Photoshop中保持像素的完美

一種更簡單的方法

在使用自由變換工具時(shí),把旋轉(zhuǎn)的中心點(diǎn)挪到左上角(或其他任意一個(gè)頂角)就能確保它會(huì)落在某個(gè)像素的邊界上,這樣便能保證每次旋轉(zhuǎn)后的結(jié)果都是完美的。為此,你需要在選擇自由變換工具后在參考點(diǎn)設(shè)置按鈕上單擊下任意頂角再進(jìn)行旋轉(zhuǎn)。這是目前為止最簡單有效的方法。

網(wǎng)站如何做關(guān)鍵詞評(píng)估?

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

在QQ群與群友交流時(shí),聊到網(wǎng)站如何做關(guān)鍵詞評(píng)估,交談中說到關(guān)鍵詞的搜索量、商業(yè)價(jià)值、競爭程度三個(gè)方面的評(píng)估。關(guān)鍵詞評(píng)估是關(guān)鍵字進(jìn)行詳細(xì)的評(píng)估是否具備優(yōu)化的可行性,并從中選擇高搜索量、高相關(guān)性、低競爭的關(guān)鍵詞。

網(wǎng)站如何做關(guān)鍵詞評(píng)估

搜索量
搜索量是關(guān)鍵詞日搜索的檢索量,搜索量的高低決定著競爭度的大小。檢查關(guān)鍵詞的搜索量常用工具是百度指數(shù)、谷歌關(guān)鍵字工具等,如搜索“郵件營銷”關(guān)鍵詞是181(29/7)。

商業(yè)價(jià)值
關(guān)鍵詞商業(yè)價(jià)值指關(guān)鍵詞在行業(yè)中的地位,以及能給商家?guī)淼幕貓?bào)作為衡量標(biāo)準(zhǔn),通常使用在搜索引擎競價(jià)上。進(jìn)入百度推廣賬戶,使用估算工具查詢關(guān)鍵詞預(yù)估價(jià)格。如預(yù)估“郵件營銷”排名前三名的價(jià)格是7元。

關(guān)鍵詞競爭度
關(guān)鍵詞競爭是搜索結(jié)果中參與優(yōu)化該關(guān)鍵詞的頁面有多少,網(wǎng)站有多少。例如搜索“郵件營銷”這個(gè)關(guān)鍵詞,返回的結(jié)果有2520000個(gè)頁面,前三頁直接使用首頁優(yōu)化的網(wǎng)站有11個(gè)網(wǎng)站,競爭程度是比較大的。

網(wǎng)絡(luò)上有一個(gè)計(jì)算關(guān)鍵詞競爭度的公式:關(guān)鍵詞競爭度=關(guān)鍵詞搜索量*10000/關(guān)鍵詞相關(guān)頁面數(shù)量。得到的結(jié)果越大,代表關(guān)鍵詞競爭越不激烈,越容易優(yōu)化,反之,結(jié)果越小,相對競爭度越激烈,越不容易優(yōu)化。如以“郵件營銷”舉例,搜索量是181,相關(guān)頁面是2520000,181*10000/2520000=0.72,該關(guān)鍵詞較難優(yōu)化。

行業(yè)觀察!FLASH的未來與發(fā)展

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

近幾年對HTML5與Flash誰才是未來的發(fā)展的爭論真的實(shí)在太多,也是仁者見仁智者見智,其實(shí)什么東西都不是完美的,各有優(yōu)缺點(diǎn),并且用戶才懶得管你用的是HTML5或是Flash,用戶關(guān)心的是只是應(yīng)用與體驗(yàn)。


 

>介紹HTML5與Flash

 

很多人都說有了HTML5,F(xiàn)lash就可以退出了,但Flash還是有其自身的優(yōu)勢,來制作更好的展示效果與交互體驗(yàn)。

>Flash還能做什么,F(xiàn)lash要怎么做

 


日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 国产身材极品喷水 在线播放 | 免费又色又爽的视频国产 | 综合久久久久6亚洲综合 | 99久国产| 欧美一级做一级爱a做片性 欧美一级做一级做片性十三 | 国产免费一级在线观看 | 国产综合成色在线视频 | 欧美一级毛片免费观看软件 | 亚洲国产精品线在线观看 | 黄页网站18以下禁止观看 | 成年大片免费高清在线观看 | 欧美日韩国产不卡在线观看 | 黄色在线视频观看 | 热er99久久6国产精品免费 | 99久久国产综合精品麻豆 | 麻豆免费视频网站入口 | 国产高清好大好夹受不了了 | 免费在线观看网址 | 国产xx做受视频国语对白 | 国产精品久久久久久久久免费 | 欧美亚洲国产一区二区三区 | 婷婷夜色 | 国产午夜视频在线观看 | 亚洲精品色综合久久久 | 精品视频一区二区三区在线观看 | 国内精品91最新在线观看 | 亚洲欧美日韩在线 | 日韩一区二区久久久久久 | 99九九国产精品免费视频 | 国产成人高清精品免费软件 | 国产制服一区 | 成年偏黄网站站免费 | 毛片一级黄片 | 亚洲综合伊人色一区 | 成人伊人亚洲人综合网站222 | 在线高清性色生活片免费观看 | 一级做a爰片久久毛片美女 一级做a爰片久久毛片唾 | 久久9精品 | 最新亚洲一区二区三区四区 | 免费亚洲一区 | 日韩中文一区 |