Adi PurdilaJul 11, 2014

FREELessons: 17Length: 1.7 hours

Macaw Prototyping UI Design Workflow Navigation Design Responsive Web Design

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

3.1 Drawing and Positioning

Every image editor has two fundamental actions you need to learn; drawing and positioning elements. In this lesson you’ll learn how to draw and position elements in Macaw.

1.Introduction 
1 lesson, 01:18

2.Macaw User Interface 
4 lessons, 25:30

2.1
The Page Manager and Toolbar
05:17

2.3
The Outline and Library Panels
05:14

2.4
The Breakpoints System
05:44

3.How to Use Macaw 
4 lessons, 32:02

3.1
Drawing and Positioning
08:29

3.2
Working with Text and Images
07:06

3.3
Components and Global Styles
09:13

3.4
Publishing Your Work
07:14

4.Prototyping with Macaw 
7 lessons, 42:23

4.1
Prototyping and Element Collections
03:13

4.2
Creating the Buttons
06:25

4.3
Creating the Forms and Form Elements
09:40

4.5
Creating the Icons, Tooltips and Alert Messages
05:40

4.6
Creating Typographic Styles
05:02

4.7
Let’s Build Something
07:15

5.Conclusion 
1 lesson, 01:31

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Rapid Prototyping With Macaw

Next lesson playing in 5 seconds

3.1 Drawing and Positioning

1.Introduction 
1 lesson, 01:18

1.1
Introduction
01:18

2.Macaw User Interface 
4 lessons, 25:30

2.1
The Page Manager and Toolbar
05:17

2.2
The Inspector Panel
09:15

2.3
The Outline and Library Panels
05:14

2.4
The Breakpoints System
05:44

3.How to Use Macaw 
4 lessons, 32:02

3.1
Drawing and Positioning
08:29

3.2
Working with Text and Images
07:06

3.3
Components and Global Styles
09:13

3.4
Publishing Your Work
07:14

4.Prototyping with Macaw 
7 lessons, 42:23

4.1
Prototyping and Element Collections
03:13

4.2
Creating the Buttons
06:25

4.3
Creating the Forms and Form Elements
09:40

4.4
Creating the Navbar
05:08

4.5
Creating the Icons, Tooltips and Alert Messages
05:40

4.6
Creating Typographic Styles
05:02

4.7
Let’s Build Something
07:15

5.Conclusion 
1 lesson, 01:31

5.1
Conclusion
01:31

Rapid Prototyping With Macaw

Next lesson playing in 5 seconds

3.1 Drawing and Positioning

1.Introduction 1 lesson, 01:18

2.Macaw User Interface 4 lessons, 25:30

3.How to Use Macaw 4 lessons, 32:02

4.Prototyping with Macaw 7 lessons, 42:23

5.Conclusion 1 lesson, 01:31

1.Introduction 
1 lesson, 01:18

2.Macaw User Interface 
4 lessons, 25:30

3.How to Use Macaw 
4 lessons, 32:02

4.Prototyping with Macaw 
7 lessons, 42:23

5.Conclusion 
1 lesson, 01:31