Metro UI是一種界面展示技術(shù)，和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對象，而Metro界面強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。顯示下一個界面的部分元素的功能上的作用主要是提示用戶”這兒有更多信息”。同時在視覺效果方面，這有助于形成一種身臨其境的感覺。

科普一下：神馬是Metro？Metro是由微軟公司開發(fā)的內(nèi)部名稱為” typography-based design language”（基于排版的設(shè)計語言）。最早出現(xiàn)在微軟電子百科全書95，后來的產(chǎn)品如：windows媒體中心、Zune播放器都有用到這項(xiàng)技術(shù)。該技術(shù)已于2010年初（美國）獲得Metro UI專利批準(zhǔn)（USPTO）如今該技術(shù)被引入到微軟開發(fā)的Windows Phone操作系統(tǒng)和已經(jīng)發(fā)布的Windows 8預(yù)覽版以及Office 15中。

藍(lán)藍(lán)設(shè)計 ：2012年7月，在大連中軟實(shí)訓(xùn)基地學(xué)習(xí)時，老師要求我們分小組開發(fā)項(xiàng)目，理所當(dāng)然地，我擔(dān)任前端設(shè)計和開發(fā)的工作。
當(dāng)我略微得意地把設(shè)計好的頁面拿給老師顯擺時，他給了一個字的評價：”俗！”然后講，”中國風(fēng)看起來的確美，但這種美很容易趨于小氣和庸俗，遠(yuǎn)不如簡單用色塊搭配出的效果。”

也是從那時候起，我開始注意色彩的搭配，也開始用這種觀點(diǎn)來把玩一些網(wǎng)頁和海報等的設(shè)計。
《甄嬛傳》再經(jīng)典，老外們也不會明白隱藏在后宮中的彎彎繞…

以前的進(jìn)度條設(shè)計以擬物化為主，現(xiàn)在扁平化風(fēng)格流行，連進(jìn)度條也改變咯。藍(lán)藍(lán)設(shè)計推薦您看看40款收集的進(jìn)度條設(shè)計，很多是Dribble上的作品，應(yīng)潮流而生，想瞧瞧扁平化風(fēng)格的進(jìn)度條是怎樣的，就來看看吧。如果你對擬物化的創(chuàng)意進(jìn)度條更加有興趣，那么來這里瞧瞧《18個讀取進(jìn)度條的優(yōu)秀設(shè)計案例》

Loading 也是一門學(xué)問，如何讓用戶等待加載時不煩還高興，藍(lán)藍(lán)設(shè)計推薦您可以看看這篇：《談?wù)劶虞d(LOADING)的那點(diǎn)事》，絕對從細(xì)節(jié)處提升用戶體驗(yàn) ^_^

Progress by yasir wadood

Circular progress bar by Alexandr Ivanov

曾與一個哥們聊天時，聊到我如何讓我的客戶經(jīng)常關(guān)注我的網(wǎng)站。這個問題也是我們的很多企業(yè)關(guān)注的事情，有些企業(yè)網(wǎng)站或產(chǎn)品網(wǎng)站回頭客只有10%-20%左右。那么我們要如何將過去的客戶重新回到網(wǎng)站上來呢？

我們需要知道老客戶的聯(lián)系信息，如電話、郵箱、IM（即時通信工具）等信息。如果沒有，就無法與客戶重新建立起聯(lián)系。從多個聯(lián)系方式中找出一種適合的聯(lián)系的方法。小維將在下面與大家分享通過郵件營銷將老客戶拉回來。

1、整理郵箱地址
我們將客戶的信息整理出來，最好是有客戶的詳細(xì)信息，如姓名、公司名稱、成為客戶的時間、郵箱等信息字段。為什么需要這些信息呢？要這些信息是在郵件內(nèi)容中能夠更好的顯示客戶的信息，讓客戶知道他們什么時候選擇了你的產(chǎn)品，讓客戶感受到你的服務(wù)。

2、制作郵件內(nèi)容
郵件內(nèi)容不是促銷、宣傳信息，是一封向老客戶問候的信息。如網(wǎng)站或產(chǎn)品有什么新的動態(tài)，活動等，去吸引老客戶訪問你的網(wǎng)站，繼續(xù)去關(guān)注你的產(chǎn)品。郵件內(nèi)容中可以在相應(yīng)的位置加入用戶的姓名、時間等字段，讓客戶更親切的感受到你們的服務(wù)。

3、投遞郵件
投遞郵件，小維建議使用專業(yè)的郵件平臺，如EasyEDM郵件營銷。為什么要選擇專業(yè)的郵件平臺呢？郵件平臺可以管理我們的客戶的地址，郵件內(nèi)容。在郵件內(nèi)容中加入其他一些輔助功能，如訂閱表單。在郵件中插入訂閱表單，讓客戶訂閱你的郵件，這樣可以知道客戶是愿意接收你的郵件。

發(fā)送郵件不是發(fā)送一次就完事了，而是一個定期持續(xù)的方式。計劃好每周或每月發(fā)一期電子郵件，與客戶之間建立起穩(wěn)定的關(guān)系。郵件營銷是一種維護(hù)老客戶最好的營銷工具之一，要運(yùn)用好郵件營銷，你就可以保證你與客戶之間的穩(wěn)定關(guān)系。

專注于分享UI界面的細(xì)節(jié)，按照設(shè)計元素進(jìn)行分類：

注意：有些網(wǎng)站需要翻墻：（

http://pttrns.com/

http://www.patternsofdesign.co.uk/

作為一款足夠吸引人的app，驚艷的UI和優(yōu)秀的功能是基本條件，但若有獨(dú)特的動畫與轉(zhuǎn)場效果，則可以大大的增加用戶使用的粘性，稱霸整個應(yīng)用平臺。具備了良好體驗(yàn)效果的同時，有這樣一個意料之外的效果，不但會給用戶帶來驚喜，更會讓人情不自禁的愛上它。

2012年我們看到有不斷的熱門app得到細(xì)化，而一些大公司也最終意識到良好的UI對于一個app的重要性。在過去的一年里，Android應(yīng)用程序已經(jīng)得到了很大的改善，iOS則把設(shè)計范圍越推越廣。這里是一些beautifulpixels.com認(rèn)為在2012年中一些脫穎而出的UI動畫。雖然視頻演示提供了大致的預(yù)覽，但相信如果你在手機(jī)中親自體驗(yàn)更能發(fā)現(xiàn)它們的魅力之處。

Google+ Animation

當(dāng)Google+開始公測時，每個人都想第一個嘗鮮。然而，在Android系統(tǒng)和其他移動應(yīng)用平臺上因缺少一個良好的app，而使得很多人因此望而卻步。Google努力優(yōu)化他們在iOS平臺推出的游戲，值得一提的是它們最近發(fā)布的app也讓人眼前一亮。

而這款Google+iOS應(yīng)用程序也顛覆了以往的設(shè)計，或許會讓你愛不釋手。其中有很多獨(dú)特的動畫設(shè)計，比如，下拉刷新（pull to refresh）。當(dāng)用戶下拉時，會出現(xiàn)4個不同顏色的彩帶從左至右，有節(jié)奏的從暗變亮，并拉長。同樣有趣的是，當(dāng)你滾動到底部時，載入的新內(nèi)容同樣會出現(xiàn)。從這樣的小細(xì)節(jié)中，我們看到Google的確在app的設(shè)計上注入了很多精力。就為了它的動畫，你就值得在iOS系統(tǒng)的設(shè)備上下載Google+這個程序！

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

Wedding Party

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

Kelvin

你iPhone上天氣應(yīng)用的全新打開方式！簡單又美膩哦~

吃貨們有福啦！今天的話題與美食有關(guān)，而且是非常實(shí)在的經(jīng)驗(yàn)分享，掌握這些技巧要素。你將會學(xué)做一個餐館及飲食類網(wǎng)站。而且這類網(wǎng)站能給自由設(shè)計師提供不錯的報酬。如果你打算進(jìn)行此類設(shè)計，那么不妨花上幾分鐘，看看這篇文章，保證您有所收獲。
實(shí)踐方能得真知，本文通過大量生動的案例來進(jìn)行深入觀察，剖析出那些餐飲類網(wǎng)頁設(shè)計的亮點(diǎn)所在。

1、圖像意味著一切

Site: The Claw Bar

圖像意味著一切，雖然略有夸張，但是是句實(shí)在話。質(zhì)量垃圾的、丑陋的圖像雖然能在常規(guī)網(wǎng)站上將就著看，但是在餐飲類網(wǎng)頁中行不通。如果你在設(shè)計中使用了一些低劣的圖片，那么你的薪水和酬勞可能就不那么容易拿到咯。
作為餐館網(wǎng)頁的瀏覽者，用戶的主要興趣在于食物。網(wǎng)頁必須的描述菜品的外觀，因此必須要使用圖像。槽糕的食物圖片對消費(fèi)者的”殺傷力”巨大，用戶會因?yàn)閳D像效果不佳而拒絕買單。

百度更換新的“度娘”以后，動作有一點(diǎn)大，早幾天網(wǎng)站出現(xiàn)收錄和外鏈大幅度的增長，不過這兩天都恢復(fù)正常，給了廣大的站長一個大驚喜。近日筆者又發(fā)現(xiàn)百度在知道進(jìn)行了調(diào)整。

筆者做知道有4年多時間，以前回答的問題，近日出現(xiàn)大量的違規(guī)處理，比率是18%。違規(guī)的原因是回答的廣告性質(zhì)太強(qiáng)，違反了百度的新規(guī)。如果你正在做問答推廣，你的賬戶上是不是也出現(xiàn)這樣的情況呢？如果沒有出現(xiàn)，那恭喜你，在回答問題上符合百度知識協(xié)議。

你正在做或準(zhǔn)備做問答推廣筆者建議你所回答的問題一定要符合網(wǎng)友提的的問題，在回答問題中自然的布入你要推廣的品牌詞，或者產(chǎn)品。切記不要直接插入廣告，這樣回答遲早會受到百度的刪除。

這些被刪除的也是筆者在剛接觸網(wǎng)絡(luò)營銷時，做問答推廣所回答的網(wǎng)友提問。當(dāng)時主要就是以廣告的目的回答問題，在近日百度再次更新以后，這些以廣告為目的的回答被百度知道刪除。

面對這樣情況，我們該如何調(diào)整百度問答推廣呢？下面筆者分享個人的調(diào)整策略，正確的了解網(wǎng)友的提問，以幫助網(wǎng)友的想法去解決問題、回答問題，字?jǐn)?shù)最好超過100漢字，越多越好。這樣做的目的一是可以幫助網(wǎng)友解決問題，二是易被網(wǎng)友采納并獲得良好的排名，三是不易被百度知道刪帖。

TNW發(fā)布了2013年10大網(wǎng)頁設(shè)計趨勢：

1、響應(yīng)式布局盛行，即一個網(wǎng)站適配多種屏幕;
2、重視字體的選擇，使用Web字體;
3、更少的使用Flash，使用其他任何可能替代的技術(shù);
4、蘋果iOS的擬物化設(shè)計將不再時髦;
5、使用巨大的背景圖構(gòu)造大氣的視覺效果;
6、產(chǎn)品和個人介紹頁面留出更多空白;
7、更多的社交網(wǎng)絡(luò)分享入口;
8、淺色、冷色調(diào)重新成為主流;
9、移動App將取代一部分移動網(wǎng)頁流量;
10、內(nèi)容依舊為王;

好了，該到我們年終展望新年的時刻了。2012年我們看到一些新的設(shè)計趨勢在Web設(shè)計領(lǐng)域，特別是響應(yīng)式頁面設(shè)計。那么跟隨我們的腳步，來預(yù)測一下2013年的設(shè)計趨勢吧！

1、響應(yīng)式網(wǎng)頁設(shè)計越來越被重視

響應(yīng)式網(wǎng)頁設(shè)計已經(jīng)不是什么新鮮名詞了，但我們?yōu)槭裁催€有說它呢？簡單地說：響應(yīng)式設(shè)計的方法會更多且制定相應(yīng)的標(biāo)準(zhǔn)。2012年通過斷點(diǎn)的響應(yīng)式 設(shè)計類適合不同的屏幕，當(dāng)新的設(shè)備比如iPad mini沖擊足夠大的市場的時候，這種方式將得到改變，斷點(diǎn)可能被替換成其他實(shí)現(xiàn)方式。

我們認(rèn)為更多的網(wǎng)站設(shè)計將專注于最初的頁面設(shè)計以響應(yīng)式，而非單獨(dú)制定不同設(shè)備的模式。這種響應(yīng)式設(shè)計忘記尺寸以便支持多種設(shè)備，我們將看到更豐富的頁面設(shè)計適應(yīng)不同節(jié)點(diǎn)的設(shè)備。

超贊！難得的一套響應(yīng)式網(wǎng)頁設(shè)計模版，分別含iPad界面設(shè)計、iPhone界面設(shè)計、PC界面設(shè)計。

這對最近有響應(yīng)式設(shè)計項(xiàng)目的設(shè)計師來說，絕對是不可多得的五星干貨！
界面已經(jīng)上傳@微盤 ，下載請戳http://vdisk.weibo.com/s/u6sEw
另外特別說明！本資源經(jīng)官方授權(quán)（Cris）可以免費(fèi)使用在個人和商業(yè)項(xiàng)目中。

溫馨提示：下載后打開PSD請記得戳開“智能對象”，記得！肯定會有一些同學(xué)會說怎么就一個圖層，那些頁面的詳細(xì)分層呢？為了給你解釋清楚藍(lán)藍(lán)設(shè)計做了一張解說圖。見下方！