編者按：關于動效設計，我們探討過很多次。直到現在，我們越來越清楚地意識到，動效設計已經無處不在，已經成為了設計師們必須掌控的一個重要技能。參加過今年的Google I/O大會之后，設計師Paul Stamatiou 也充分認識到這一點，并撰寫了這篇博客。這篇文章是一支號角，動效設計在過去還是趨勢，但是從此刻開始，它成為了我們必將面對的新陣地。

在今年的Google I/O大會上，我參加了一個小的討論小組，一同探討跨平臺設計所面臨的挑戰。這次討論的內容信息量非常大，就像第一次去拉斯維加斯的那種目不暇接的感覺。這次Google對Android上進行了許多令人振奮的改進，比如電池省電模式和全新的鎖屏通知，許多設計比之前的第三方插件都要來的優秀。

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

來優設一年多了，前幾天優設哥跟我說可以聊聊自己的工作，今天花了一點時間寫出來，與同學們共勉。

幸運就像七彩祥云

先說一下我跟優設的結緣。

那時候很喜歡一個作家，將他的作品、訪談、書信都看了又看，還專門新開了一個微博，每天發一點他寫的東西。有一天在鳳凰網上看到他的專題：

突然就有了個想法，為什么不創建一個網站，把路遙老師相關的作品資料都搜集起來，作為祭奠呢？

當下就有了自學的動力，于是百度找教程，從各個網站轉戰到貼吧，始終沒有發現一個像正規軍的網站，在貼吧還讓一個“高手”騙了10塊錢，郁悶之余，想到微博上可能有這方面的人才，抱著碰運氣的想法，到上面搜了網頁設計，第一個推薦的就是優設，跟著到官網看了一下，感覺“哎呦，這網站像正品”就關注了。

在設計網站的時候，圖片資源會在很大程度上幫助你設置站點，以及顏色，排版或者更多內容的基調。如果圖片視覺元素沒有和設計正確的結合，他很可能會破壞你原本想呈現的感覺。

著名的室內設計大師Charles Eames曾說過，“細節并不只關乎它們本身，它們還構成了設計?！钡拇_，每一個網頁都是由無數的細節構成，而其中的內容也是同樣由這些細節連接組織到一起。不論是提供信息服務的網站，還是APP的官方宣傳頁，任何一個優秀的網站都能夠經受得起挑剔眼光的洗禮，從圖片到布局，從字體到架構。

網頁設計的細節至關重要，因為正是它們給用戶留下好印象，這些細節支撐起網站的良好體驗，提高易用性。正如同Eames所說，它們成就了設計，不注意細節會讓設計感流失。

優秀的網站有著不一樣的亮點，但一樣地專注細節：《這樣才過癮！2014年最佳網站評選結果出爐

接下來，我們一同看看這11款設計驚艷的網站。它們的好設計源于細節，有的界面雅致，有的交互出彩。深入揣摩這些案例，也許你的下一個網頁設計作品會非常強大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個基于網頁的項目管理工具。正如同它的介紹，速度和效率是至關重要的。

這是網站的驗證界面，設計師巧妙的事先隱藏了確認的按鈕，只有當你輸入了正確的驗證碼之后，OK按鈕才會出現。這種措施不僅提高了網站的性能，還通過讓按鈕從無到有，將“驗證碼正確”的概念具現化，觸動用戶，增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在歐洲，在書中使用Colophons（題跋）可以追溯到15世紀的時候（中國就早很多了），不過這個網站是為了將其運用到網站上去。這次，Neoteric Design分享了他們網站的制作筆記——各個部分的功能，從字體軟件到編程語言和內容管理系統。如果訪客想知道一個網站是如何構建起來的，那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網站的構建過程，滿足好奇心。

《情感化設計心理學中》作者唐納德·諾曼將情感化設計與馬斯洛的人類需求層次理論聯系了起來。 產品特質也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面，而情感化設計則處于其中最上層的“愉悅性”層面當中。因為市場上不同品牌的同類產品在功能、質量、價格等基本品質方面已經差別越來越小,尤其是消費類產品,比如手機家電之類的,產品的同質化趨勢非常明顯,競爭日趨激烈。 消費者在購買產品時,情感因素的影響也日益加大,這意味著如果產品具有相同功能、質量和價格,消費者會選擇更能觸動其情感的產品。

這次又是別人家的網頁設計！之前混在一起看可能不覺得，單獨來看西班牙的網頁設計其實還是能察覺到他們的民族性格，時尚奔放，現代的設計下難掩躁動與激情，令人著迷！

充滿活力，朝氣蓬勃，美麗四射，時尚風情，這是西班牙給人的印象，也是來自西班牙的優秀網頁設計給人的別樣體驗。這些網頁獨特的瀏覽體驗并非偶然，西班牙獨特的歷史和的歷史和多元化的文化賦予了這些設計不同凡響的風格：意大利文藝復興、羅馬式的風格、穆斯林文化、西班牙文化的黃金時代、巴洛克和洛可可，新古典主義以及，乃至于超現實主義，文化與思潮在西班牙匯聚，時代的印痕和眾多的藝術運動在此交疊。

于是乎，豐盈厚重的藝術氣息和文化積淀直接影響著每一個成長中的西班牙藝術家和設計師，他們的藝術作品中所蘊含的創意和情感能如此不同，毫不奇怪。

以為計算機里有Photoshop，你就是設計師？使用Photoshop的方式百百種，你是設計了一年還是設計了十年，從細節就可以看得出來（附上老鳥設計師常用的幾個快捷技巧） >>>

除了大量使用快捷鍵是基本以外，老鳥設計師跟菜鳥設計師在使用Photoshop時有著各種不同。McCann Prague在他們的征人啟事上加入可愛的idea，讓你看見他們想征的老鳥跟菜鳥設計師之間的差別。

第一次碰Photoshop時的版本

老鳥：Photoshop 6.0

新手：Photoshop CS 5

圖層的整理

老鳥：群組、上色分類。

新手：無。

引導線的使用

老鳥：簡單明了、了解響應式網頁設計。

新手：過度使用。

是說從Photoshop版本來看，他們想征的老鳥應該是創意總監等級了吧！

附網易同學分享的Photoshop技巧秘籍：

技巧1：快速標注尺寸

你是否曾在制作規范中，讓標注尺寸搞的頭暈眼花！你是否曾在視覺走查中，讓標注尺寸弄的怒氣報表！此時已經陷入了無限的腦補中，不能自拔……..

“儀表板”、“大數據”、“數據可視化”、“數據分析”——越來越多人和企業，開始運用他們的數據來做一些有趣的事情。在我的職業生涯中，有幸參與一大批數據為重的界面設計，我要在此分享一些觀點，講講如何造就這種特殊且有意義的產品。

Photoshop越來越強大了！試圖掌控它的全部特性是不現實的（更何況有那么多隱藏的功能！），那么我們不妨收藏一下大神們總結的這120個PS技巧，偶爾翻看一下，讓自己的設計更強大更！

這120款技巧覆蓋了PS絕大多數的主要功能，這些功能你很熟悉，但是明白它們的細節，掌控發招的捷徑，修圖作畫的時候說不定能收獲奇效呢！

在此之前，我們不妨先快速溫故一下PS的基本功能：《PS速成秘籍！如何在兩小時內搞懂PHOTOSHOP基礎工具？》

01、旋轉樣式

Cmd/Ctrl+Shift+Alt+T 是一個神奇的快捷鍵，可以幫你制作出驚人的萬花筒圖案，當你使用它的時候，可以復制當前圖層，并且同時重復之前的旋轉、放大等操作。正如下圖所演示，使用這一快捷鍵可以輕松地將一束炫光化作一個漂亮的萬花筒。在操作的時候，你先用Cmd/Ctrl+T和適當的旋轉，回車確定，然后使用這組快捷鍵，直到完成整個樣式。