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

像素完美之旋轉

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

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

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

一種解決方法

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

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

一種更簡單的方法

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

@寫說說 ：作者系大學學生，給我們分享他的設計文章。大家如果對原作者的作品感興趣，可到作者的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。

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

打破傳統布局，創造動態的自由視感，讓構成更加復雜——無論是利用簡約的幾何圖形，或是精致的傾斜圖像。
讓你的設計更具吸引力，不妨試試斜線。

Paseo Itaigara

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

Impero

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

Alpina

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

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

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

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

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

1. 在單一圖層內工作

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

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

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

2. 直接刪除內容，而不使用蒙版

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

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

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

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

4. 圖像轉換時，不利用智能對象

基于情景的消隱

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

為何有的產品、服務特別受歡迎？

是因為這些產品、服務在內容、外觀、設計、可用性、功能等方面具有無可匹敵的優勢。其實，所有的這些層面都屬于交互設計的細節，其中一個關鍵點便是動效。

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

了解設計的人明白這樣一個道理：設計不光只是視覺表達。設計也不應該是靜態的。喬布斯說過這樣一句話：

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

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

動效滾動

超鏈接是互聯網的雙刃劍，當你點擊鏈接時，你可以在互聯網中任意遨游，隨心所欲。

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

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

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

一般來說，網頁設計師都極少關注表單設計，這使得大多數表單看起來都差不多，普通至極，毫無特色。本文中的這些案例化腐朽為神奇，將枯燥的表單頁面設計的多姿多彩。一起來看一下吧。

還記得那篇備受好評的《向左走、向右走？表單元素設計大揭密》嗎？讓很多網頁設計師第一次認識到表單設計的一些魔鬼細節。那么今天再來看看實際中的一些新穎案例吧。本文收集了一大批優秀的聯系表單設計，希望對你有所啟發。

Contact Page from Café Evoke

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

想要提高Logo設計技巧嗎？來看看這些的Logo設計資源網吧，你會找到很多靈感和借鑒之處。
網絡中資源無窮無盡，我們可以在其中找到很多Logo設計的法門。但是，有時候”亂花漸欲迷人眼”，太多了反而不好進行選擇，

因此，我們為您挑選了一些的Logo設計資源網站，希望對你有所幫助。

01. Logoed

Logoed的資源庫很豐富，一定會讓你大開眼界Logoed

是一個展示Logo設計的博客。這個網站已經有十年的歷史了，有著豐富的Logo設計文章資料庫。布局簡潔，縮略圖垂直排布，能方便用戶進行瀏覽。

02. Logospire

如果你在苦苦尋找靈感， Logospire是個不錯的選擇，網格式布局非常簡潔，導航易用。Logospire允許設計師在每一款設計的子頁面進行評論、交流。細節豐富。

03. Brand New

Brand New提供了很多品牌標志設計的理念。也提供了很多Logo設計的趨勢、建議以及案例展示。

04. Creattica

Creattica是個很不錯的圖庫。盡管不是專門Logo的圖庫，但是有超過3000款以上的Logo設計展示。

05. Logo of the day

每日Logo靈感獵取 Logo of the day 是平面設計師 Jacob Cass2008年創立的網站，目的很簡單，為設計師提供每日Logo設計靈感。

06. LogoLounge

內含超過175000例的Logo設計LogoLounge是很不錯的資源網站，無論是做Logo研究、討論還是靈感獲取，都可以在這里找到你想要的東西。

07. LogoGala

想要得到Logo設計的深度觀察？來LogoGala吧 LogoGala。設計師最喜歡的Logo設計博客之一，深度解釋、展示Logo設計

08. LogoMoose

在LogoMoose上分析你的理念和創意。LogoMoose在線Logo設計社區，展示世界各地的優秀Logo設計作品。設計師可以在這里展示自己的作品并獲得反饋。

09. Logo Design Love

由平面設計師David Airey創立Logo Design Love 致力于Logo和品牌標志設計，一般每周更新一到兩次。而且布局很棒，很方便就能找到所需信息。

10. Logo Pond

在Logo Pond上找到當下網絡上最棒的Logo設計.Logo Pond 理念分析與靈感收集的場所。