Week 1 Assignment Lisa Brown

8/3/2019 Week 1 Assignment Lisa Brown

http://slidepdf.com/reader/full/week-1-assignment-lisa-brown 1/10

EDLD 5366 Digital Graphics and Web Design

Directions

Assignment 1.1

In Week 1, you have been introduced to the principles of design. In this assignment, youwill be identifying these principles in three graphic designs. The first design you willanalyze is a website.

2012 Lamar University of 10




The second design is an infographic.





The third design is a poster.





You will use the table below to record your analysis of each of the three graphic designexamples. The table cells are expandable so that you can cite more than one exampleof each principle. You will submit your analysis through your courseware.

GraphicDesign

Contrast Repetition Alignment Proximity

Moovewebsite

Contrast in the sizeof circles

Contrast in thelinks toviewportfolioand contact

Contrast in the “Weare…” andwhat “We”do

Repeating colors

Repeating use of same font

Repeating sameformat for columns

Headingsare aligned tothe right

Title andgraphic are inalignment

Columnsare aligned tothe left.

Moove logois close to the“gears”…indicatingmovement

Circles alltogether

Contactnumber andphone picturevery close

Infographic Contrast in the

primarycolors of chart styles

Contrast in sizes of words inword cloud

Contrast in fontsused for titles and

descriptions differsfrom font in“graphics”

Repeating colors of

likeimages… i.e.green piechart

Repeating of imageslike the“books”

Repetition of fontused for

titles anddescriptions

Aligned textand images on

left and right Designsection andcontent sectiondefinitealignments

Titlealigned…centered tomain image

Designreferences are

groupedtogether

“Key Info”uses key image

NavigationalIconographyuses arrowsand lines toshow direction





Poster Darkimage incenter incontrast tobrightcolors of

poster Contrast of white/blacktext

Contrast of pixilatedcolors andmottledcolors

Use of pixilated textand images

Repeatof use of text/blackand white

Highlighted importantinfo

Events/activities aligned left

Logos of sponsorsaligned incolumns

All text andimages in“white” sectionaligned to theleft and in linewith overallposter borders

Logos of sponsorsgroupedtogether

Contact infoand websitelocated near for view to knowwhere to go for more info

Events/activities groupedtogether

Assignment 1.2

In this assignment, you will investigate ancient manuscripts and books that give youinsight into the history of graphic communication and how the principles of design wereused in these early manuscripts. You will write a 50-100 word reflection and post toyour wiki site that addresses the following:

1. Describe your first impression of these ancient works in respect to design2. Identify examples of each of the four principles of design3. What techniques did the authors/artists employ to help us understand the

importance of those manuscripts/books?

Blog/Wiki URL

The following resources can be used in helping you find ancient manuscripts/books for your reflection. You can also find your own example. Please indicate in the box belowthe URL for your example and the name of the manuscript/book that you used.


Blog URL… http://lisabrownsbag.blogspot.com/

Wiki URL… http://motzie2.wikispaces.com/EDLD5366

http://lisabrownsbag.blogspot.com/


http://motzie2.wikispaces.com/EDLD5366


http://motzie2.wikispaces.com/EDLD5366




Manuscript/Book URL Title of Manuscript/Book

One of the best resources is the British Library web site. You will find the library athttp://www.bl.uk. In their “Online Gallery” you will find a section called “Turning thepages,” and it’s a place where you can investigate ancient books and through the magicof contemporary computer programming actually turn the pages for yourself.

If you have Windows XP, in order to view the Online Gallery at the British Library siteyou will need to download Microsoft’s Silvelight plugin for interactive websites. You can

find the download and instructions at http://www.silverlight.net/getstarted/

The following list of books from the British Library is a good place to start your investigation:

Bible from EthiopiaLisbon Hebrew BibleBaybars' magnificent Qur'anOutstanding 15th-century church book

In addition to the British Library manuscripts, you might want to look at the Book of

Kells, the ninth century manuscript of the Gospel richly illustrated with Celtic motifs anddeep symbolism. You can find the illustrations from this manuscript athttp://www.sacred-texts.com/neu/celt/bok/index.htm

Remember that you can also select your own choices. You just need to submit the URLand the name of the manuscript/book.

Assignment 1.3

One of the goals of your Educational Technology Leadership Master’s program is toprovide you with the knowledge and skills to be effective technology facilitators. Thispart of Week 1 assignment is to give you an opportunity to create a digital product thatthat can be used to teach other teachers/co-workers about the four principles of design.Examples of an approved project are a collage, poster, or business card, You choosethe product that you will create. Just remember that it must incorporate all four designprinciples and be used as a teaching tool.


http://www.sacred-texts.com/neu/celt/bok/index.htm#

The Book of Kells

http://www.sacred-texts.com/neu/celt/bok/index.htm#contents








In creating your product, you can use your own photographs, clip art, and scannedimages. Remember to cite your sources if you use images other than your own. Youcan create your product in software that you already have access to such as: Word,Paint, Photoshop, or in open source software such as free Photoshop athttp://freephotoshop.org/ or Gimp at http://www.gimp.org/ You can also use Glogster at

http://www.glogster.com/ I have also included a list of 10 alternatives to Photoshop inyour Resource Section. Instructions on how to create a new document in Photoshopare located in the Resource Section, as well. These instructions are universal and canbe used with most of the open source software solutions.

After you create your product, you will say it as a pdf. If you have Office 2007 or newer,you can save as a pdf. or print as a pdf. If you have an older version of Office, you willneed to have access to Adobe Professional or download Nitro Free PDF software athttp://www.nitropdf.com/free/index.htm

Create the pdf of your project and submit it through the course ware.

After you have saved your product as a pdf., you will also upload it to the discussionboard.

As you are working with digital images, this might be a good place to review fileextensions.

Common Digital Image File Formats Explained

Retrieved from http://blog.digimarc.com/images/2009/05/common-digital-image-file-formats-explained.html

Some of the most common image formats you will encounter when working with digitalimages are JPEG, BMP, GIF, PNG, and TIFF. Before getting into each of these, it’simportant to get a little briefing on lossy vs. lossless compression. Lossy compression,such as JPEG, decreases the size of the image by discarding image detail, whilelossless formats, such as BMP, PNG or GIF, compress the image without discardingany detail, but are larger in size.

JPEG stands for Joint Picture Experts Group, and is commonly used for digitalphotography. One reason why JPEG is one of the most common image formats usedtoday is that lossy compression provides the capability to select a level of compression,

but beware, by selecting more compression you will start to see more image detailsdisappear.

BMP stands for Bitmap, which is a lossless uncompressed format. These files tend tobe larger in size due to their uncompressed nature. Although many people still usethem, they will be encountered throughout the internet.

GIF is a lossless image format and stands for Graphics Interchange Format. You’ll seethat GIF image formats are commonly used for animations or icons as it is limited to a


http://www.glogster.com/

http://www.glogster.com/




maximum of 256 colors. This support for a very low color depth makes it unsuitable for photographs.

PNG, or Portable Network Graphics, was created after GIF, kind of as an upgrade thatoffers the same features, but supports true color (24 Bit). It really never got muchtraction outside of PowerPoint as JPEG continues to be more accepted. Many

applications still do not support the PNG format which is probably one of the mainreasons it never took off, but you will still see this file format used across the internet.

TIFF stands for Tagged Imaged File Format and it also uses lossless compression. TheTIFF format is generally used for professional photography, publishing, and high qualityimagery. These file types tend to be extremely large in size and are not commonly usedon the web.

Assignment 1.4

Please identify the members of your group for your Week 4 project.

Lisa Brown, Barbara Sides, Caitlin Walker, and Kathryn Koon

Grading Criteria

Replace with your grading criteria—such as a rubric—for this activity (students will see thismaterial).





Exemplary

36-40 points

Proficient

32-35

NeedsImprovement

Unacceptable

1.1 DesignPrinciplesAnalysis

10 pointsmaximum

TF-I.B.1

Identified allfour designprinciples in allthree images

9-10 points

Identified allfour designprinciples in atleast 2 of theimages

8 points

Identified atleast 3 of thedesignprinciples inat least 2 of the images

7 points

Identified lessthan 3 of thedesignprinciples in the3 images

0-6 points

1.2Analysisof Ancient

Manuscripts andBooks

10 pointsmaximum

• Blog URLidentified

• Manuscript/

Book URLidentified

• Title of Manuscript/Bookidentified

• All threequestionsanswered inreflection

analysis

• Reflection is50-100words andposted inwiki

9-10 points


• Manuscript/

Book URLidentified

• Title of Manuscript/Bookidentified

• At least 2questionsanswered inreflection

analysis

• Reflection is50-100words

8 points


• Manuscript

/Book URLidentified

• Title of Manuscript

/Bookidentified

• At leastonequestionanswered

inreflectionanalysis

• Reflectionis 50-100words

7 points

• No analysiscompleted

• Nomanuscript/bookidentified

0-6 points

1.3TeachingTool

20 points

Maximum

TF-V.C.1

Teaching toolproductcreated thatincorporates allfour designprinciples:

• Contrast

• Repetition

Teaching toolproduct createdthatincorporatesthree designprinciples:

• Contrast

• Repetition

Teaching toolproductcreated thatincorporatesthree designprinciples:

• Contrast

• Repetition

No teaching toolproduct created





TF-V.C.5

TF.V.C.6

• Alignment

• Proximity

Teaching tool

product savedas pdf

18-20 points

• Alignment

• Proximity

Teaching tool

product savedas pdf

15-17 points

• Alignment

• Proximity

Teaching tool

product savedas pdf.

12-14 points0-11 points

TotalPoints

36-40 pointsmaximum

31-35 pointsmaximum

24-30

pointsmaximum

Less than 24Points


Week 1 Assignment Lisa Brown

Documents

Transcript of Week 1 Assignment Lisa Brown