Ask The Designer: Color Choices?

colorwheeleye

Choosing a graphic design project’s colors in 3 steps.

1. DEFINE the project and the audience.

  • Consider the elements within the project such as typography and graphic icons or shapes.
  • Consider the viewing location and the demographics of the audience.

2. DISCOVER colors relevant to the industry represented by the project.

  • Resource sites such as colourlovers.com and color.adobe.com offer a plethara of color schemes for inspiration.
  • Seek inspiration from images related to the project to visualize color schemes in real life settings.

3. DEVELOP the color scheme by styling the project with sample palettes.

  • Sort and cull the sampled color combinations to narrow down the selection to the best 3-5 possibilities.
  • Refine the combinations using a color wheel to define complementary color groups, compound color groups or contrasting color groups.

Sampling the best picks and experimenting with a few combinations will help find the one that feels right.

#dinasdesktop

Advertisements

Freebie Friday – Graph Generator

gridzzly

Freebie Friday from Dina’s Desktop brings to you a free online resource.  Check out this free graph generator at gridzzly.com. TGIF!

#dinasdesktop

Be inspired: by animation

edenshorts

Be inspired by a little animation at Eden Shorts Competition.  Dina’s Desktop can make something just as beautiful for you! #dinasdesktop

Ask The Designer: Visual Research?

How would you describe the research process for visual design?

askdesigner-11262016

There’s legit reason for everything the creative designer does throughout their research for a given project. Any particular technique, tool, or way of thinking is each used to achieve a specific result. It’s quite a scientific step-by-step process, according to Ian Noble and Russell Bestley who wrote “Visual Research, An Introduction to Research Methods in Graphic Design.”

In my view, research is the survey of the land before the road gets mapped. Different designers explore in various ways how best to arrive at a solution to the client’s needs. Their styles can move through many factors from pragmatic to poetic, with varying influences of training, experience, philosophy and personal idiosyncrasies. While others are more interrogative and work through a deductive process to come up with a better question, rather than a solution.

Both approaches are not necessarily exclusively used by one designer or another, nor is one method better than the other. They are more a significant part of the many approaches to the process of visual research. There are vast libraries of text books and educational courses developed to teach the methodologies of visual research.

But, it all begins with a problem that requires a solution. We start by examining the need within the terms of its reference and then proceed through a cycle of critical thinking and reflection. We analyze and compare. We consider art theory, the audience, materials for delivery and the form that will follow the function. We communicate, we plan, we examine and we circle back to do it all again.

Ellen Lupton wrote in the forward for Noble and Bestley’s text book that, “A designer is a creative intellectual who makes systems and things, studying the world of objects, users, and information in order to create living acts of communication.”

Though the research process is quite a hodge podge of methodologies that lend to critical thinking, it is also as abstract as the clouds sweeping the skies from day to day. To each his own, more or less.

#dinasdesktop

Friday Freebies Finds Font Fun! “Zebrazil”

zebrazil_font_3

Check out Zebrazil at http://www.bestpsdfreebies.com/freebie/zebrazil-font/

#dinasdesktop

How’d They Do That? Insert an Image into Text with InDesign

pictextid-prep

Hi Everyone!

Today, I’m going to show how to place an image into text using InDesign.  This is an easy trick that will give your layouts a design forward appeal and it looks super professional!

So, what we’re going to do is to transform your typography into picture frames.

This effect is often used in high-end publications to add impact to the headline, while showcasing an image in an eye-catching way.  It’s a great technique to add drama to your design.

To watch a video version of this tutorial, please visit Dina’s Desktop YouTube Channel.

Let’s do this!

  1. Our first step is to set up a magazine spread.

  • We’ll start by opening InDesign.
  • Let’s choose Create New>Document from the start menu.
  • Let’s keep intent set to Print, with the number of pages increased to 3, and facing pages checked.
  • In the page size drop down, we’ll set up a new custom page size as US Magazine. Set the width to 213 mm and the height to 276.5 mm.  Click Add, then OK, and we return to the document window.
  • Further down, let’s adjust the margins. Here, we’ll unlink the chain icon and set the Top Margin to 14 mm, Bottom to 18 mm, Inside to 14 mm and Outside to 12 mm.
  • Now to set the Bleed, select More Options. We can set the value to 3 mm on all sides except the Inside Bleed, we should set that to 0 mm.  Unlink the chain icon here to change the Inside Bleed.
  • Click OK.

 

  1. Our second step is to choose the right typeface. We’ll do this step in two parts.

(Part 1)

  • Now it’s important to choose the right typeface for this effect. We need to consider the font’s weight, shape and simplicity.  The breakdown is like this:
    • The Weight of a typeface is about the thickness. We’ll need sufficient space to reveal the image below. So, Display and Slab fonts will work well for this purpose.
    • The design and shape of the text will be amplified because we are going to enlarge it significantly for this effect. So, here we will want to use something attractive, perhaps with elegant serifs or italics, even.
    • We also want to use a typeface that has clean edges and is completely filled. Sketchy brush strokes and outlined text can get a bit messy.

(Part 2)

  • I’m going to work with this lovely script font called “Bready”, which answers all of our considerations. This font can be downloaded for free from many font sites if you would like to use it to follow along.  I found it at http://www.1001freefonts.com/bready.font

 

  1. Our third step is to make a picture frame from the text. We’ll do this step in three parts.

(Part 1)

  • Let’s return to our InDesign document, and click onto Page 2.
  • We’ll select the Type Tool (T) from the Tools panel and drag to create a large text frame that extends across the entire page, from the left margin to the right margin.
  • Type a letter into into the frame, and set the Font to Bready Regular, with the Size at 692 pt.  I’m using the letter “F” for my example.
  • We will leave the text color set to the default [Black] for now.

(Part 2)

  • Select the text frame using the Selection Tool, click on the Type drop down menu, and select Create Outlines.  The text frame will change slightly; the text characters have now been converted into a vector shape.

(Part 3)

  • With the text outlines still selected, we’ll now click on File> Place.
  • Now here we will experiment with filling our text with images. We’ll want a photo that’s going to provide enough contrast depending if we’re setting the text on a light or dark background.
  • I’ve experimented with an image of some lovely Fall foliage, before finally deciding on a beautiful mountain scene.
  • We can adjust the size of the image inside the text by double-clicking to select the image directly, and then hold Shift and drag one of the corners to resize it as necessary. To fit as much of the image as possible in the text, we can click the Fill Frame Proportionally button from the workspace control panel.
  • One last touch to ensure that no color bleeds through on the edges of the letters, we will want to set the Fill of the shape to [None], Window > Color > Swatches.

 

Conclusion

And that is all there is to it! A very easy way to add a touch of visual drama to your typography layouts!

Use this simple technique to build up dynamic, professional-standard design layouts, just like the example magazine spread below.

Thanks for stopping by Dina’s Desktop!  Come back again soon.

#dinasdesktop  www.dinasdesktop.com  Source:  design.tutsplus.com

 

Ask the Designer: Things To Know

Find some great and quick advice for the creative by Adam Kurtz over at design sponge in his article; 8 Things Every Creative Should Know.

#dinasdesktop