絕音：專業提供扣圖藥方，一帖見效，藥到病除。當然，也推薦你看看優設今年下載量第一的摳圖神器：

PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程

功效：去除圖標、按鈕等背景圖的底色

我們灰常樂意每周在網頁設計佳作列表中展現設計精美的網站，不斷為你提供靈感。而今天我們打算另辟蹊徑，為網頁設計師收集了既能提供設計靈感又實用的優秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現不同的工具和技術分享網站，可讓你在得到靈感的同時還能發現不錯的工具或服務。在這篇文章中你將看到22個美觀又實用的網站，全部都不容錯過哦親！

當下社會，“Flat Design”設計方式似乎已經成為網頁和交互設計的潮流。Flat design指的是網頁設計者在設計網頁的時候，常常使用圖片投影，細微的紋理，純色漸變，簡潔的設計布局和對比強烈的排版，這些設計類似于Win8和Metro UI的界面。本文收集了20個極好的Flat Design網頁設計案列，請您欣賞。

LayerVault

在莎士比亞那個時代，觀眾是非常不給面子的，品味也不是很高，簡而言之，那時的觀眾是一群沒有耐心、根本不懂文學的群眾。

他們辛勤的工作一天后，他們來劇院想要找點樂子和刺激，沒錯，他們想要的就是娛樂。
莎士比亞之前的劇作家往往不受待見，有時候觀眾甚至會喝倒彩、砸場子，因為他們覺得戲劇太爛了，根本無法讓他們感受到一絲一毫的樂趣，而且也抓不住他們的心。

莎士比亞就在這種大環境下崛起，雖然有著極高的藝術涵養，卻能得到貧民窟的贊歌，他的策略就是：用情節、用戲劇抓住觀眾的注意力 。
他的作品短小精悍，戲服華麗，音樂優美，對白幽默詼諧、構思精巧。

時至今日，科技創新日新月異，文明高速發展，然而，現在的觀眾，依然還是沒有耐心，正如莎士比亞時代的觀眾一樣。

打造焦點的幾條小建議

這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 。作為下一代網頁語言，HTML5 擁有很多讓人期待已久的新特性，越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力，相信你看完這些例子后會對未來的 Web 發展充滿無限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。

圖像占據了網頁設計的中心舞臺。們已經看到了一些真正美麗的網站使用了圓滑圖像作為焦點，引人注目。在網頁設計中，從簡約設計的概念到全屏的背景圖片，有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發性的例子。聚集在這里的網站將證明美麗和高品質的圖像可以傳遞信息，彰顯個性并迎合用戶的喜好。

Taasky

在方案設計時，會出現一種情況：似乎已經輸出了所有可能的方案，但討論定稿時還是覺得不夠滿意，認為應該有更優方案的輸出？什么原因導致了這種情況？如何輸出有效的設計方案？

● 什么是有效的設計方案？

“有效方案”，個人理解是“能夠實現預期目標的方案”，而不是“全部可能方案”的羅列。設計方案因方向不同、實現能力等不同，會得到不同階段的版本；但在這些前提一致時，方案應該是邏輯性唯一的，不應存在模棱兩可的輸出。

● 如何輸出有效的設計方案？

核心：有邏輯、有理由的輸出

Step1 確定產品目標
每一個產品都有其目標，這個環節極其重要，確定清楚后，在接下來的設計決策時，會起到方向判斷的作用。產品目標一定要和產品側討論確定，不要理所當然的給出判斷。以易迅購物車為例，其核心目標是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產品目標后，我們需要對用戶在產品上的行為有個了解，才能知道他們需要什么。需要關注以下幾點：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會用你的產品來干什么
同樣以購物車為例，易迅以結算型用戶為主（主要角色——把購物車當做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品） 。

電商用戶體驗設計部（簡稱ecd）早期的設計管理是通過各leader跟產品經理收集和手工排需求的形式，但隨著產品需求的激增，團隊的擴大，每周的設計需求已從每周幾十單激增到幾百單，部門順應組建設計管理組，聚焦在流程和項目如何更，今天跟大家分享其中的工具化心得。

早期的設計部門的流程是這樣的：

產品經理寫一個設計需求的文檔，匯總多個需求到一個填寫規范的表格在每周統一時間寫給設計排期人（一般是leader，也有的是專門的項目PM）排期人拿到表格后在另外一份排期表格上填寫各類需求，處理人，完成時間等期間還需要通過電話和RTX溝通需要調整的需求，再把表格復制到郵件上發送郵件，整個流程下來需要多個表格樣式來記錄這些信息。也不方便后續統計需求和相關信息。后來公司大規模使用TAPD來提交需求，做信息需求管理，

譯者注：在電子商務中，我們發現用戶在支付環節的流失率非常高，支付流程的用戶體驗是至關重要的環節。本文介紹了一些移動端支付流程的方法，怎樣讓我們的支付流程更加易用。業余時間翻譯了這篇文章跟大家共享，若大家發現任何錯誤，歡迎隨時給予糾正。

原文地址：designing-a-better-mobile-checkout-process

數據顯示越來越多的用戶具有使用智能手機進行付款的傾向。“ 這些用戶愿意在移動設備上完成購買嗎？ ”這個問題得到了迅速回答。2012年，美國移動電子商務銷售額飆升81%,形成了250億美元的市場。

值得注意的是，這些成交貢獻只有一部分來自于app。根據調查顯示，61％-81％的用戶更傾向于在移動端的網頁上來完成購物的各種操作：研究商品和價格，查看商品詳情，參加促銷活動，下單和支付等。比起功能相互獨立的app，他們更傾向于在瀏覽器中來進行購物（來獲得瀏覽與支付環節之間的無縫體驗）。

讓我們深入看一些移動端結賬流程的例子。

1、 只保留重要信息

我們也許都回答過很多令人討厭的問題，比如“你是怎么知道我們的？”這樣的問題可能是對商家有用，對消費者來說沒有任何作用。然后這些消費者需要付出辛苦賺來的錢，他們也更有權力決定是否關閉這個頁面。

雖然這些問題在網頁上不那么重要，但是在移動端卻是致命的。讓我們來看兩個例子