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

>介紹HTML5與Flash

很多人都說有了HTML5，F(xiàn)lash就可以退出了，但Flash還是有其自身的優(yōu)勢，來制作更好的展示效果與交互體驗。

>Flash還能做什么，F(xiàn)lash要怎么做

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

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

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

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

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

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

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

打開你的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軟件上右擊選擇”打開文件位置”，毫不猶豫的再嗖嗖嗖幾下你就找到了路徑。

=================== 一切就緒，馬上出發(fā)↓ =====================

一、創(chuàng)建3D字體

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

不知不覺的，很多網(wǎng)頁設(shè)計中采用了圖標式導(dǎo)航（Navigation）——一般使用三道杠作為圖標，用以導(dǎo)航。
這種導(dǎo)航的好處是節(jié)省空間，讓界面更簡潔。

圖標式導(dǎo)航的案例

這是YouTube的圖標式導(dǎo)航(移動版):

這是Squarespace的圖標式導(dǎo)航：

AWARD的圖標式導(dǎo)航不拘一格：

問題所在

問題在于，點擊圖標式導(dǎo)航之后，圖標本身沒有任何變化。也就是說：操作缺乏反饋。

在網(wǎng)頁設(shè)計中，橫向和豎向的直線非常常見，利用整齊的線條可以打造出有序的視覺路徑以及信息層級。
當(dāng)然，有些時候，可以不按理出牌，設(shè)計一些傾斜的線條，讓你的網(wǎng)站不拘一格，更加與眾不同。

打破傳統(tǒng)布局，創(chuàng)造動態(tài)的自由視感，讓構(gòu)成更加復(fù)雜——無論是利用簡約的幾何圖形，或是精致的傾斜圖像。
讓你的設(shè)計更具吸引力，不妨試試斜線。

Paseo Itaigara

形狀感很強，整體設(shè)計的很成功，顯得并不雜亂。菱形無處不在，拼嵌式的菱形，裝飾性的菱形，按鈕的菱形，很好的主題一致性。

Impero

交互式網(wǎng)站，積極的氛圍、極簡的色彩。設(shè)計師利用兩組對角線（粗細交織）打造了視覺路徑。

Alpina

強烈推薦！利用視覺滾錯，加上美輪美奐的照片。來感受這趟視覺盛典吧。流暢優(yōu)美的照片美景。斜線分割的很巧妙（試想用直線風(fēng)格，效果不會這么到位）

相信每個Android新手都會遇到這個問題，希望這篇帖子能讓你不再糾結(jié)。

最近看到一些剛接觸網(wǎng)絡(luò)營銷的朋友，對于網(wǎng)絡(luò)營銷一些常用的方法以及概念性的東西都不是很了解，在交談中說到軟文營銷、IM推廣等這些的方法時他們就不知道是什么意思。在此小篇整理一部分常用的網(wǎng)絡(luò)營銷方法和術(shù)語，希望對新人有幫助，高手看到就請繞行。

什么是網(wǎng)絡(luò)營銷？以國際互聯(lián)網(wǎng)絡(luò)為基礎(chǔ)，利用數(shù)字化的信息和網(wǎng)絡(luò)媒體的交互性來輔助營銷目標實現(xiàn)的一種新型的市場營銷方式。簡單的說，網(wǎng)絡(luò)營銷就是以互聯(lián)網(wǎng)為主要手段進行的，為達到一定營銷目的的營銷活動。（摘自百度百科）

搜索引擎優(yōu)化/SEO：利用搜索引擎的搜索規(guī)則來提高網(wǎng)站關(guān)鍵詞排名的方式。

搜索引擎營銷/SEM：利用搜索引擎進行營銷推廣的，比如SEO、競價推廣等都屬于SEM。

百度網(wǎng)盟推廣：在百度的聯(lián)盟網(wǎng)站上以圖片或文字的形式展現(xiàn)廣告。

軟文營銷：以文章為主，專門通過文字去宣傳推廣產(chǎn)品，或以新聞稿來提升品牌知名度。

數(shù)據(jù)庫營銷：通過收集和積累會員信息，經(jīng)過分析篩選后有針對性的使用電子郵件、短信、電話等方式進行客戶嘗試挖掘與關(guān)系維護的營銷方式。

郵件營銷：在用戶事先許可的前提下，通過電子郵件的方式向目標用戶傳遞有價值信息的一種網(wǎng)絡(luò)營銷手段。

IM/即時通信營銷：利用QQ、MSN、YY等即時工具營銷推廣的。

博客營銷：利用新浪博客、百度空間等平臺進行推廣的方法。

本文譯自國外高質(zhì)量問答社區(qū)Quora，原文作者Karen X. Cheng，原是微軟Excel的項目經(jīng)理，后通過自學(xué)轉(zhuǎn)型成為設(shè)計師。她講述的自學(xué)過程詳實細致且條理有序，讀完會發(fā)現(xiàn)與想象中的大不一樣，對于想自學(xué)設(shè)計但迷茫不知道從何入手的童鞋來說，可以遵循她的步驟去學(xué)習(xí)，除了規(guī)劃得當(dāng)，還能對設(shè)計有一個全局的了解 : ）

PS用途廣泛，方法多樣。可以用不同的方法來實現(xiàn)同一種效果，有時，大家會被思維局限住，采用”最笨”的辦法完成工作。

本文，便是面對這一問題，羅列出PS使用中的10條壞習(xí)慣，相信只要克服這10個壞習(xí)慣，你的工作會更有效率。

1. 在單一圖層內(nèi)工作

盡管有很多教程講述單圖層打造xxx效果，大家不妨學(xué)習(xí)一下作為練習(xí)，掌握一下思路即可。
但是在工作中，這種習(xí)慣可真不好。

單一圖層制圖，缺乏靈活性，無法針對性的做出修改。
最安全的做法是：一種效果，一個新圖層，這樣以后修改起來會非常方便。

無論如何，在工作中都盡可能的使用多個圖層，編輯更起來有效率，組織也更分明。
當(dāng)然也有牛人，完全在一個圖層實現(xiàn)很復(fù)雜的。譬如這篇《PS教程！教你用一個圖層制作相機圖標》。

2. 直接刪除內(nèi)容，而不使用蒙版

這個非常常見。刪除和擦除圖層內(nèi)容幾乎是不可逆的，是一種破壞性的編輯方式。其實不如利用PS的像素蒙版、矢量蒙版、剪貼蒙版來”屏蔽”內(nèi)容。

蒙版僅僅會臨時隱藏選中的圖層部分，而不是性的刪除。

記住咯，盡量使用蒙版，盡量少用刪除。

3. 點來點去（不會用快捷鍵）

4. 圖像轉(zhuǎn)換時，不利用智能對象

基于情景的消隱

這是iOS上的Chrome，有著基于情景的消隱動效。

為何有的產(chǎn)品、服務(wù)特別受歡迎？

是因為這些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計、可用性、功能等方面具有無可匹敵的優(yōu)勢。其實，所有的這些層面都屬于交互設(shè)計的細節(jié)，其中一個關(guān)鍵點便是動效。

本文將介紹幾種常見的動效模式（用GIF圖演示），分析一下為何這些簡單的設(shè)計模式在實際應(yīng)用中能夠奏效。
當(dāng)我們設(shè)計數(shù)碼產(chǎn)品時，我們一般用PS或者Sketch這種設(shè)計軟件來進行設(shè)計。

了解設(shè)計的人明白這樣一個道理：設(shè)計不光只是視覺表達。設(shè)計也不應(yīng)該是靜態(tài)的。喬布斯說過這樣一句話：

設(shè)計并非外觀怎樣，感覺如何。核心在于，它是怎樣工作的。

影響用戶對產(chǎn)品的體驗與印象的因素有很多，交互在其中扮演著關(guān)鍵性角色。我們不能再簡單的把用戶界面當(dāng)成一種靜態(tài)界面而設(shè)計。我們應(yīng)該順應(yīng)互聯(lián)網(wǎng)動態(tài)的本質(zhì)，打造更加動態(tài)的圖形用戶界面。
好了，廢話不多說，我們來看看，什么叫做更智能的交互、更精致的動效?？纯催@些設(shè)計模式是怎樣提高用戶體驗的。

動效滾動

超鏈接是互聯(lián)網(wǎng)的雙刃劍，當(dāng)你點擊鏈接時，你可以在互聯(lián)網(wǎng)中任意遨游，隨心所欲。

可是過度自由好嗎？不見得，比方說你在瀏覽一款精美的產(chǎn)品頁面，然后你點擊了一下頁面中的鏈接，突然導(dǎo)入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端，有時候的頁面轉(zhuǎn)換太突然，缺少過度，讓用戶一時不能接受。

我們可以看看書籍的用戶體驗：故事發(fā)展一般是線性的，每一章都和上文有所聯(lián)系。想要閱讀第二章，必須先閱讀第一章，以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀，不可避免的會錯過一些關(guān)鍵劇情，因此無法理解有些內(nèi)容。

在網(wǎng)頁設(shè)計中，同理，尤其是那種內(nèi)容比較大，頁面比較長得網(wǎng)站，這種情況經(jīng)常無意識的發(fā)生：用戶會錯過之前的某些關(guān)鍵內(nèi)容，而且又缺少提示，因此很難理解當(dāng)前內(nèi)容，通過添加動效滾動，可以修正這一問題。