Translation for this page courses
Each course have a title and a subtitle, so I'll translate them both, like NO.1 is the title of first section, NO.2 will be the subtitle of first section, etc..
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Design System in Figma | 通过 Figma 构建设计体系 | 用Figma创建设计规范 |
| 2 | Complete guide to designing a site using a collaborative and powerful design system | 使用可协作、功能强大的设计体系设计网站的完整指南 | 使用协作且功能强大的设计系统设计网站的完整指南 |
| 3 | Basic Layout and Techniques | 基本的布局和技巧 | 基本布局和技巧 |
| 4 | Start with the foundation | 从基础开始 | 从基础开始 |
| 5 | Constraints and Adaptive Layout | 约束和自适应布局 | 限制和自适应布局 |
| 6 | Make your design adapt to any screen | 使您的设计适应任何屏幕 | 使您的设计适应任何屏幕 |
| 7 | Styles and Team Library | 样式和团队资源库 | 样式和团队Library |
| 8 | Rules for typography, colors and gradients | 排版、颜色和渐变的规则 | 排版、颜色和渐变的规则 |
| 9 | Components and Nesting | 组件和嵌套 | 组件和嵌套 |
| 10 | Design powerful and reusable elements for your site | 为您的网站设计强大且可重复使用的元素 | 为您的网站设计强大且可重复使用的元素 |
| 11 | Booleans and Shapes | 布尔运算与形状 | 布林(Booleans)和形状 |
| 12 | Collaborate with your team with shared components | 使用共享组件与您的团队协作 | 使用共享组件与您的团队协作 |
| 13 | Icons and Vector Network | 图标和矢量网络 | 图标和矢量网络 |
| 14 | Create your own vector illustrations from scratch | 从头开始创建自己的矢量插图 | 从头开始创建自己的矢量插图 |
| 15 | Export, Inspect and Code | 导出、检查和编码 | 输出、检查和编码(code) |
| 16 | Communicating the design system to your developers | 与开发人员交流您的设计体系 | 与开发人员讨论您的设计系统 |
| 17 | Multiplayer and Commenting | 多人协作和评论功能 | 多人在线和评论 |
| 18 | Iterate designs and explore new ideas in a multiplayer environment | 通过多人协作进行设计迭代并探索新的想法 | 在多人环境中迭代设计并探索新想法 |
| 19 | Prototyping and Interaction | 原型和交互设计 | 原型设计和互动 |
| 20 | Quickly create an entire flow for your app design | 快速为您的设计制作出完整的原型和交互 | 快速为您的应用程序设计创建整个流程 |
Learn how to build a modern site using React and the most efficient libraries to get your site/product online. Get familiar with Grid CSS, animations, interactions, dynamic data with Contentful and deploying your site with Netlify.
Old translation
了解如何使用React构建现代网站以及最有效的资料库，以使您的网站/产品上线。 熟悉Grid CSS，动画，互动，动态数据与Contentful以及使用Netlify部署您的网站。
New translation
了解如何使用 React 构建现代网站以及最有效的资料库，使您的网站/产品上线。熟悉组件、Grid CSS、动画、交互、使用 Contentful 加载动态数据，以及使用 Netlify 部署您的网站。
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | React for Designers | 给设计师的 React | 给设计师的React |
| 2 | Learn to design and code a Website using React | 学习使用 React 设计和编写网站 | 学习使用React设计和编码网站 |
| 3 | Basic Styling with CSS | 使用 CSS 的基本样式 | 使用CSS的基本样式 |
| 4 | Creating your first design using basic HTML and CSS | 使用基本 HTML 和 CSS 创建您的第一个设计 | 使用基本HTML和CSS创建您的第一个设计 |
| 5 | Adaptive Layouts with CSS Grid | CSS Grid 的自适应布局 | CSS Grid的自适应布局 |
| 6 | Design a page that adapts to any screen size | 设计适应任何屏幕尺寸的页面 | 设计适应任何屏幕尺寸的页面 |
| 7 | Interactions and Animations | 交互和动画 | 交互和动画 |
| 8 | Timeline-based animation using keyframes | 基于时间线的关键帧动画 | 使用关键帧的时间轴动画 |
| 9 | SVG Animation | SVG 动画 | SVG动画 |
| 10 | Morph vector shapes using SVG code | 使用 SVG 代码制作渐变图形 | 使用SVG代码制作变形图形 |
| 11 | Components and Props | 组件和属性 | 组件和属性 |
| 12 | Create a reusable layout element using React | 使用 React 创建可重用的布局元素 | 使用React创建可重用的布局元素 |
| 13 | States and Events | 状态和事件 | 状态和事件 |
| 14 | Add scroll interactions to your React site | 在您的 React 网站中添加滚动交互 | 添加滚动交互(Scroll interactions)在您的React站点 |
| 15 | Styled Components | 样式组件 | 样式组件 |
| 16 | Take your CSS to the next level | 将您的 CSS 提升到新的水平 | 将您的CSS提升到新的水平 |
| 17 | Static Data with JSON | 用静态的 JSON 数据 | 用静态的JSON数据 |
| 18 | Add basic data to your app | 将基本数据添加到您的应用程序 | 将基本数据添加到您的应用程式 |
| 19 | GraphQL with Contentful | GraphQL 与 Contentful | GraphQL与Contentful |
| 20 | Adding dynamic data that can be updated outside of the site | 添加可以在网站外动态更新的数据 | 添加可在站点外部更新的动态数据 |
| 21 | Publish to Netlify | 发布到 Netlify | 发布到Netlify |
| 22 | Deploy your site for everyone to see | 让所有人都能看到您的网站 | 部署您的网站让所有人看见 |
| 23 | Payments with Stripe | 使用 Stripe 付款 | 使用Stripe付款 |
| 24 | Start selling your product easily and efficiently | 轻松高效地销售您的产品 | 轻松高效地销售您的产品 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Intro to Sound Design | 声音设计简介 | 声音设计简介 |
| 2 | Craft unique UI sounds for your app | 为您的应用程序制作独特的声音 | 为您的应用程序制作独特的UI声音 |
| 3 | Introduction to Cubase | Cubase 简介 | Cubase简介 |
| 4 | A powerful tool to create digital audio | 创建数字音效的强大工具 | 创建数位音频的强大工具 |
| 5 | Game Sound | 游戏音效 | 游戏音效 |
| 6 | Creating playful sounds from scratch | 从头开始制作一个好玩的音效 | 用Scratch创造有趣的声音 |
| 7 | UI Sound | 声音 | UI声音 |
| 8 | Responding to user interaction | 对用户操作产生回应 | 回应使用者互动 |
| 9 | Notification Sound | 通知音效 | 通知音效 |
| 10 | Communicating via sending and receiving sounds | 通过发送和接收声音进行沟通 | 透过发送和接收声音进行沟通 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Concept and Storyboard | 概念和剧情 | 概念和故事板(Storyboard) |
| 2 | Pre-production, how to plan your video | 预制，如何规划您的视频 | 预制，如何规划您的视频 |
| 3 | Screenflow Basics | Screenflow 基础知识 | Screenflow基础知识 |
| 4 | A quick tour of Screenflow | 快速浏览 Screenflow | 快速浏览Screenflow |
| 5 | Adding Motion | 添加动作 | 添加动作 |
| 6 | Actions, Transitions and Speed Clips | 动作、转场和速度剪辑 | 动作、转场和速度剪辑 |
| 7 | Match Cut | 匹配剪辑 | 匹配剪辑 |
| 8 | Subtle editing techniques | 微妙的编辑技巧 | 细微的编辑技巧 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Introduction to ARKit | ARKit 简介 | ARKit简介 |
| 2 | Adding a virtual object into the real world using your device’s camera | 用您设备上的摄像机在现实世界里放置一个虚拟物体 | Adding a virtual object into the real world using your device’s camera |
| 3 | SceneKit Scene Editor | SceneKit 场景编辑器 | SceneKit场景编辑器 |
| 4 | Building a 3D stage for your AR experience | 为 AR 世界建立一个 3D 的舞台 | 为您的AR体验构建3D舞台 |
| 5 | Importing 3D Models | 导入 3D 模型 | 导入3D模型 |
| 6 | Integrating your own designs into real life | 将您自己的设计融入现实生活中 | 将您自己的设计融入现实生活中 |
| 7 | Configuration for ARKit | ARKit 的配置 | ARKit的配置 |
| 8 | Behind the scene of your AR project | 在您的 AR 项目的幕后 | 在您的AR项目的幕后 |
| 9 | Plane Detection | 平面检测 | 平面检测 |
| 10 | Searching for real world surfaces | 在真实世界中找平面 | 搜索真实世界的表面 |
| 11 | Focus Square | 聚焦位置 | 聚焦位置 |
| 12 | Choosing your preferred spot in placing your virtual objects | 选择您喜欢的位置放置虚拟物体 | 选择您喜欢的位置放置虚拟物体 |
| 13 | Adding Models to the Scene | 将模型添加到场景中 | 將模型添加到場景中 |
| 14 | Displaying 3D contents in your environment | 在您的环境中显示 3D 内容 | 在您的环境中显示3D内容 |
| 15 | Image Detection | 图像检测 | 图像检测 |
| 16 | How to create an illusion by scanning an image | 如何通过扫描图像来展示对应的模型 | 如何通过扫描图像来制造幻觉 |
| 17 | Animation and Lighting | 动画与光线 | 动画与光线 |
| 18 | Making an illusion realistic | 让模型看上去更真实 | 让幻像变现实 |
| 19 | Buttons and Interactions | 按钮与交互 | 按钮与交互 |
| 20 | Trigger an action with a button | 使用按钮触发操作 | 使用按钮触发操作 |
| 21 | Multiple Screens | 添加多个屏幕 | 添加多个屏幕 |
| 22 | Create grid based layout | 创建基于网格的布局 | 创建格线布局 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Character Animation Part 1 | 角色动画 第1部分 | 角色動畫第1部分 |
| 2 | Intro to After Effects | After Effects 简介 | After Effects简介 |
| 3 | Character Animation Part 2 | 角色动画 第2部分 | 角色动画第2部分 |
| 4 | Puppet tool and parenting | 傀儡工具与父子关系 | 傀儡工具與父子關係 |
| 5 | Title Animation | 标题动画 | 标题动画 |
| 6 | Working with flares and masks | 使用光晕和遮罩 | 使用光晕和遮罩 |
| 7 | Space Intro | 空间介绍 | 空间介绍 |
| 8 | Working on the 3D space | 在 3D 空间里操作 | 在3D空间里操作 |
| 9 | Animations for Lottie | Lottie 动画 | Lottie动画 |
| 10 | Working with Sketch2AE and the Bodymovin plugins | 使用 Sketch2AE 和 Bodymovin 插件 | 使用Sketch2AE和Bodymovin插件 |
| 11 | Prototyping Part 1 | 原型制作 第1部分 | 原型制作第1部分 |
| 12 | A powerful way to animate your designs | 一种强大的方式让你的设计动起来 | 一种让设计动起来的强大方法 |
| 13 | Prototyping Part 2 | 原型制作 第2部分 | 原型制作第2部分 |
| 14 | The folding and unfolding magic | 折叠和展开的魔法 | 折叠和展开的魔法 |
| 15 | Prototyping Part 3 | 原型制作 第3部分 | 原型制作第3部分 |
| 16 | Creating and animating the progress rings | 创建环形进度条并加上动画 | 创建进化环并建立动划 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Sketch Plugin Project | Sketch 插件項目 | Sketch插件項目 |
| 2 | Sketch Plugin Environment and the Package Manager | Sketch 插件开发环境和包管理器 | Sketch插件环境和套件管理员 |
| 3 | Angle Class | Angle 课程 | Angle课程 |
| 4 | Using a Prototype to Reuse Code | 使用原型重用代码 | 使用原型重用代码 |
| 5 | Prototyping Perspective | 原型视角 | 原型视角 |
| 6 | Using Core Image to Prototype the Transform | 使用 Core Image 变换原型的视角 | 使用核心图像建构transform的原型 |
| 7 | Apply Mockup | 应用样机 | 应用样机 |
| 8 | Apply Perspective to an Artboard | 将透视应用于画板 | 将透视应用于画板 |
| 9 | Rotation and Mirror | 旋转和镜像 | 旋转和镜像 |
| 10 | Generate Stateful Commands | 生成全状态命令 | 生成全状态指令 |
| 11 | Working with Symbols | 使用 Symbol | 使用符号 |
| 12 | Investigating Sketch Classes | 探索 Sketch 中的类 | 探索Sketch课程 |
| 13 | Dialog and Selections | 对话框和选项 | 对话框和选项 |
| 14 | Building a Cocoa UI to Handle Multi-Selection | 构建 Cocoa UI 以处理多重选项 | 构建Cocoa UI以处理多重选项 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Introduction to SpriteKit | SpriteKit 简介 | SpriteKit简介 |
| 2 | Creating your first iPhone platformer game | 创建您的第一个 iPhone 平台游戏 | 创建您的第一个iPhone平台游戏 |
| 3 | Joystick Controls | 操纵杆控制 | 操纵杆控制 |
| 4 | Working with controls to move your player | 操控你的玩家移动 | 使用控制器移动玩家 |
| 5 | Player State Machine | 玩家状态机 | 玩家状态机 |
| 6 | Using GameplayKit to manage the different statuses and animations | 使用 GameplayKit 管理不同的状态和动画 | 使用GameplayKit管理不同的状态和动画 |
| 7 | Camera Work | 摄影机 | 摄影机 |
| 8 | Following the player and adding a background parallax | 跟随玩家并添加背景视差 | 跟随玩家并添加背景视差 |
| 9 | Collisions and Masks | 碰撞和遮罩 第1部分 | 碰撞和遮罩 |
| 10 | Applying physics properties to an object | 将物理属性应用于物件 | 将物理属性应用于物件 |
| 11 | Collisions and Masks Part 2 | 碰撞和遮罩 第2部分 | 碰撞和遮罩 第2部分 |
| 12 | Generating an unpredictable event | 生成不可预测的事件 | 生成不可预测的事件 |
| 13 | Scoring System | 评分系统 | 评分系统 |
| 14 | Being able to count an abstract quantity in a game | 能够计算游戏中的抽象数量 | 能够计算游戏中的抽象数量 |
| 15 | Life System | 生命系统 | 生命系统 |
| 16 | Getting injured multiple times before dying | 让角色在死亡前可承受多次伤害 | 在临死前多次受伤 |
| 17 | Game Sounds | 游戏音效 | 升级和游戏音效 |
| 18 | How to switch between scenes and sounds effects | 如何为场景切换声音效果 | 如何在场景和声音效果之间切换 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Tab Bar | 标签栏 | 标签栏 |
| 2 | Flat navigation using a bottom bar | 使用底栏进行平面导航 | 使用底栏进行平面导航 |
| 3 | Navigation Bar | 导航栏 | 导航栏 |
| 4 | The anchor of the layout | 控制界面间的跳转 | 佈局的錨點 |
| 5 | Table View Controller | 表视图控制器 | 表视图控制器 |
| 6 | Contacts, messages, bookmarks and all other vertical data | 联系人、消息、书签和其他垂直的数据展示 | 联系、消息、书籤和所有其他垂直数据 |
| 7 | Web View Controller | 网页视图控制器 | Web视图控制器 |
| 8 | Display and control web content without leaving the app | 无需离开应用即可显示和控制 Web 内容 | 无需离开应用即可显示和控制 Web 内容 |
| 9 | Default Transitions | 默认转场 | 默认过场 |
| 10 | Add an animation between your screens | 添加界面切换时的过渡动画 | 在屏幕之间添加动画 |
| 11 | Custom Transitions | 自定义转场 | 自定义过场 |
| 12 | Create a seamless animation from one screen to another | 实现从一个界面到另一个界面的无缝衔接的动画 | 从一个屏幕到另一个屏幕创建无缝动画 |
| 13 | Gesture Interactions | 手势交互 | 手势互动 |
| 14 | Interface that follows your finger | 用手指与界面交互 | 跟随你的手指的界面 |
| 15 | CocoaPods | CocoaPods | CocoaPods |
| 16 | Dependency manager for your Xcode projects | 管理 Xcode 项目中的依赖 | Xcode项目的依赖管理器 |
| 17 | Keyboard Interactions | 键盘交互 | 键盘交互 |
| 18 | Coordinating avoidance, appearance, and style | 控制键盘的出现与消失，避免键盘遮挡输入框 | 协调避免，外观和风格 |
| 19 | Progress Rings | 环形进度条 | 进化环 |
| 20 | Using third-party components and core animation | 使用第三方组件和核心动画 | 使用第三方组件和核心动画 |
| 21 | Delegation | 代理 | 代表团 |
| 22 | One object acting on behalf of another | 让一个对象拥有另一个对象的功能 | 一个物件代表另一个 |
| 23 | Multiple Storyboards | 多个 Storyboard | 多个故事板(Storyboard) |
| 24 | Divide and conquer | 根据功能拆分和管理 | 分治法 |
| 25 | Dynamic Type | 动态调整字体 | 动态类型 |
| 26 | Accessibility made easy | 辅助功能让这一切都很简单 | 唾手可得 |
| 27 | Implementing Dark Mode | 实现夜间模式 | 實施暗模式 |
| 28 | Automatically turn off the lights | 自动关灯 | 自动关灯 |
| 29 | JSON Parsing | JSON 解析 | JSON解析 |
| 30 | Your data in an interchange format | 数据交换时使用的格式 | 您的数据采用交换格式 |
| 31 | Core Data | Core Data | 核心数据 |
| 32 | Persist your data using the built-in framework | 使用内置框架保存您的数据 | 使用内置框架保留您的数据 |
| 33 | Realm | Realm | 领域 |
| 34 | A simpler, cross-platform database | 一个更简单的跨平台数据库 | 一个更简单的跨平台数据库 |
| 35 | Networking Images and HTML | 网络图片和 HTML | 網絡圖像和HTML |
| 36 | Loading Images and HTML content asynchronously | 异步加载图片和 HTML 内容 | 非同步加载图像和HTML内容 |
| 37 | Implementing Search | 实现搜索 | 实施搜索 |
| 38 | Filtering data | 过滤数据 | 过滤数据 |
| 39 | Posting and Storing Data | 发送和保存数据 | 发布和存储数据 |
| 40 | Interfacing with REST APIs using URL Session | 用 URL Session 调用 REST API | 使用URL Session连接REST API |
| 41 | TestFlight | TestFlight | TestFlight |
| 42 | Distribute your app to beta testers | 把应用分发给内测用户 | 将您的应用程序发给Beta版测试人员 |
| 43 | Publish to the App Store | 发布到 App Store | 发布到App Store |
| 44 | Working with iTunes Connect to get your app out there | 用 iTunes Connect 管理您的应用程序 | 使用iTunes Connect取得您的应用程序 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Learn Swift 4 | 学习 Swift 4 | 学习Swift 4 |
| 2 | Design and Code an iOS 11 app from scratch | 从头开始设计和编写一个 iOS 11 应用 | Design and Code an iOS 11 app from scratch |
| 3 | Introduction to Xcode 9 | Xcode 9 简介 | Introduction to Xcode 9 |
| 4 | Create your first Xcode Project | 创建你的第一个Xcode工程 | 创建您的第一个Xcode专案 |
| 5 | Introduction to Storyboard | Storyboard 简介 | Introduction to Storyboard |
| 6 | Visual Editor for editing your user interface | 用可视化编辑器编辑用户界面 | 用于编辑用户界面的Visual Editor |
| 7 | Quick Prototyping in Xcode | 在 Xcode 中快速搭建原型 | Quick Prototyping in Xcode |
| 8 | Your app flow in Xcode | 程序中的界面跳转 | 您在Xcode中的app flow |
| 9 | Swift 4 Playground | 在 Playground 中用 Swift 4 | Swift 4 Playground |
| 10 | Learn the basics of Swift 4 | 学习 Swift 4 的基础 | Learn the basics of Swift 4 |
| 11 | Design in Playground | 在 Playground 中设计 | 在Playground中设计 |
| 12 | Design and code UI in Swift Playground | 在 Swift Playground 中设计 UI、写程序 | 在Swift Playground中设计UI、写程序 |
| 13 | Animate in Playground | 在 Playground 中使用动画 | 在Playground中建立动画 |
| 14 | Prototyping animations with Swift 4 | 使用 Swift 4 制作动画原型 | 使用Swift 4制作动画原型 |
| 15 | Design in Storyboard | 在 Storyboard 中设计 | Design in Storyboard |
| 16 | Implementing your own designs | 实现你自己的设计 | Implementing your own designs |
| 17 | Auto Layout | 自适应布局 | 自动布局 |
| 18 | Auto Layout, Stack Views and Size Classes for adapting your layout in Xcode 9 | 在 Xcode 9 中用自适应布局，堆叠视图和 Size Classes 适配界面 | 用自动排版、堆叠视图和大小类别在Xcode 9中调整布局 |
| 19 | Adapting for iPhone X | 适配 iPhone X | iPhone X调整设计 |
| 20 | Designing with Safe Area Layout Guides in mind | 在设计布局时要考虑安全区域 | 考虑安全区域布局指南进行设计 |
| 21 | Storyboard and Code | 连接 Storyboard 和代码 | 故事板(Storyboard)和程序编写 |
| 22 | Start coding the UI | 开始编写 UI 的代码 | Start coding the UI |
| 23 | Parallax Animation using Scroll | 用滚动效果实现视差动画 | Parallax Animation using Scroll |
| 24 | Make scrolling more fun and delightful | 使滚动让人眼前一亮 | 使滚动更有趣，更令人愉快 |
| 25 | Collection View and Data Source | Collection View 与数据源 | Collection View and Data Source |
| 26 | The most flexible and dynamic layout for iOS | iOS 中最灵活的动态布局 | 适用于iOS的最灵活、最动感的布局 |
| 27 | Static Data and Reusable Cells | 静态数据和可重用的单元格 | Static Data and Reusable Cells |
| 28 | Filling your reusable cells with data | 用数据填充可重用的单元格 | 用数据填充可重复使用的单元格 |
| 29 | 3D Animation using Scroll | 用滚动实现 3D 动画 | 3D Animation using Scroll |
| 30 | Create a parallax animation that uses 3D transforms | 创建一个 3D 效果的视差动画 | 创建使用3D变换的视差动画 |
| 31 | Container View | Container View | Container View |
| 32 | Simplify your workflow child view controllers | 简化您的工作流子视图控制器 | 简化您的工作流子视图控制器 |
| 33 | Passing Data | 传递数据 | 传递参数 |
| 34 | Send data from one view controller to another | 在视图控制器间传递数据 | 将数据从一个视图控制器发送到另一个 |
| 35 | Status Bar | 状态栏 | 状态栏 |
| 36 | Mastering an element that is present in virtually every screen | 掌握这个几乎在每个界面中都存在的元素 | 掌握几乎每个屏幕中都存在的元素 |
| 37 | Storyboard in Playground | 在 Playground 中使用 Storyboard | Playground中的故事板(Storyboard) |
| 38 | An in-depth look at Storyboard and the view hierarchy | 深入了解 Storyboard 和视图的层级 | An in-depth look at Storyboard and the view hierarchy |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Learn Sketch | 学习 Sketch | 学习Sketch |
| 2 | Introduction to Sketch Basic Tools | Sketch 基础工具简介 | Sketch Basic Tools简介 |
| 3 | Powerful Start in Sketch | 开始使用 Sketch | 开始使用Sketch |
| 4 | Strong Foundations for your Sketch Workflow | 为您的 Sketch 工作流程打下坚实基础 | Sketch工作流程的有利基础 |
| 5 | Design for iOS 11 | 为 iOS 11 设计 | 适用于iOS 11的设计 |
| 6 | Designing an iOS App from scratch in Sketch | 用 Sketch 从头开始设计一个 iOS 应用 | 在Sketch中用Scratch设计iOS应用程序 |
| 7 | Design for iPhone X | 为 iPhone X 设计 | iPhone X设计 |
| 8 | Designing and adapting for iPhone X in Sketch | 在 Sketch 中对 iPhone X 设计和适配 | 在Sketch中设计和调整iPhone X |
| 9 | Designing for iPad | 为 iPad 设计 | Designing for iPad |
| 10 | Designing an iPad app from Scratch | 从头开始设计一个 iPad 应用 | 用Scratch设计iPad应用程序 |
| 11 | Design for Web | 设计网站 第1部分 | Web设计 |
| 12 | Designing a Website from Scratch | 从头开始设计一个网站 1 | 从Scratch设计网站 |
| 13 | Design for Web Part 2 | 设计网站 第2部分 | Web part 2的设计 |
| 14 | Designing a Website from Scratch 2 | 从头开始设计一个网站 2 | Designing a Website from Scratch 2 |
| 15 | Tricks and Keyboard Shortcuts | 技巧和快捷键 | Tricks and Keyboard Shortcuts |
| 16 | Boost your productivity in Sketch | 提高 Sketch 的生产力 | 提高Sketch的生产力 |
| 17 | Sketch Plugins | Sketch 插件 | Sketch Plugins |
| 18 | Essential Sketch Plugins for Designers and Developers | 设计师和开发人员必备的 Sketch 插件 | 设计师和开发人员必备的Sketch插件 |
| 19 | Nested Symbols | 嵌套的 Symbol | 嵌套符号 |
| 20 | Design with More Flexibility by Nesting Symbols | 在 Symbol 中嵌套 Symbol 来实现更灵活的设计 | 透过嵌套符号达成更灵活的设计 |
| 21 | Sketch Libraries | Sketch 资料库 | Sketch Libraries |
| 22 | Share Symbols with Other Designers | 和其他设计师分享 Symbol | 与其他设计师分享符号 |
| 23 | Version Control | 版本控制 | 版本控制 |
| 24 | The Github for Designers | 设计师的 Github | 设计师的Github |
| 25 | Working with Data | 数据填充 | 使用数据 |
| 26 | Make your design meaningful with real content | 使用真实内容让您的设计有意义 | 使用真实内容使您的设计有意义 |
| 27 | Adaptive Layouts | 自适应布局 | 自适应布局 |
| 28 | Working with Multiple Resolutions | 适应不同的分辨率 | 使用多种分辨率 |
| 29 | Working with Vector | 使用矢量 | 使用矢量 |
| 30 | Vector Techniques in Sketch | Sketch 中的矢量技术 | Sketch中的矢量技术 |
| 31 | Exporting Assets | 导出资源 | 输出资产 |
| 32 | Delivering Assets to Multiple Devices in Sketch | 用 Sketch 为不同设备导出资源 | 在Sketch中套用资产到多个装置 |
| 33 | Styleguide and Handoff | 定制和上传风格模版 | 风格指南和Handoff |
| 34 | Consistent design language in your team | 在团队中保持一致的设计风格 | 团队中一致的设计语言 |
| 35 | Advanced Techniques | 高级技巧 | 高阶技巧 |
| 36 | Master Sketch with these Tricks | 用这些技巧掌控 Sketch | Master Sketch with these Tricks |
| 37 | Intro to Framer | Framer 介绍 | Framer介绍 |
| 38 | Design and Code animations with Framer | 用 Framer 设计和编写动画 | Design and Code animations with Framer |
| 39 | Previewing and Sharing | 预览和共享 | 预览和共享 |
| 40 | Test drive on your devices | 在您的设备上查看设计的效果 | 在您的设备上试用 |
| 41 | Prototyping in Keynote | 用 Keynote 创建原型 | 在Keynote中建立原型 |
| 42 | Prototyping in Keynote Using Magic Move | 用 Keynote 中的 Magic Move 设计原型 | 使用Magic Move在Keynote中进行原型设计 |
| NO. | English | Simplified Chinese | Old Translation |
|---|---|---|---|
| 1 | Learn iOS 11 Design | 学习 iOS 11 设计 | 学习iOS 11设计 |
| 2 | A complete guide to designing for iOS 11 | iOS 11 设计完整指南 | iOS 11设计的完整指南 |
| 3 | Designing for iPhone X | iPhone X 设计 | iPhone X设计 |
| 4 | Guidelines to designing for iOS 11 | iOS 11 设计指南 | Guidelines to designing for iOS 11 |
| 5 | Design for iPad | iPad 设计 | iPad设计 |
| 6 | How bigger screens affect your design | 大屏幕如何影响您的设计 | 大屏幕如何影响您的设计 |
| 7 | Design for Apple Watch | Apple Watch 设计 | Apple Watch设计 |
| 8 | Designing for people on the go | 让人随时随地都可使用 | 让人随时随地都可使用 |
| 9 | Learn Colors | 学习色彩 | 色彩学习 |
| 10 | How to work with colors | 如何使用颜色 | 如何使用颜色 |
| 11 | Learn Typography | 学习排版 | 学习排版 |
| 12 | Make the content clear and readable | 使内容清晰易读 | 使内容清晰易读 |
| 13 | Learn Animations | 学习动画 | 学习动画 |
| 14 | Good animations enhance, bad animations distract | 好的动画让人专注，糟糕的动画让人分心 | 好的动画使人集中精神，但糟糕的动画让人无力 |
| 15 | UI Icons | 图标 | UI图标 |
| 16 | Learn how to find great icons and customize them | 学会如何找到好图标并进行定制 | 了解如何找到好图标并进行定制 |
| 17 | UI Sounds | 声音 | UI声音 |
| 18 | Experience without even seeing the app | 未见其形，先闻其声 | 体验不用盯着应用程序的感觉 |
| 19 | Design Inspiration | 设计的灵感 | 设计灵感 |
| 20 | How to keep yourself inspired | 怎样让自己灵感不断 | 如何让自己领受灵感 |
| 21 | Design Principles | 设计原则 | 设计原则 |
| 22 | Trends fade quickly, strong foundations last forever | 潮流瞬息万变，坚实的基础长存 | 流行会快速消退，强大的基础会永远存在 |