这是“ iOS和Swift入门”学习路径的一部分。 查看路径

您r First 的iOSand SwiftUI App: Designing the App [OPTIONAL]

2020年12月17日·视频课程(1小时16分钟)·初学者

了解如何从无到有的应用创意开始,并一路将其带到Figma进行的精美视觉设计中。

5/5 3个评分

  • 菲格玛-

的iOSApp Design

介绍

3:00 自由

了解您的应用程序'将会设计-一个简单但有趣的游戏,叫做Bull's Eye-预览所​​有事物'在这部分中将学习。

1

为Bull创建低保真线框's Eye,这是应用程序外观的基本视觉描述。

2

练习通过为Bull创建草图来创建低保真线框'■眼睛在人像模式下看起来应该像。

3

了解称为Figma的流行且免费的在线设计工具,以及为什么我们'本课程将使用它。

4

了解使用Figma的基础知识,包括创建形状和修改其属性。

5

为Bull创建基本的网格布局's Eye,以使界面更一致且更易于设计。

6

通过引入原始的未样式化元素(例如滑块,按钮和标签)来开始设计。

7

了解如何为您的应用选择字体,字体大小,字体粗细和字母间距。

8

颜色

13:38

给公牛'■眼神飞溅的色彩并设置您的调色板。

9

迭代设计,进行视觉调整以赋予其更多个性。

10

路加福音'的最终设计,并讨论实施实用性。

11

回顾一下您在本课程中学到的知识,以及从这里学到的东西。

12

这是给谁的

初学者总数-无需具备先前的UI / UX设计知识!本课程将引导您从头开始设计应用程序。

您'll start by creating a low-fidelity (paper) wireframe for your app. 您'然后,使用流行的免费设计工具Figma创建完整的高逼真线框,并逐步了解诸如布局,版式和颜色之类的设计基础。

This course is a sister course to 您r First 的iOSand SwiftUI App: An App From Scratch. 您 can watch this course before, after, or not at all (it's optional)!

涵盖的概念

  • 低保真妻子帧
  • 高保真线框
  • Figma基础
  • 网格布局
  • 版式
  • 颜色
  • 设计迭代

贡献者

评论