Instructional

Quiz 1: Rundown

Your first quiz is next week and will cover textbook readings and class lectures. Most of the quiz will test your understanding of theory and knowledge behind how to make good decisions. Please make sure you’ve read the following, as the quiz questions will come from the understanding you’ve hopefully gained from the combination of this learning. 

FORMAT: The quick will be a combination of multiple choice, short answer (a couple words or sentences) and one longer-form question where you will be asked an analyze a piece of typography using terms and ideas from class. 

 

Four chapters in “White Space is Not Your Enemy:”

  • Chapter 1 – 
  • Chapter 2 – 
  • Chapter 7 – “Type: What you don’t know can hurt you”
  • Chapter 8 – “Color Basics: Choosing and using color

All instructional posts in this section of the website:

  • Typography review (video)
  • 5 minutes to better typography (interactive examples)
  • Why understand color theory (reading/graphic examples)
  • Color theory review (infographic)

Lecture notes on these topics:

  • What is visual communication and why we study it?
  • Introduction to typography (vocabulary, other terms, basics)
  • Typography rules and best practices
  • Color theory

InDesign

  • Basic quick keys: copy, paste, save, undo, place, text frame options, Zoom all the way out, etc.
  • Tools that we’ve used: select, direct select, rectangle, eyedropper, magnify, text
  • Where to find basic text controls: typeface, weight, leading, tracking, justification, all caps, paragraph indents
  • Where to find the toolbox, control bar and other palettes that might not be showing up in your window

Color Theory review

Here is a color theory infographic I really like. It reviews much of what was covered in the lecture slides about color.


Why understand color theory?

Choosing colors is fun, but there’s so much more to it. Color is a powerful tool for organizing, capturing attention, informing and even persuading, and learning how to use it effectively will add considerable value to your visual skills, whether you’re talking design or video, print or digital. Here’s an excellent article, full of visual examples and practical tips.

The fundamentals of understanding color theory (by Kris Decker, 99designs)

Five Minutes to Better Typography

Click on the image below to check out a quick interactive, visual presentation on type: Five Minutes to Better Typography.

Typography review

Here is a nice, quick typography review — it touches on a lot of what we’ve covered in class. Pay attention; she goes fast.

How to post to our website

The first thing you need to do in COMM305 is learn how to add content to our class website. This site is built using WordPress, a Content Management System (CMS) that makes it easy to add content without knowing too much about building websites. No coding/programming skills are needed — however, if you have some skills in HTML / CSS, you can do much more with your site in terms of customizing.

Before you create your introductory post, watch this video tutorial above showing you the ins and outs of posting to the newest (5.0) version of WordPress. It’s long(ish), but really thorough and does a great job explaining and showing how to add text, photos and embedded media.

Time to get Adobe Creative Cloud

The Adobe creative applications have long been industry standards in graphic design and communications fields. It’s not uncommon for communication jobs (especially in PR, but also in publications, advertising and marketing) to list proficiency in Photoshop and InDesign as part of required or preferred skills in job descriptions.

We’re jumping into Adobe InDesign next week, and you’ll need to have access to it either on your own computer or by utilizing the Apple computers in the library or the ones in Elliott Hall (only available during business hours).

Here’s that link to the student technology resources on WSU’s website. Scroll about halfway down the list to the section called “ADOBE” and follow the prompts:

https://www.wichita.edu/services/its/userservices/StudentResources.php

Using the “Preview” app on a Mac to re-size an image

Near the bottom of the sizing window, you’ll see a line that says 1.1 MB (was 2.8). So before I sized this down, it would not have uploaded to our site. You can simply bring down the WIDTH enough to get that number between 1MB and 2MB. I changed width from 10 inches to 8 inches, and that did the trick.

You’ll learn how to size and edit photos using Adobe Photoshop, but sometimes you just need to quickly size a photo down to put on a website or social media. Preview comes installed on every Mac and offers a quick solution. Check out this article on howtogeek.com for instructions.

Our class website will only allow you to upload images that are 2MB or less. To use PREVIEW to size down your photos, first open the image in PREVIEW (on a Mac, Preview is the default image editor — unless the owner has changed that to another app), so simply double clicking the file should open it in Preview.

With the image open, Select Tools > Adjust Size to bring up the Resize dialog, which will allow you to resize the image. It supports many measurement units, including pixels. By default, it will resize the image proportionally, maintaining the original aspect ratio to ensure the resized image doesn’t look stretched.

Remember, you are trying to size down the image so the file size is between 1MB and 2MB. When you are done sizing, save the file with a new name. Pay attention to where you are saving it to so you make sure you upload the new and resized file, not the original.