Designing an Icon with Affinity Designer

Designing an Icon with Affinity Designer

39mIntermediate2018-01-25

Authors

Ronnie McBride

Ronnie McBride

Designer, Artist

Course details

Set your app apart by designing clean, colorful, and unique icons with Affinity Designer, the professional vector design program. In this course, Ronnie McBride walks digital designers through his workflow for creating an application icon, including the five factors that make a recognizable and memorable design. Learn how to set up a template for iOS and Android output, build an icon from simple shapes, and add effects and color. Plus, find out how to export your assets so that developers can easily integrate them in the final app.

Skills covered

Affinity DesignerSerif Ltd.Web GraphicsInteraction DesignWeb DesignUser ExperiencePersona

Concepts

Introduction

  • Welcome
  • About the exercise files

Conceiving the Design

  • What is an app icon
  • Making a recognizable and memorable app icon
  • Getting the app design specs
  • Using the app icon template

Designing the Icon

  • Importing your sketch
  • Building your app icon from simple shapes
  • Adding effects and choosing colors

Exporting the Icon

  • Slicing, file format, and exporting

Conclusion

  • Next steps
40,000 Toman