推薦一 ：（5星）

Smashing Magazine

網站的精選文章比較綜合，包括Design, Coding, Mobile, Word Press等，整體質量很高，非常適合用戶體驗從業人員持續關注。

推薦理由：

1. 對于設計師而言，DESIGN, MOBILE, UX DESIGN這三個tag的內容都很棒；
2. 文章總體質量非常高，篇幅雖長，但很成體系；
3. 訂閱者超過1,100,000，用戶活躍度高，每篇文章的回復都很專業；
4. 超過1,700篇原創文章，890位作者，他們均有多年從業經驗；
5. eBooks中很多優秀書籍免費。

隨著CSS的廣泛應用，透明元素在網頁設計中大量采用。

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

一般來說，采用透明效果顯示區塊、展現數據，透明效果出現在很多輔佐元素當中，這樣前景元素就顯得非常突出。
讓我們來看看透明效果，這種優雅而又華麗的效果。

Wavefront

整體構成比較不拘一格，音樂節一般的氛圍。霓虹色彩，半透明區塊，讓色彩更加動感，很好的支持了主題。

Advies

頁面中含有很多透明條紋，中間的大區塊既不影響背景圖像的效果，也能很好的展現信息。

表單應該就像個溫柔又有禮貌的服務生。想象你走進一間超級市場，走過兩旁堆滿商品的走道之后，左轉右轉，看到你想買的果醬并且挑選了兩罐放在購物袋中。

終于你走向結賬柜臺，一個笑容甜美的收銀人員對你溫柔的問好，并接過你手中的果醬，告訴你價錢，幫你包裝，然后找給你零錢和發票并且愉快的說再見。

現在你來到一個購物網站，在首頁看到許多特價商品，你點選了食品的分類選項，來到果醬的分類。稍微看了一下果醬的介紹文章，然后點擊鼠標把果醬放到購物車中，并點選結賬：結果出現的是一個冷淡又死氣沉沉的表單（Form）。

表單絕對是網站中用戶和系統互動的最主要的元素，網站透過表單向用戶提出問題，用戶則透過表單向網站表達他的想法。標單又可以細分成三種元素：1、說明目的的標簽；2、提供響應的輸入方塊或選單；3、以及提交表單的按鈕。表單的設計就可以想象成一個稱職的服務生，他的服務應該要符合下面幾個項目：

揭開iOS7扁平化的外衣，深入探索蘋果的新式設計語言，一起來猜想一下新的設計風格是如何在iWatch iTv iCar上實現。

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

iOS7的神秘面紗于2013年6月揭開，設計靈感來自德國已故傳奇設計師Otl Aicher。
Jony Ive在iOS上決定采用扁平化風格，這就意味著以下幾點風格的轉變：

1、用色愈發大膽、鮮艷；
2、界面會擁有更多的留白空間，讓元素更好的呼吸；
3、字體運用會更加優雅靈活；
4、即將使用大量的幾何形狀。

這就是Jony Ive摒棄擬物設計的原因。iOS7的推出，也可以看成是Jony Ive對擬物設計的宣戰。

iOS7的扁平化設計非常”萬金油”，不但適應了今天的iPhone以及iPad設備，也能夠應用于未來的iWatch,iTV,iCar等設備。

D.A：我們都知道不管網頁還是移動應用，響應速度都是最重要的體驗指標之一，并且移動應用的網絡環境不穩定，速度的體驗顯得尤為重要。其實速度優化不僅是程序員的事，設計，也能夠讓App變得更快。

1.后臺執行

這是一條很通用，也容易理解的方法。用戶不會愿意盯著進度條傻傻地等待，除了”取消”沒有其他選擇。在系統處理一些網絡任務的時候，完全可以允許用戶做一些其他的事情。

各大平臺的發微博，都采用了后臺執行。云閱讀的離線下載也采用后臺執行。

而微博的看長圖(或視頻)，是個反例。網絡不給力時，要么等待1分鐘讓圖加載完，要不就只好放棄看圖。為什么不能讓圖加載的同時，用戶可以看其他微博呢？

2.在載入前顯示內容

客戶端與web的一個不同點，客戶端的顯示內容包括本地數據和網絡數據兩部分。在設計界面時，將更多的信息放在本地，在網絡數據未載入時即顯示本地數據，讓用戶產生一種”已經載入一半了”的錯覺，即使最終的耗時一樣，心理感受也會更快。當然把數據過多地寫在本地，會犧牲一些靈活性，需要根據具體情況考慮。

越來越多的傳統企業擁抱移動互聯網，以補充完善原有渠道的目標推出自有企業的品牌app，比如傳統雜志社設計一款電子雜志app、傳統實體店商家推出電子商城app。這些傳統的做法已經司空見慣，讓我們看看品牌大牛們有哪些不務正業的新玩法。

本文不談趨勢、不談技術，也不涉及廣告營銷思路。通過分析研究以下八大品牌app案例的設計表現手法，總結出一些品牌app創新設計要點，希望與大家進行交流探討。

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

UNIQLO是一個擁有出色創新基因的日本服裝品牌，UNIQLO品牌所倡導的Life Wear（服適人生）哲學——“Clothes for a better life, for everyone, every day”不是單純將“衣食住行”的“衣”作為一種時尚，而是創造豐富人們日常生活的衣服，基于這個概念發表的各種數字化生活工具被歸類為“UNIQLO LIFE TOOLS”，下面就來介紹一下這些apps——UNIQLO WAKE UP、UNIQLO CALENDAR和UNIQLO RECIPE。

UNIQLO WAKE UP

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

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

打開app默認的是天氣/時鐘界面，清新明亮的大色塊平鋪十分迷人，不同天氣會自動切換不同背景色和音樂。

在設計網頁和程序界面的時候，為了確保每一個像素的顏色、紋理和位置都準確地呈現，大多數設計師都會被搞得疲憊不堪。一不小心，一些很常用的操作像移動、旋轉和粘貼就會讓你的辛勤勞動付之東流。但是，如果能對你的工作流程做些小小的改動，就能在項目中始終保持作品的高質量。

像素完美之旋轉

如果你不夠小心，那么在Photoshop中旋轉圖層就會使像素遭到明顯的破壞，出現模糊。

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

本例中原始圖層的尺寸為20×9像素：偶數×奇數。盡管位圖和矢量圖層在旋轉后的效果不一樣，但兩者都變得不可用了。這是由于圖層旋轉的中心點沒有落在某個像素邊界上導致的。

一種解決方法

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

總而言之，只要圖層的寬高是偶數×偶數或者奇數×奇數就可以了。

一種更簡單的方法

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

在QQ群與群友交流時，聊到網站如何做關鍵詞評估，交談中說到關鍵詞的搜索量、商業價值、競爭程度三個方面的評估。關鍵詞評估是關鍵字進行詳細的評估是否具備優化的可行性，并從中選擇高搜索量、高相關性、低競爭的關鍵詞。

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

商業價值
關鍵詞商業價值指關鍵詞在行業中的地位，以及能給商家帶來的回報作為衡量標準，通常使用在搜索引擎競價上。進入百度推廣賬戶，使用估算工具查詢關鍵詞預估價格。如預估“郵件營銷”排名前三名的價格是7元。

關鍵詞競爭度
關鍵詞競爭是搜索結果中參與優化該關鍵詞的頁面有多少，網站有多少。例如搜索“郵件營銷”這個關鍵詞，返回的結果有2520000個頁面，前三頁直接使用首頁優化的網站有11個網站，競爭程度是比較大的。

網絡上有一個計算關鍵詞競爭度的公式：關鍵詞競爭度=關鍵詞搜索量*10000/關鍵詞相關頁面數量。得到的結果越大，代表關鍵詞競爭越不激烈，越容易優化，反之，結果越小，相對競爭度越激烈，越不容易優化。如以“郵件營銷”舉例，搜索量是181，相關頁面是2520000，181*10000/2520000=0.72，該關鍵詞較難優化。

近幾年對HTML5與Flash誰才是未來的發展的爭論真的實在太多，也是仁者見仁智者見智，其實什么東西都不是完美的，各有優缺點，并且用戶才懶得管你用的是HTML5或是Flash，用戶關心的是只是應用與體驗。

>介紹HTML5與Flash

很多人都說有了HTML5，Flash就可以退出了，但Flash還是有其自身的優勢，來制作更好的展示效果與交互體驗。

>Flash還能做什么，Flash要怎么做

@寫說說 ：作者系大學學生，給我們分享他的設計文章。大家如果對原作者的作品感興趣，可到作者的Behance看下。我們直接切入主題~

Dream這個詞匯是畫布的主體中心，它將控制整個畫布的布局空間，我們的其他元素將從這個字體的內部出現，比如生長的樹木，字體背后的山，以及山后高高的月亮。

做夢經常把我們帶到一個不一樣的場景里，我們比喻她為”仙境”好了。實際上這個”仙境”也是由日常的真實元素構成的，在今天的這片”仙境”里，我們利用現實世界里的自然元素，結合AI的3D效果，讓這些元素都夢幻般漂浮在空中。

==================開始之前注意以下幾點： =================

1、通常人們在夜間做夢，所以我們把主色調調成青色和石灰綠。
2、同時，排版的時候來個完整的氛圍，給人感覺像是在講一個故事。
3、在操作時關于字體、樹木、樹枝、樹葉、山峰、月亮、畫布請逐一添加編組以便修改。

4、本文涉及到的素材和最終的psd源文件，猛戳此處下載Dream Design with 3D Typography.rar。下載完后字體該安裝的請先安裝好。

5、本文中用到的AI和ps都是英文版，創建3D字體部分比較簡單，說說也是直接用中文版的AI做的，相信你也可以~如果您的ps是cc且為中文版，或許改成英文版在本文的學習中會更容易操作一點：

打開你的ps cc安裝文件夾，定范到Locales\zh_CN\Support Files，比如我的是G:\pscc\Adobe Photoshop CC (64 Bit)\Locales\zh_CN\Support Files,這里你會看到一個tw10428.dat的文件，把它重命名（比如直接改成tw10428.dat重命名），不要刪掉。重啟ps就是英文版本的了。要換回中文版就把這貨的后綴改回來就是了：）

附：神馬？你忘記自己軟件裝在哪里不知道怎么找路徑了？那在開始菜單欄總有她的身影吧！或者桌面上有她的快捷方式吧？鼠標點擊”開始”找到這軟件（或者直接在桌面的ps快捷方式上右擊），在ps cc軟件上右擊選擇”打開文件位置”，毫不猶豫的再嗖嗖嗖幾下你就找到了路徑。

=================== 一切就緒，馬上出發↓ =====================

一、創建3D字體

打開AI，創建新畫布，鍵入一個大寫的”D”字，使用素材里面的字體storybook。字體顏色設為#4C3F38。