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

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

Google+ Animation

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

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

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

Wedding Party

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

Kelvin

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

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

1、圖像意味著一切

Site: The Claw Bar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本周我們向您推薦這21個時尚新潮的網(wǎng)站設計，它們都有非常好看的聯(lián)系頁面。
或許很多人覺得聯(lián)系頁面并不重要，但是在國外，設計師和企業(yè)團隊是非常注重這個頁面的設計和信息展現(xiàn)的，有一個明確的方式讓人們獲得與你聯(lián)系的信息是非常重要的。
設計一個好的聯(lián)系頁能讓你與客戶更好的溝通。從咖啡館及餐館的頁面到設計工作室的頁面，我們將展示幾種不同的聯(lián)系頁。
這些設計簡潔、輕便、圖文并茂并豐富多彩。現(xiàn)在就來感受這些優(yōu)雅的頁面吧：）

相關文章推薦：
一組漂亮的婚禮相關網(wǎng)站設計欣賞
35個超贊的iOS App網(wǎng)站欣賞
70個全球最華麗的互動型單頁網(wǎng)站欣賞

Supereight Studio

藍藍設計精選25個與食物相關的網(wǎng)站設計，這些網(wǎng)站的設計主體突出，大部分以暖色調(diào)為主，比如披薩、曲奇餅之類的；當然也有一些是走清涼風的，比如冰淇淋之類；還有與愛情相關的象征著甜蜜的粉色系糖果類，更有單頁面食物制作流程的酷酷黑色系。

這些網(wǎng)站的主體內(nèi)容有主食類的，有餅干零食類，有咖啡飲料類，也有甜點類，更有公益性質(zhì)的。網(wǎng)站的背后有餐廳、有小賣部、有流動外賣、更有食品商。每個網(wǎng)站的所營造的氣場需要您點擊進去細細品喲：）

Milano

Culinary Culture

藍藍設計：本文作者總結(jié)了十四條關于移動端產(chǎn)品設計的原則，其提倡的核心原則就是從用戶出發(fā)，充分考慮用戶的使用體驗。

一、充分考慮用戶的使用習慣

比如大多數(shù)人拿手機的時候是雙手握還是單手握，單手握的時候是右手操作還是左手操作，操作的時候用哪個手指就能進行操作。考慮到用戶的使用習慣有助于在設計時避開手指的觸碰盲區(qū)。

二、充分考慮用戶的使用場景和干擾源

用戶使用產(chǎn)品是在什么時間，什么地點，什么環(huán)境下使用？譬如，用戶經(jīng)常在嘈雜的環(huán)境中使用自己的產(chǎn)品，這時候的干擾源就是噪音，產(chǎn)品設計時應避免使用語音技術；用戶經(jīng)常在擁擠的環(huán)境中使用產(chǎn)品，則產(chǎn)品設計時應避免用戶過多地進行輸入操作；用戶經(jīng)常在地鐵等網(wǎng)絡環(huán)境不好的場所使用產(chǎn)品，產(chǎn)品就應該自動保存用戶的信息，防止信息的丟失。

三、盡量減少產(chǎn)品層級

在移動設備上，過多的層級會使用戶失去耐心而放棄對產(chǎn)品的使用。如果產(chǎn)品層級確實過深，考慮用一下幾種方法扁平化你的層級結(jié)構(gòu)：使用選項卡（tabs）結(jié)合分類和內(nèi)容的展示；允許穿越層級操作，比如允許用戶在第一層級對第二層級的內(nèi)容進行直接操作（新浪微博信息列表頁的長按）。

界面設計包括哪些細節(jié)、如何深入？
我們常說“細節(jié)決定成敗”，有些界面會讓人覺得不精致，缺細節(jié)，而這些細節(jié)又包括哪些呢？如何去深入呢？

不妨來看本文作者，百度用戶界面設計師@JJ-Ying 為您娓娓道來：

• 界面元素的對齊，我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經(jīng)常需要做到視覺上的對齊，而不是機械的對齊，但這不是界面元素可以隨意擺放的借口，該對齊的內(nèi)容需要對齊，有時候只是舉手之勞，養(yǎng)成好習慣很重要，有點強迫癥也不是壞事情。
• 像素，雖然現(xiàn)在的分辨率越來越高，但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。
• 界面光源的一致性，一致性是個很大的課題，應該能寫一篇論文那么長，細節(jié)方面的一致性應該包括界面元素、文字陰影、圖標等的光源。假設深色的標題文字用了向下的淡色投影表現(xiàn)內(nèi)凹效果，那正文就應該避免用深色的文字向上投深色的陰影
• 圖標面積的一致性，這也是一個一直難以避免的問題，而且有很多主觀成分，最好的方法是設計的時候放到實際屏幕上以較遠的距離查看，是不是有哪些會特別輕或特別重，然后再去調(diào)整尺寸
• 文案，雖然這不是直接的界面設計元素，但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等
• 別直接使用 Windows 自帶宋體 / 黑體里的英文！！！這個不解釋
• 謹慎地使用高飽和度顏色、大差別漸變，我們 GUI 設計師總喜歡把自己當做藝術家，即使 GUI 真算藝術那也是限制最大的一門藝術（天朝的電影、電視劇不算。。。），大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發(fā)揮，所以一些醒目出跳的顏 色和漸變使用起來要比較小心，否則很容易產(chǎn)生“俗氣”的感覺