View Post 1 min 設計 設計工具 Foundation Building Blocks byAtelierPosted on April 16, 2017April 19, 2017 Foundation 開發的免費的 UI 元件庫 Foundation 是世界上最先進的響應式前端框架。Foundation 由 ZURB 公司提供,該公司是加利福尼亞州坎貝爾的一家產品設計公司。這個框架是自 1998 年以來建立網絡產品和服務的結果。 前往網站 Share
View Post 1 min 設計素材 The Rapture Startup Framework byAtelierPosted on April 8, 2017April 19, 2017 The Rapture Startup Framework – 網站 UI 設計庫,免費下載 The Rapture Startup Framework 是一組高品質的 UI 設計庫,包含 Sketch, Photoshop, HTML 等格式的檔案,並且提供 Lite 版可以讓用戶免費下載。 免費下載 DEMO 版(208mb) 前往網站 Share
View Post 1 min 設計 設計工具 設計素材 Product Pages – 產品頁面設計彙總 byAtelierPosted on February 11, 2017 幫你彙總國外好的產品頁面設計 Product Page 這個網站會不定期的更新最近產品頁面的精選,作為網頁、UI、UX 設計的資料庫相當實用。 網站連結:https://www.productpages.xyz/ Share
View Post 5 min 設計 設計素材 180+個免費設計資源,讓你的 2017 年素材庫彈藥滿滿滿 byAtelierPosted on February 3, 2017February 4, 2017 2017 年要正式開工了(嗚嗚),來看看都有哪些好用的設計資源吧~ 這份列表包含免費設計資源、色彩學相關資源、靈感相關資源、免費圖庫、英文字體、免費圖標、其他工具、開發人員相關,讓你撐完上半年應該不是問題。 Share
View Post 1 min 產品經理的UX設計指南 設計 產品經理的 UX 設計指南(一):5 個產品經理應該了解的設計知識 byAtelierPosted on January 22, 2017January 22, 2017 如果你的團隊是在開發網頁程式或是移動產品──不管是在應用程式的形式或是網路商店,那麼這篇文章是為你而寫的 !你或許可以在這些文章之中找到許多之前沒有發現的介面優化方向。 1. 設計不只是把皮做的好看 當那些矽谷的 CEO 們不斷的強調設計是何等重要,很多人馬上就會聯想到酷炫的動畫和新潮的介面,但是其實設計這件事情遠比我們想像的複雜。套句賈伯斯說過的話吧:「設計不只是『看起來』或是『感覺』如何,設計是一件事情怎麼運作。」所以,除了漂亮的外觀,更重要的是設計出來的介面如何方便使用者操作。使用者要先看哪裡?他接下來要做什麼?他需要經過哪些流程,才能完成他想要的功能?我們的介面如何吸引她的注意?她如何理解我們的產品?她將來還會繼續使用嗎?一個漂亮的外觀只是產品的冰山一角;一個好的 UX 設計師可以説明你的產品更深層的問題,甚至可以幫你從商業角度進行分析。 2. 好的設計幫助使用者對產品的理解 大多數試用 SAAS 產品的用戶不會付費訂閱,因為他們無法完全理解應用程式如何操作,以及這個產品如何讓他們的生活過的更好。當用戶第一次使用你產品時,你最多只有 5-10 分鐘讓用戶理解如何操作,如果用戶需要花超過這個時間長度學習,他們通常會選擇放棄。不要試著拍產品的教學影片,根據我們的經驗,沒有人會看的,用戶沒有那樣的耐心。真正好的設計,就應該在讓用戶使用的同時,一邊學會怎麼操作。 3. 設計是一個實驗的過程 為了一個成功的設計,我們必須做大量的實驗。蘋果的明星設計師 Johny Ive 為了 Leica M Modle 的相機設計了 561 個產品原形,最後才定案成下方你看到的這個樣子。如果世界上最有份量的設計師之一都要經過這麼多的嘗試才能創造出好的產品,你又怎能期望任何人都可以一次就造出完美的設計?… Share
View Post 1 min 設計 設計工具 GoodUI.org byAtelierPosted on January 22, 2017April 20, 2017 幫你把常見的 layout 都測完,再也不用再瞎做 A/B Test 了!GoodUI.org 顧名思義是一個專門測試 UI 的網站,會不定期的在網站上發佈他們測試的 UI 以及轉化率的比較。如果你的網站只是用一般的 layout ,應該可以裡面找到相對應的測試結果。 Share
View Post 1 min 設計 設計工具 Unheap byAtelierPosted on January 20, 2017April 20, 2017 你想找的動效,可能都在這裡了。不論你是想要學習前端設計、參考別人的程式、或是想要找尋靈感,我都相當推薦閒來無事看看 Unheap 這個網站。裡面匯集了許多精緻的 jQuery 外掛,並且每個項目都是開源可下載重新修改的。作為設計師或是工程師的你,應該可以在這個網站裡面發現許多節省時間(並且質量更好)的小外掛。 Share