I/O Lab

UI/UXSectionsIndex

人机交互工程站在科技与人文的交叉口,旨在为每个人打造更完美的工具。

分享者: 王砚渤联系邮箱更多课程安排和内容正在准备中...
  1. 课程内容
  2. 资源
    1. 工具
    2. 设计规范参考
    3. 更多课程
  3. 欣赏
    1. 社区
  4. 课程归档
  1. overture
  2. layout
  3. responsive
  4. colour

§课程内容

选用工具
排版布局基础
响应式设计
色彩基础
字体分类和常识
动效和动画
优化故事线
原型工具的使用
与开发工程师对接

点击 [Sections] 查看已有课程

§资源

工具

Figma 是当今最泛用的原型设计工具,协作功能强大。已遭 Adobe 收购。如果使用 Mac,你可试试 Sketch 看。
除了这些专用的原型设计软件,如果不要求可互动和协作,也可以使用更通用的软件来设计原型,比如 Affinity Designer, Adobe Illustrator 甚至是 Photoshop 和演示文稿。
有更多细化的工具需要,或者想尝试更换工作流,了解新动向,可以看看 UI tools 网站。

FigmaSketchAffinity DesignerUX tools

设计规范参考

Apple Human Interface Guidelines
苹果的人机界面指南,涵盖了应用在旗下各种平台的人机交互理念和设计规范。

Apple HIGApple Design OverviewResources

Google Design
谷歌设计主页,Material Design 设计规范,还有字体、图标、配色等资源。

Google DesignGoogle Fonts

IBM Carbon Design System
IBM 的设计系统。雅。

IBM Carbon Design System

更多课程

一些适合入门的资源,属于是基础内容

oooooohmygosh

体系课程

Google UX Series Course @Coursera

§欣赏

这里放一些我欣赏的实现,包括完善的 UI/UX 应用和有创意、引人深思的设计。
会持续更新。

Anyway.fmApple Design Awardsunderline.jsTypogramPairing.Monotype

社区

DribbbleBehanceDeviantArt

§课程归档

这里是线下课程的录屏回放。链接可能会失效,如有需要可通过邮箱联系。

1 - 工具使用和布局基础2 - 响应式和无障碍设计