AVIA 100 Model Kit
January 2020 - May 2020

AVIA 100 TEXTBOOK

Tools: Adobe Illustration, Microsoft Word, Trello
Roles: UX Designer, Visual Designer, Editor
UX + UI

Introduction

The acclaimed Introduction to Aviation from the University of Waterloo's course is a beginner's aviation textbook that has been distributed worldwide and translated in many different languages as a first of its kind. With the success of the 1st edition, there is a growing demand for the 2nd edition to have more graphics, clearer information architecture and take advantage of more color ink options.

Text can enforce engagement of material and serve a functional ease of finding information when careful consideration is put into its appearance.
Wake Turbulence
Diagram illustrating the direction of airflow around a moving plane.

Goals

During the duration of this project, I am responsible for designing a coherent visual style that serves a functional, yet appealing purpose in navigating a densely written textbook and guiding readers from enthusiasts to experts in the course material.

The 2nd Edition textbook will focus on 2 major improvements:

👁️‍🗨️Visual Design
🏛️ Information Architecture

🏛️ Information Architecture

Skills: Content Organization, Navigation Design

There are 4 different types of searching methods used in researching and studying academic material:

🧐 Known Item SeARCHING
Knowing where to search for information or navigating purposes.
🎯 RE-FIND ITEM SeARCHING
Recalling past information that has been accessed or seen.
🌐 Exploratory Searching
Close gap between known knowledge and unknown knowledge.
🔭 Exhaustive Searching
Brute force searching where all possible tangents are explored.
🧐 Known Item Searching + 🎯 Re-Finding Item Searching

Font Hierarchy

Heavier = More Visibility = More Important

Before and After readability changes to the text hierarchy.

1️⃣ Font styling should match the 1st Edition’s styling guideline.
2️⃣ Font weights have more variation to imply order of organization.
3️⃣ Links emulate web links with different colour and underline.

🧐 Known Item Searching + 🎯 Re-Finding Item Searching

Table of Contents

Navigating main topics covered in textbook in chronological order.

Table of Contents and the difference between the first and second edition

1️⃣ Chapter subsections are added to find specialized topics within chapters easier to find.
2️⃣ Font Hierarchy is also implemented in TOC chapters.

🧐 Known Item Searching + 🎯 Re-Finding Item Searching

Tables

Organization of information in a matrix that includes the property, its description and other miscellaneous data.

Different Tables are established to organize information
Different Tables are established to organize information
Information in an organized fashion

1️⃣ Defined text should be bolded with their counterpart un-bolded definitions. Refer to text hierarchy.
2️⃣ A matrix allows information of a common topic to be organized horizontally and common topic properties to be organized in the same column.
3️⃣ Definitions with a corresponding graphic has a simpler icon highlighting the topic addressed.

🌐 Exploratory Searching

Graphics

Graphics provide a spatial, visual understanding of systems, concepts and abstraction of ideas when paired with main textual information.

Plane Navigation Routes
Different types of plane navigation routing.
🔭 Exhaustive Searching

Quizzes and Case Studies

Sample Quiz Box
Quizzes allow first time readers to gauge their general knowledge and help out with studying priorities and effort.
Sample Case Study Box
To bring the lessons to life, a case study related to the topic educates on potential human errors that must not be repeated again.

👁️‍🗨️Visual Design

Skills: Navigation Design, Graphic Design, Illustration

There are 4 main types of design elements to communicate to the viewer before using words:

❤️ ICONS
Abstractions of ideas, represented with one image or symbol.
📰 FONTS
Readability, tone and voice of information communicated with text.
🔲 BOXES
Framing information of a particular niche, specialization or function.
🎨 COLOURS
Selecting a limited palette of colours to control aesthetic and priority of information.

Style Guide - Merging the 1st edition style with the 2nd
❤️ Icons

Box Icons

Icon - BookIcon - EyeIcon - LightbulbIcon - Magnifying GlassesIcon - KeyIcon - Speech BubblesIcon - StopwatchIcon - Case Studies
📰 Fonts

Readability

A comparison of the changes between the 1st and 2nd edition

1️⃣ Repeating information is moved into a legend.
2️⃣ Subtitle is larger to mitigate ink saturation, printing flaws and ink bleeding.

⏹️ Boxes

Call Out Boxes

Call Out Boxes
Call Out Boxes
🎨 Colours

Textbook Palette

2nd edition experiments with colours

1️⃣ Color coding between hot section and cold section differentiate from cross section of engine parts.
2️⃣ Turbines are serrated diagonally representing blades which distinguish from other engine parts.
3️⃣ Photograph of a jet engine cross section is contrasted with a model to demonstrate application.

Explore Projects

Design Plastic Model
Feel free to contact me