編者按：相信走在前列的設計師已經知道了WebP這種圖片格式，比起JPEG、PNG 和 GIF ，它能在保證圖片精細度的同時縮小圖片體積，在 Google 的明星產品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影，今天騰訊的同學@Hahn__ 研究后總結了一篇深度技術文《WebP 探尋之路》，不落人后，來學習吧。

想跟上大潮流，這篇熱門好文少不了：《我的征程是未來！帶你展望2015年最重要的網頁設計趨勢》

前言

不管是 PC 還是移動端，圖片一直是流量大頭，以蘋果公司 Retina 產品為代表的高 PPI 屏對圖片的質量提出了更高的要求，如何保證在圖片的精細度不降低的前提下縮小圖片體積，成為了一個有價值且值得探索的事情。

編者按：純色和漸變在高手眼里不僅是顏色的組合，它們可以引導視覺焦點、渲染氛圍、傳遞情緒等等，是網頁設計新的一個流行趨勢。想運用好它們，最要緊是在色彩搭配與透明度上下功夫，今天由一群設計師高手用真實案例給同學們上課，教你正確地利用它們。

在當今這個充斥著先進的和精妙風格的世界中，誰曾料到，像純色和漸變這樣簡單的手法，竟能夠催化出創造力，并極大提升網站的美學水準？現代網頁設計師們，證明了優雅的插畫、精致的圖形和壯麗的照片，都能在彩色濾鏡效果下很自然地得到強調。氣氛煥然一新，網站開始變得光彩奪目。的確，它有助于解決某些問題。

首先，彩色濾鏡能給網站耳目一新的外觀，卻不會增加負擔 。其次，它通過搭配傳遞各種情緒的色彩，很好地豐富了設計。第三，作為一層低透明度的遮罩，它不會掩蓋主背景的魅力，對于想要輕微淡化輪播圖或視頻區域，卻仍希望其吸引力不減的人 ，這點尤其有用。最后，它為前面的內容提供了堅實的基礎，兼顧了可讀性。

這種方案能非常協調地與各種元素協作：提供強烈反差的白色、極受歡迎的扁平風格元素，還有為項目增添精致微妙感的輪廓式圖形。

這里有些杰出的網頁設計，示范了如何正確地運用這項技巧。

必須承認，Wordpress依然是目前最流行、最易用的內容管理系統，合理地使用Wordpress主題能夠讓你的網站化身千萬，適應不同需求，不論是新聞門戶，還是時尚小站。

也正是這種強大的可塑性，使得用戶對于Wordpress主題有著極為旺盛的需求。經典的Wordpress主題被人追捧，新的趨勢和需求也促使新的主題問世。這也是為什么每逢年底都會有年終Wordpress主題大賞，每年年初又會有許多用戶到處搜羅新的主題。

今天的文章，就幫大家總結了一下2015年截至現在最值得入手、最有價值的響應式Wordpress主題，希望能給你幫助！

來自微博網友：@小丑出品

這才是我學習Photoshop的動力啊！如果你對此也有著狂熱的興趣，那就繼續讀下去吧。攻略分為三部分，

基礎篇

• 最常見的幾種摳圖方法
• 切圖絕技之摳圖大法
• 教你使用抽出濾鏡

實例演練

• 摳頭發絲的技巧
• 簡單幾步摳出火焰素材
• 利用通道摳出婚紗人像

神器推薦

• 在線摳圖神器
• 萬人好評的神器Kockout

同學們可以自己選擇對應的部分學習 ：）

基礎篇（一）

最常用的摳圖方法：

一、魔術棒法——最直觀的方法

適用范圍：圖像和背景色色差明顯，背景色單一，圖像邊界清晰。

方法意圖：通過刪除背景色來獲取圖像。

方法缺陷：對散亂的毛發沒有用。

編者按：關于動效設計，我們探討過很多次。直到現在，我們越來越清楚地意識到，動效設計已經無處不在，已經成為了設計師們必須掌控的一個重要技能。參加過今年的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分享了他們網站的制作筆記——各個部分的功能，從字體軟件到編程語言和內容管理系統。如果訪客想知道一個網站是如何構建起來的，那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網站的構建過程，滿足好奇心。

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

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

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

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