Fall 2014 – Welcome

Welcome to CIOS 233 – Desktop Publishing with Adobe Indesign! To get started be sure to read through the syllabus and course schedule to get familiar with how the course will be run. More detailed information can be found in the Blackboard site at  classes.uaf.edu.

First assignment is due on Sunday, Sept 7  — its an introductory survey to help me get to know you a little better.

Looking forward to a fun semester!

What font are you?

Here is a fun little game to help determine which font you might me. Since we are talking about typography this week, check out this quiz and let the class know the results.

quizilla.teennick.com/quizzes/970830/what-font-are-you-standard-fonts

If that game doesn’t come out with the results you like, create your own font at this website:  https://www.myscriptfont.com/. For the font type, select Open Type Font. this style is more versatile. If you try it out, post an example!

Thoughts on Golden Radio and Rule of Thirds

In this week’s class reading the concept of The Golden Ratio and the Rule of Thirds was introduced. Have you heard of these before? Do you practice the Rule of Thirds in your photography? I have an iPhone 5 and have turned on the Grid option so I can use that for the camera. For me, this has to effects: 1) it visually helps me frame the image to take advantage of the Rule of Thirds, and 2) it reminds me not to just snap a picture but rather take some time to think about the result. I’m not a photographer and have plenty of images that may document an event but they don’t always tell the story very well. So this helps me.

Next time you walk past a bulletin board, take a few minutes to think about design using the Rule of Thirds and see if any of the flyers on the board following that rule. And if any of the flyers have logos on them, are the logos based on the Golden Ratio or π?

And the Golden Ration in nature:

Here’s a couple more websites for reference:

Constructing the Golden Rectangle:
https://jwilson.coe.uga.edu/emt669/student.folders/may.leanne/leanne%27s%20page/golden.ratio/golden.ratio.html

iCloud icon based on Golden ratio:
https://stam-design-stam.blogspot.co.uk/2011/06/law-of-beauty-hidden-behind-icloud-icon.html

More logos based on Golden Ration:
https://www.sciencedump.com/content/golden-ratio-logo-designs

Rule of Thirds, Visual Center, and Grids
https://desktoppub.about.com/od/designprinciples/l/aa_balance4.htm

Golden Ratio and Grids
https://www.hongkiat.com/blog/golden-ratio-in-moden-designs/

 

Welcome Fall 2013 class!

Hope you are ready to be creative! I’m really looking forward to being inspired by your creativity this semester as we take a look at using Adobe InDesign to produce some compelling documents! We’ll be using this site to share resources, reflect on design processes in general and specific functions used in InDesign, as well as to get some peer review on projects. The blog has been used for previous classes so if you ‘re interested in seeing other student’s work, you can look through the archive.

I hope as you make your way through the class, that you will begin to notice things around you that contain design elements and just how important producing a well designed product is. Next time you pass by a bulletin board, I hope that you notice a flyer that stands out…does it stand out for good reasons, good design? I also hope that you’ll begin to think about what you might change to make it look better!

Keyboard Shortcuts and Quick Apply

When working with paragraph or character styles you might want to consider using a keyboard shortcut or other methods to apply specific styles to text.

There are at least two methods you could use. The first is using Quick Apply. Select your text (or object) and hit  Command-Return (Windows: Ctrl-Enter) to open the Quick Apply window. This list will have all your character, paragraph, object, table, cell styles, as well as menu commands, scripts, variables and conditions (much more than we’ll cover in this class). You can choose to show your hide the items that you don’t use to shorten the list.

With the window open you begin typing what you are looking for. So if I wanted to apply the bullet paragraph style to my selected text I would hit  Command-Return and then start tying “bullets” and I’ll see the options narrowing down until the Bullets style is showing. A quick hit of the return will apply that style to my selected text and the window goes away.

Resources:

https://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-6e68a.html#WSE4179F8F-7053-48b4-BFDC-2102D5F27789

https://indesignsecrets.com/quicker-quick-apply.php

Method number 2 is to assign a keyboard shortcut to a paragraph or character style directly in the Paragraph (or chacter) Style Options box.  You must have a numeric keyboard to use this option.

In the Options window, click in the Shortcut box, hold down Shift (Windows) or Command (Mac OS), and press a number (like 9)  on the numeric keypad of your keyboard. (InDesign requires the use of a modifier key for style shortcuts.) Note that in Windows the Num Lock key on the keypad must be down to create or apply style shortcuts.

Also be sure to select Apply Style To Selection or the style is not automatically applied to the text you formatted.

To apply the style, select the text and then hit the number on your numeric keypad and the style should apply itself. (Make sure your Num Lock is on.)

Resource:

https://help.adobe.com/en_US/indesign/cs/using/WS9D351498-DAAC-4be1-B4B8-2B6C72FF6CEDa.html#WS9AD4031E-A9BE-4985-8C59-E38C78EBEDF4a

For me, using the keyboard doesn’t really have a place in my workflow unless I can do it with my left hand. My right hand is always on my mouse so its faster to find the paragraph styles panel and click. I also don’t have a numbers lock on my keyboard—I normally use a lap top with a bluetooth keyboard but I don’t have the 10-key addition because I don’t work with numbers.

Find replacement font

Font substitution can be a big issue when you inherit a project from someone else who may have used a font that you don’t have and they didn’t properly package the file to include a copy of the font (we’ll learn more about this in job 5). I’ve found this website very helpful to give some suggestions for font alternatives. You can type in the name of your missing font at the website will try to find fonts that have a similar appearance. The site also gives you options for purchasing the font. Sometimes close enough is good enough and hopefully you’ll have a similar replacement within your font library.

https://www.identifont.com/similar?2D8

 

text graphics and wrapping

Hey – just a quick deviation from print design to web design that was prompted by Ginny. Wrapping text around an image is much easier in indesign (in my opinion) than in webdesign, especially if you are using a free wordpress theme and have no control over the CSS style sheet definitions.

I’ve posted this “dwell” image right above this line of text and set the alignment to left. This particular theme seems to give it plenty of space between the image and the text that is wrapping around it. I could increase the white space around the image by increasing the vertical or horizontal alignment in the advanced settings when I either place the image or edit it. In the edit mode if you click on the image you’ll see a portrait icon – this takes you to the area where you can edit the image. If you click on the advanced tab you’ll see a place where you can change the pixel attribute and give the image more vertical or horizontal space. This example has a horizontal space of 40 pixels.

 

 

Here is the behind the scene image properties. I have inserted  this image above this text paragraph and set the alignment to right. Look in the styles box. I entered 40 in the horizontal space box and when I saved, wordpress wrote the Styles code for me. I could tweek it if I wanted to. So this advanced settings information goes with the “dwell” image above.

 

 

 

 

 

If I had placed the image below this text then I get different results. The below image was inserted below this text. I set the alignment to left but you can see that it looks different from the above example. As I keep typing then the image just keeps moving down.

I have now clicked on the left side of the image and am now getting the same kind of wrap as above.

 

 

I hope that answers some questions – feel free to play around with your posts. This blog is set up so that authors can remove their posts if they want to.

Memory and learning

I like this infographic on the forgetting curve and thought I would share it with you for two reasons. First, to remind you that the more often you think about an inDesign tool or feature or you use the tool or feature, the better you will remember how to use it. And Secondly, infographics rely on good design principles as the text is limited so that imagery can tell the story.

Memory Retention and the Forgetting Curve
Brought to you by: OnlineColleges.net

Welcome to the class blog!

If you’ve made it here then you are seeing the class blog! We’ll be using this blog to share some of the assignments and to share resources. as you work through the course and find interesting resources, great examples of layout, or hints and tricks about using Adobe InDesign, feel free to post them to this blog. Come back often to see new information that I post.

–Heidi