Creative Bloq Collection

This is a helpful compilation of a lot of different tutorials collected by Creative Bloq.  There are a lot tutorials on here for beginners so I think I can reference a few different ones to get a full understanding of how to work the program. There are also some more advanced ones, like there is a tutorial about how to create a “glitch” effect, however for now I am sticking with the basics.

https://www.creativebloq.com/after-effects/tutorials-1232661

Final App Idea: Craftsmanship App

What the mobile app is:

This app allows users to find local workshops and craftsmen near them to make learning new skills in your area of expertise easier.  The app allows users to to find the workshop, gain more information about the experience, easily contact the workshop host, sync attending workshops to calendar, and review the workshop after completing it.

Target market for app:

The target market includes professional craftsmen or passionate hobbiests (writers, cooks, gardeners, designers, etc.) between the ages of 25-35, living in big city/urban environments.

App functionalities:

  • Discover workshops near you based on category, location, upcoming date, interests
  • Browse and select specific workshops to find more information
    • Description
    • Materials needed/ provided
    • Location
    • Time
    • Number of people attending / spots left
    • Cost of workshop
  • Select & register for workshops
  • Sync upcoming workshops to iPhone calendar
  • Review workshop afterwards & be able to contact host of workshop (maybe through app or just link to email or linkedin…?)

Tone and overall look:

The app will have a vintage, hand-crafted, serif-y kind of feel to lean into the “craftmenship” aspect of it.  The color palette will be muted and old-time-y (no flashy colors).

UI Design Basics: Visual Design (notes)

Adaptivity & Layout

-Adhere to the safe area and layout margins in order to prevent content from underlapping the status bar, navigation bar, toolbar, and tab bar.

-Use visual weight and balance to convey importance (larger items are easier to tap, which is important when an app is used in distracting surroundings like the gym)

-principle items should go in the upper half of the screen

-if possible, support both portrait and landscape orientations

-preview app on multiple devices (such as on an iPad AND iPhone)

Animation

-don’t use animation for the sake of using animation… sometimes it can just be distracting

Branding

-great apps express unique brand identity through smart font, color and image decisions

-SUBTLY incorporate your brand through the app design…  people use your app to get things done, not to watch an advertisement

-resist the temptation to display your logo throughout your app

-defer to content over branding

Color

-choose a limited color palette

-choose a “key color” if possible (ex. Notes app uses yellow)

-test your app’s color scheme using a variety of lighting conditions

Terminology

-use familiar words and phrases

-avoid we, our, me, and my (ex. “my workouts”)… can be interpreted as patronizing

-use “you” and “your” to interact with user (strive for friendly tone)