其他

你是否發現，在浩如煙海的應用程式堆裡，具有漂亮表徵圖和清爽名字的 App 更容易被使用者喜愛。作為開發人員，面對這自己的作品，能否自問一句：“從表徵圖和名稱中，能夠知道這個程式的作用是什麼嗎？”名稱太長，太偏，太繞口或者重名，表徵圖太簡潔，太花哨，太乏味都是不合格的作品，它很容易讓使用者陷入迷茫。讓我們來看看幾個例子。表徵圖和名稱都很糟糕Calvetica 在功能上絕對是一級棒的作品，它是一款 iPhone 平台的日曆和 GTD 工具，KKK 在《極簡 GTD

我們在策劃網頁的時候，總是會受一些固定模式的限制，難以創造出“炫”麗奪目的網頁效果，看看下面這20個網站的設計是否能夠激發你新的靈感呢？Festa CoordenadasBeco DigitalTaina3Baah FashionLangoorPacific Home and GardenJaskolka SclupturesThe Art of Moize OpelAlpha UniverseLetter LearnerMuch More Ice CreamGrao

漂亮的背景可以讓網頁增色不少，今天這篇文章要與大家分享的是50個非常有用的 Photoshop 網頁背景設計教程，感謝那些優秀的設計師分享這麼好的教程，趕緊為你的網頁設計一個漂亮的背景吧。Abstract Kaleidoscope Poster – Photoshop CS5Abstract Starfield Background – Photoshop CS5Create Abstract Valentine’s Day CardCreate

教程的效果圖看上去有點複雜，不過用到的素材都是非常簡單及常見的。只需要經過一些特殊處理就可以做成我們想要的圖形，後期再進行組合及渲染顏色即可。最終效果1、建立一個480 * 360像素文檔，背景填充黑色。2、建新層，用白色1-4像素畫筆點幾下，作為星空。 3、開啟素材1。4、拖入文檔中，去色，ctrl+L色階調整對比，圖層模式濾色，不透明度15%。 分類：PS入門教程

教程介紹較為精緻的圓形按鈕的製作方法，由於圖層較多，製作的時候需要注意好圖層的順序。另外按鈕以水質質感為主，需要用圖層樣式控制好光感。最終效果 1、建立一個大小適當的文檔，背景填充灰色。2、建立圖層，選擇“橢圓”工具進行繪製。3、為“形狀 1”添加圖層樣式“投影”效果。  分類：PS入門教程

教程非常詳細的介紹3D按鈕的製作方法。重點在3D效果及光感的製作，有很多教程介紹過類似的方法。不過製作的時候還是要注意好高光及暗調的搭配，能更好的體現按鈕的質感。最終效果1、開始前老樣子先在PS裡建立一個檔案，設定如下圖。2、使用圓角矩形工具，這裡顏色你可以隨意，因為你可以在頂部設定圓角矩形的顏色。 3、在頂部設定它的參數與顏色為紅色。4、如下圖顏色為#D32424的圓角矩形製作完成。 分類：PS入門教程

教程介紹非常通透的寶石質感按鈕的製作方法。大致過程：先用選區工具做出想要的形狀，調色後用一些圖層樣式做出紋理和質感效果。然後再加上高光和文字即可。最終效果1、開啟下圖所示的背景素材。 2、選擇“橢圓”工具進行繪製。3、雙擊圖層縮覽圖，設定開啟的“拾取實色”對話方塊。4、執行“編輯”→“變換”→“變形”命令。  分類：PS入門教程

 　　想要設計一個炫酷的平面，單靠設計師的一雙巧手也不過是“巧婦難為無米之炊”，豐富且高品質的PS素材就是巧婦手中的米，有了這些PS素材，設計師才可以儘可能的發揮自己的想象，讓自己的設計作品更加完美。大家都知道的設計素材網站，比如Dribble、Behance等在這裡就不再多介紹了，今天，我們來安利一些其他的PS素材網站，這些網站上都有既免費又高品質的素材供設計師下載哦!　　1、Fribbble 　　網站地址：www.fribbble.com　　Fr

 　　國內一些剛剛從業、甚至已經從業好幾年的使用者體驗設計師，在做了一段時間設計後，會或多或少產生一些困惑：自己似乎缺少足夠的話語權和影響力，總是被產品經理和技術團隊牽著鼻子走;花大量時間做一些技術含量不高的「體力活」，卻又得不到對等的回報;產品上線了成功了，大家都覺得是產品經理或者技術團隊的功勞(尤其是一些UI存在感不強甚至沒有UI的產品)，而有些忽視UED在背後的付出……於是很多渴望有更多「影響力」的設計師，最終紛紛選擇轉為產品經理，雖然有一些人在新的崗

 　　快速發展的技術、千變萬化的趨勢、應接不暇的軟體和素材，都是網頁設計師需要面臨的挑戰。但是撇開這些一直變化的東西，有一些基本的技能或者說能力，是設計師必須熟練掌握的，甚至需要網頁設計師們閉著眼睛都能搞定相關的問題。那麼，今天我們簡單盤點一下網頁設計師必須具備的十大基礎技能吧。　　1、熟練掌握HTML/CSS代碼　　不論你是不是開發人員，網頁開發最基本的語言HTML/CSS 你是有必要掌握的，知道如何閱讀、編輯並解決問題。然而根據設計師/開發人員的實際工作情況，你所需要瞭解的程度、

 　　不僅僅是網頁方面的設計，這個世界上圍繞在我們身邊的所有東西都可以激發我們的網站設計構想。　　你永遠不會知道創意的火花什麼時候會撞擊到你。在項目過程中，我經常發現一些最平常的事物可以讓我用一種新的或不同的方式進行思考。這裡有10個除了網站以外的我最喜歡的設計構想資源。　　1、大自然　　思考設計最好的其中一個地方就是戶外。看一看大自然中所有神奇的形狀和顏色的組合。個人而言，我最喜歡花朵那種像調色盤一樣的靈感。　　這個秋天的三色紫羅蘭將成為新專案選擇區的基礎，這些花朵結合了流行的亮色和

 　　如何提高使用者粘性?今天阿里錦笙同學翻譯的好文，從心理學、使用者行為習慣、鉤狀模型、觸發器、動機等方面給出了科學專業的分析，行文流暢自如，循序漸進，有不少閃光知識點，來收!　　序言　　如何提升使用者粘性?這是產品有一定UV後都會面臨的問題。大部分產品都在嘗試主動跟使用者聯絡，比如電商類APP定期給使用者推送各種打折促銷訊息，吸引使用者回到APP;SNS類APP會給使用者推送「您關注的人XX更新了狀態」等動態;有些日記類APP會定期推送訊息，提示使用者多少天沒去了之類等等。但對使用

 　　對於視覺設計師、互動設計師來說，他們需要做的不僅僅是設計一張張靜態頁面和獨立的icon，他們需要將這些元素整體組合在一起，根據整體畫面感和視覺體驗來做出修改。與此同時，開發人員查看網站互動設計時也需要通過一定的工具。因此，一款快速、方便的視覺稿設計工具就顯得尤為重要，通過這些工具，設計師可以真實地看到網站呈現的效果，並且可以傳遞至其他同事，還可以更加便利地與使用者進行溝通交流，查看反饋。　　1、InVision　　網站地址：www.invisionapp.com　　InVisio

 　　今天的酷站 兩連發，一個分享優秀的漸層色方案，配色弱和靈感枯竭的同學可以來收一波。第二個可以線上幫你比較兩個文檔的差異，常用於程式碼，兩個都非常實用，來收。　　UIgradients　　UIgradients 以分享美麗漸層色彩為主的分享站，裡面接近上百種漸層色彩配置，設計師可根據自己風格來選擇搭配，此外我們還能直接獲得對應漸層配色的CSS代碼，相當方便，但要注意瀏覽器要相容CSS3才行：)　　CSS漸層代碼　　點擊網站下面的第三個按鈕「Get CSS

　　設計網頁時常常需要找寬度、長度合適的圖片來填充區塊，或是測試不同大小圖片的表現。這往往可能浪費很多時間，甚至還要自己動手製作某些特殊尺寸的圖片，相當麻煩。透過方便的線上工具Placehold.it ，可以快速產生任何大小的佔位圖片，且能自訂圖片的格式、顯示的文字、顏色等等。　　Placehold.it　　舉例來說，Placehold.it 首頁左側就提供了最基本的使用方式，直接在http://placehold.it/ 後面填上你要的圖片尺寸，例如

 　　沒有什麼比產品展示頁更能向世界呈現自己的設計執行個體了。對於設計師而言，沒有什麼比自己的作品展示頁面更能說服客戶的了。實際上我們所熟知的世界範圍內的設計師和設計工作室基本都有自己的作品展示頁面，獨到的創意和優秀的作品使得這些網站非常值得玩味，值得學習。今天的文章搜集了許多風格獨特、氣質非凡的設計師作品展示頁，如果你正在籌劃自己的網站，不妨開啟這些網站參考學習。　　ANDREA PILUTTI　　Andrea Pilutti

一把好的椅子，是否需要我們通過閱讀使用手冊才能知道如何使用它嗎？答案當然是否定的。一把好的椅子，是在我們看到它時，我們很自然的就知道它能夠 幹什麼，我們該如何使用它。也就是說：“椅子”這個概念已經深入人心，是個被高度認可的原型（Archetype）

今天在這裡，不以設計師的身份，而從一個普通使用者的角度和各位聊聊設計中蘊含的那份情感，關於情感再產品設計中的意義，聊聊設計中的那份源於“心”的情感！情感是什嗎？情感是態度這一整體中的一部分，是人對客觀事物是否滿足自己的需要而產生的態度體驗。具體表現為快樂，興奮、喜悅、愛情、幸福、仇恨、厭惡、美感等等……在我們的日常生活中，好的設計對我們的生活影響越來越大，科技的高速發展，讓我們每個人都享受到了生活的美好和便利。手機，已經成為了我們生活中必不可或

設計原則是做設計的標準，可用於指導設計和衡量設計方案的優劣。個人在寫MRD時，會先考慮用一句話作為設計目的，描述做這個設計滿足使用者何種需求或者有什麼作用，然後再寫三至五條設計原則，滿足使用者這項需求時做的設計需要遵守什麼。比如在設計一個購買彩票出錯頁面，設計目的是為了降低使用者的挫折感。那設計原則可以是：1、提供使用者易於理解的資訊。2、根據出錯情形分別提供有用的資訊。3、引導使用者繼續瀏覽其他頁面。以上的原則中順帶將之後的設計方法也一併說明，用於指導設計：根據原則1，設計出的介面中會避免使用