動效能講述故事。和圖片不同，動效能夠呈現(xiàn)變化的過程，講述一段簡短而有趣的故事，能夠同你進行對話：“嘿，你該看這個按鈕了”或者“哦耶！你剛剛完成了一個操作！”不過，動效的目標(biāo)并不是單純的娛樂用戶，而是幫助用戶了解交互的效果和界面中發(fā)生的變化，讓用戶更為有效地使用你的APP。Zurb 有一句話很好的解釋了這一點：

“我們設(shè)計的不再僅僅只是靜態(tài)的界面，實際上，我們所設(shè)計的是用戶從界面獲得內(nèi)容的過程?！?

動效廣泛運用于網(wǎng)頁內(nèi)容和背景當(dāng)中，用來強化功能，提升美感：它會直接影響用戶的行為，引導(dǎo)用戶注意到特定的內(nèi)容，呈現(xiàn)狀態(tài)，幫助用戶找到他們想要的內(nèi)容，達(dá)成目標(biāo)。想要借助動效提升用戶體驗，可以參考下面的指引來進行優(yōu)化：

ReactJS是一個開源的JavaScript庫，并且由Facebook和Instagram這樣的頂尖IT企業(yè)以及開發(fā)者社區(qū)所維護。該框架廣泛使用于為web應(yīng)用程序開發(fā)用戶界面的時候。這個特殊的框架被發(fā)明時帶有這樣一個目的：

“構(gòu)建數(shù)據(jù)隨著時間的推移一次又一次改變的大型應(yīng)用程序?！?

我們經(jīng)常使用的工具有很多，但只有少數(shù)徹底改變了我們的工作流程。ReactJS就是其中之一。隨著現(xiàn)在可用框架變得越來越多，我們很難找到一個最終不會窮途末路的框架。這就是為什么在ValueCoders我們建議去往React。

在seo中，經(jīng)常會提到兩個名詞：“搜索引擎規(guī)則”和“搜索引擎算法”，很多人都認(rèn)為，只要熟悉了搜索引擎的規(guī)則和算法，就可以提升網(wǎng)站的排名，從而帶來大量的流量。那么搜索引擎的規(guī)則是什么呢？

很多人會告訴你，頁面的關(guān)鍵詞密度要控制在2%—8%之間、要多做偽原創(chuàng)，外鏈等。按照這些方法做了，關(guān)鍵詞排名就一定會上升嗎？事實告訴我們，很多人這樣做了，不但關(guān)鍵詞沒有上去，甚至被懲罰了，這是為什么呢?

關(guān)于如何再造交互設(shè)計，我們搜尋了一些網(wǎng)絡(luò)資料，再加上我們做10余年UI設(shè)計的經(jīng)驗，總結(jié)了以下八個方面，希望可以為設(shè)計師們帶來一定的幫助：

1、定目的：確定設(shè)計目的。

筆者始終認(rèn)為，任何設(shè)計的核心在于目的，基于目的的設(shè)計，才能避免無效設(shè)計，可以根據(jù)產(chǎn)品定位或服務(wù)主旨等來制定目的，比如上文提到的星巴克，它的產(chǎn)品是咖啡，但是核心賣點其實是服務(wù)體驗，它希望每位客人都感覺賓至如歸，所以它的交互或服務(wù)設(shè)計目的就是給客人完善貼心的服務(wù)體驗。

一、了解工程實作的基本原理

許多人認(rèn)為創(chuàng)造力和邏輯是左右半腦分開管轄的、設(shè)計師和工程師使用的是不同部分的能力，所以大家各安其份做好自己的工作就好——我負(fù)責(zé)光鮮亮麗地畫圖，工程師就負(fù)責(zé)用超大聲的同刻鍵盤在黑色的屏幕上編寫外星文。

但事實上這種刻板印象除了阻礙你進步以外可說是一點用都沒有（而且不見得是正確的）。

巴別塔的故事大家?guī)缀醵悸犨^，會造成溝通問題的原因很簡單，就是講的「語言」不同，而非思考方式不一樣——無論是什么領(lǐng)域，要成為佼佼者，都必須具備高度的創(chuàng)造和想象能力，而設(shè)計更是非常講求邏輯的行為。

進入2016年后，我們會發(fā)現(xiàn)行業(yè)在體驗設(shè)計上出現(xiàn)了很多新的元素，從我們平時經(jīng)常瀏覽的設(shè)計社區(qū)中，這些新元素出現(xiàn)的頻率越來越高，比如彩色投影、雙色調(diào)漸變設(shè)計等，我們也慢慢開始接受這些新變化，并且逐步應(yīng)用到我們的產(chǎn)品中。這篇文章的初衷是希望能更系統(tǒng)更全面地梳理出一份流行趨勢的分析，能對我們平時的工作能產(chǎn)生一定的指導(dǎo)作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時下流行的扁平化和現(xiàn)代風(fēng)的設(shè)計，設(shè)計效果十分的賞心悅目，可以很好的和幽靈按鈕以及時下流行的元素搭配起來，提升用戶體驗。

以淘寶電影為例，采用的是虛化電影海報作為背景，這樣做的好處是每一個頁面的頭部效果都不一樣，這樣的排版視覺效果更佳，同樣也突出電影信息等主要內(nèi)容。從設(shè)計的角度來看，這也很容易實現(xiàn)，讓內(nèi)容模塊變的清晰，同時可以規(guī)避復(fù)雜的設(shè)計，還可以降低設(shè)計成本，花最少的時間達(dá)到最大的效果。

用移動端收郵件的人越來越多，如何令郵件變得清晰易讀也成了一個設(shè)計難點。今天分享5個實戰(zhàn)經(jīng)驗中總結(jié)的設(shè)計準(zhǔn)則，幫你搞定小屏幕上的郵件設(shè)計 。

移動設(shè)備上的郵件設(shè)計不僅僅是一個內(nèi)容填充列表，它涉及諸多設(shè)計元素。

對于移動設(shè)備的設(shè)計從來不是一件簡單的事情。人們采用不同的方式使用網(wǎng)絡(luò)，我們需要考慮一個全面的方案，特別是在小屏幕上使用郵件。

上一篇我們整理了優(yōu)秀設(shè)計師應(yīng)該知道的10大設(shè)計原則上篇供大家學(xué)習(xí)，今天，我們又整理了下篇的10大原則來和大家一塊探討，也歡迎廣大UI設(shè)計者參與討論，給我們多提寶貴的意見。

（1）強烈的視覺層次感

如果要讓屏幕的視覺元素具有清晰的瀏覽次序，那么應(yīng)該通過強烈的視覺層次感來實現(xiàn)。也就是說，如果用戶每次都按照相同的順序瀏覽同樣的東西，視覺層次感不明顯的話，用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點，最終只會讓用戶感到一團糟。在不斷變更設(shè)計的情況下，很難保持明確的層次關(guān)系，因為所有的元素層次關(guān)系都是相對的：如果所有的元素都突出顯示，最后就相當(dāng)于沒有重點可言。如果要添加一個需要特別突出的元素，為了再次實現(xiàn)明確的視覺層級，設(shè)計師可能需要重新考慮每一個元素的視覺重量。雖然多數(shù)人不會察覺到視覺層次，但這是增強設(shè)計的最簡單的方法。

眾所周知，做SEO，成功的關(guān)鍵在于選詞。詞選不對，后續(xù)的工作做太多也只能是效果甚微甚至以失敗而告終。所以，今天就來簡單分享下SEO選詞的一些具體方法。

首先選詞要把握好三個要點：

為什么說能使用html/css解決的問題就不要使用JS呢？兩個字，因為簡單。簡單就意味著更快的開發(fā)速度，更小的維護成本，同時往往具有更好的體驗，下面介紹幾個實例。

1. 導(dǎo)航高亮

導(dǎo)航高亮是一種很常見的問題，包括當(dāng)前頁面的導(dǎo)航在菜單里面高亮和hover時高亮。你可以用js控制，但是用一點CSS技巧就可以達(dá)到這個目的，不需要使用JS。

在正常態(tài)時，每個導(dǎo)航的默認(rèn)樣式為：