網頁

▼

［UI］初學者筆記

UI（使用者介面）到底是什麼？UX（使用者體驗）又是怎麼讓人混淆的？

UX & UI之間的相互關係

美術非常厲害，illustrator的設計師
Brian Edward Miller
作品交流網站│個人網站

將PSD圖片輸出成iOS、Android專用的UI 免費切圖神器：Cut&Slice me 


UX - 3 種應用程式風格│原文網址

Day one 多功能日記軟體（ UI界面簡潔＆使用方便）

沉浸式應用程式─舉例：機械迷城
官方 Guideline
iOS 7 Design Resources
Android Grids
Google Material Design 正體中文版
Windows Apps
Ui Guidelines - buttons and menus
Designing for iOS 9

UI 設計師必備，頂尖 Photoshop 技術教學，對岸很多看起來很高明的中文教程其實都翻譯這個站的。這是一個系列站，包山包海什麼都有，從攝影、向量繪圖、網頁技術、影片剪輯到手工藝製作，挑自己適合的訂閱吧。連結

理論、商業模式、技術、設計通包的網站，幾乎是站在潮流最前端，看不懂也要訂一下。連結

對岸的站，比台灣的站多了很多對工作有實際幫助的文章，有很多翻譯文救了不少看不懂英文的設計師。他們還有線上免費講座可以聽很佛心有誠意了，更新速度很快，每天數篇。連結

資源大全整理得不錯。對於初學者來說是座寶山。連結
對岸設計人聚集的地方，很多教學文。因為該站是個人發表文主，有些文章內容有誤要小心。連結

推薦「影天醬」的文，會有頓悟升級的感覺。素材庫的資源也很多，小心版權問題。連結

搜集資料
https://itunes.apple.com/tw/app/sparkbox/id488652149?l=zh&mt=12 (整理圖片還不錯)

https://itunes.apple.com/tw/app/pixa/id527618971?l=zh&mt=12 (觀察範圍)

http://www.playpcesor.com/2013/05/evernote-10.html (Evernote，筆記/收集資料便利)
拿來當激發靈感、參考對象的網站，它偏向概念性質、最新潮的設計（也許不怎麼實用），可以激發很多創意。作品圖片品質極佳，要模仿練習也有無數對象可以跟著學。
https://dribbble.com/

Adobe 的設計師作品發表平台，內容很多很雜包山包海，操作介面不太順。
https://www.behance.net/ 

這3個都是搜集漂亮的 iPhone、iPad app 介面 Pattern、並分類的網站。
http://pttrns.com/http://www.mobile-patterns.com/http://www.lovelyui.com/ 

Android 的 Pattern、一樣有分類。
http://androidpttrns.com/

美美的 Desktop icon ...Dribbble 看不夠時跑來這。
http://iosicongallery.com/

CSS 網頁設計靈感來源，畢竟 Dribbble 是靜態一張圖，這邊是實際可操作的網站，執行逆向工程時好用。
http://www.cssmania.com/http://www.siteinspire.com/

做 Responsive Web 好用的網站參考！
http://www.mobileawesomeness.com/

嫁給RD的 UI Designer - 作者Akane Lee│官網│部落格

互動設計概論

Google Material Design

Microsoft's Metro UI

Facebook paper

Apple Watch Vector GUI

阿里巴巴 - MUX 團隊對外提供了 svg 格式圖標的免費下載

阿里妈妈MUX文章分享

Windows Metro

模仿實物紋理（Skeuomorphism）設計風格

瑞士平面設計風格（Swiss style）
Helvetica 字體，由 Max Miedinger 和 Eduard Hoffmann 在 1957 年開創，是最流行的無襯線字體中的一種。

「未標記的圖標在截圖中的確很好看，但用戶真的明白這些圖標分別是用來做什麼的嗎？這種設計風格真的能使產品變得更加易用嗎？真的不會反而導致產品更加難以理解嗎？首先，請設計師們先想想你的審美決定是否會導致產品本身更加難用吧。」——Wells