程序員須要瞭解的東西-備

規範篇

首先你須要學習的是三大平臺的官方設計規範。

iOS開發者須要學習Android和WP平臺的規範嗎？需知，他山之石能夠攻玉，在這些規範中都有一些理念是通用的，學習別家平臺的設計能夠爲本平臺的設計提供新思路。

 
蘋果人機界面指南

 
谷歌 Material Design

 
微軟 Windows8 Style

蘋果人機界面指南

官方網站：

• iOS Human Interface Guidelines
• Apple Watch Human Interface Guidelines

在線閱讀中文版：

• iOS 7人機交互指南譯文彙總（CocoaChina翻譯）
• Apple Watch人機交互指南（CocoaChina翻譯）

下載中文版電子書：

• iOS人機交互指南（郎啓旭翻譯版）：PDF版 iBooks版
• Apple Watch人機交互指南（騰訊無線翻譯版）：PDF版

理論篇

有些時候，咱們以爲某個設計好，殊不知道它好在哪裏，其實這是由於缺少理論基礎。下面幫你們快速的瞭解一下UI設計和交互設計中的概念和理論。

交互設計術語理解： UI UE ID UED UCD 更多

UI設計色彩原理： 色相 飽和度 明度 色調 Color Wheel更多

交互設計： 菲茨定律 席克定律 7±2 法則 泰思勒定律奧卡姆剃刀 更多

交互設計術語理解：UI/UE/ID/UED/UCD的區別

你不知道的交互設計七大定律

交互設計理論之格式塔理論與四大法則

信息交互設計金字塔法則

Krug可用性定律：別讓我思考

UI設計師的配色理論（一）：顏色的探索

UI設計師的配色理論（二）：UI設計概念和術語探索

UI設計師的配色理論（三）：建立本身的調色板

Apple、Google、Microsoft的用戶體驗設計原則

18個廣泛被誤解的用戶體驗理論

實踐篇

學完理論，咱們還須要動手實踐。在Stack Overflow有個問題問程序員如何學習設計（譯文），一位設計師回答，多看、多模仿、鍛鍊「審美眼」，品位上去了才能作出好的設計。

ICON 圖標設計

• 圖標設計的那些事
• 一枚App圖標的設計文化
• 圖標設計初階要先型
• 手遊icon圖標：完善指尖大小的第一印象
• Chillingo分享三款遊戲圖標的設計經驗
• 移動應用圖標該選什麼顏色？學學這裏的訣竅
• iOS 7圖標設計的七條黃金法則
• 經驗分享：10個超讚的圖標設計技巧
• 遊戲應用圖標製做五點建議

移動 UI 設計

• 如何成爲一個移動端UI設計師
• 2014讓人印象深入的7種Mobile UI設計語言
• 移動UI設計須知
• 淺析網站/APP登陸界面設計
• iOS8的顏色、文字和佈局學習
• iOS7應用界面設計深度剖析
• 優秀設計師應當知道的20大UI設計原則
• 解析應用程序UI設計的15項黃金法則
• 移動端界面設計趨勢分析
• 48款免費的精美UI界面設計套件
• 移動應用界面設計模式-搜索 排序 篩選
• 航班管家向怡寧：如何作APP界面設計

多屏適配設計

• 爲大屏手機而設計
• 大屏時代的熱區設計考量
• 大屏iPhone即將改變App設計的三種方式
• 改進工做流實現一份設計稿支持多個尺寸
• 關於iPhone界面適配詳細版本
• iPhone6分辨率與適配

設計流程方法

• iOS平臺應用開發的敏捷設計流程
• 網易雲閱讀設計流程回顧
• 十佳應用的故事(1) - 想法產品定義與交互設計
• 從產品原型到交互設計的過渡——初學者心得
• 分享手機應用屏幕vs.流程的設計方法

移動用戶體驗設計

• 移動用戶體驗要素（上篇）
• 移動用戶體驗要素（下篇）
• 用戶體驗在產品開發過程當中所扮演的角色
• 用戶體驗專家Luke Wroblewski講述移動設計細節
• iPad應用的10大用戶體驗設計準則
• 移動應用「快」體驗設計方法
• 開發者應避免四種錯誤的用戶體驗設計
• 設計出色的用戶體驗的6個熱門技巧
• iOS APP體驗設計

移動交互設計

• 寫給程序猿們的交互設計
• 交互設計入門徹底指南
• 2014年移動應用交互設計10大趨勢
• 移動設計中的7種主要導航模式
• 超越按鈕 - 談手勢驅動的移動界面設計
• 如何在交互設計中增長趣味性提高愉悅度？
• 移動應用的空狀態界面設計
• 交互設計新手必看！探祕抽屜導航的前生今世
• 隱藏在背後的交互設計
• 資訊類app閱讀列表的交互設計
• 提升移動電子商務銷售的交互設計模式
• 爲樂趣設計——遊戲交互設計的獨特之處

移動 APP 動效設計

• UI中的基本動效（上）
• UI中的基本動效（下）
• 設計轉場動效
• 從注意力維度談動效設計
• 關於動效--要潛移默化，仍是要引人注目？
• 流動之美——探討移動動效設計

優秀做品分析

• 詳解Path 2.0的UI設計
• Tumblr UI設計：簡短，簡單，更有焦點
• 沒法忘懷的色彩：移動界面設計中的漸變
• App細節設計系列：Pinterest的交互設計
• 那些使人難忘的移動交互設計（GIF動態圖）

資源篇

咱們總結了一些對學習設計有用的資源，包括Dribbble上follower最多的設計師和團隊、國內設計博客和一些工具網站，放在這裏分享給你們。

 People

• Mike | Creative Mints （Dribbble / Site）
• Eddie Lobanovskiy （Dribbble / Site）
• Dan Cederholm （Dribbble / Site）
• Creativedash （Dribbble / Site）
• Kerem Suer （Dribbble / Site）

 Blog

• 騰訊系： （CDC / ISUX / MXD /TGideas）
• 阿里系： （淘寶UED / UED / 國際UED /MUX）
• 百度系： （MUX / 大UE / FEX）
• 其它： （新浪 / 微博 / 網易 / 搜狐 / 攜程）
• 我的： （hi-id / JJ YING / MVBen / Aric）

 Utilities

• CocoaChina代碼庫
• hackdesign
• Inspired UI
• UI Patterns
• Origami