Styleframes Styleguides

Step 1 | Typographic Styleframes

Pick some words from your word list or mind map at random. Use these words to create different layouts. Experiment with various fonts, styles, colors, sizes, and other design elements. Try to make as many variations as possible.

1. Select some words within your project idea you find visually appealing.
2. Try different arrangements, positions, and sizes to create various visual effects.
3. Use different fonts and styles, including both serif and sans serif, to explore the mood and character of each word.
4. Experiment with colors and backgrounds to create contrast and visual tension.
5. Use different color palettes and textures to enhance the visual impact of your layouts.

Step 2 | Analyze

Analyze the styleframes you created in the previous task and use them as a starting point for your own motion design application (for example: title design, kinetic type, information design).

1. Analyze your styleframes and identify the design elements that appeal to you and seem suitable for your motion design application.
2. Sketch out your ideas and consider how the design elements from the styleframes could be set in motion.

Step 3 | Create your series

Add images to your typographic styleframes to create a series.

1. Analyze your motion design to identify suitable elements for creating images.
2. Add images that enhance your story or theme, using your own photos, illustrations, or public sources.
3. Ensure a consistent visual aesthetic and combine images with motion design elements.
4. Experiment with composition techniques, image cropping, and color schemes for the desired effect.

Step 4 | Establish your own rules

Analyze your process thoroughly and articulate the steps involved. Update your existing list or create a new one to serve as a reference throughout the project for reviewing your work.

1. Create the list
2. Add new words to the list if necessary
3. Circle the most important words to use as your own guideline