程序员需要了解的东西-备

规范篇

首先你需要学习的是三大平台的官方设计规范。

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

你可能感兴趣的:(ui,移动开发,设计模式)