Category Archives: summer study

Design Elements and Principles

Version 2 Default 2

Photos from Martha Stewart’s Living July/August 2015.  Photos by Mikkel Vang.

The feature story from the most recent issue of Martha Stewart’s Living speaks to the principles of design and has a surprise, too!   Almost the entire two-page spread is a photograph of a house and its surroundings.  The CVI (Center of Visual Interest) is clear; wouldn’t you want to live here?  The choice of a panoramic view, eliminating the gutter, is a wise one.  It is how the layout achieves balance.  The angular, geometric structure of the house with its clearly vertical and horizontal lines is beautifully balanced by the fluffy foliage dominating the left-hand side of the photograph.  There is a hint of wind in the way the sea grass moves toward the right, while the house stops its flow off the page.  The grass almost becomes a pointer, as if to say, “Look, over there, the main attraction.”  It is subtle, but movement plays throughout the scene.

Contrast emerges as well as with the different colors and values.  The pale blue of the sky overhead contrasts with the inky blue-black of the pool, the darkest part mirroring the angular lines of the house in its gently rippled surface.  Through the juxtaposition of light intensity, images and color, the scene achieves atmospheric perspective.  It is as Golombisky and Hagan say:  “Dark color values always seem closer than light ones.  Colors in the foreground have darker, richer values than colors in the distance, which tend to fade and wash out”( p. 54).

The text choices, from the unexpected vertical orientation of the headline which follows the photo’s edge and is bold sans serif, to the openly spacious type face with serifs, contribute to the unity of the layout.  The hint of blue interjected by the text choice for credits adds interest and attention, but is not overwhelming because of the font size and plain style.

In the same issue, Samsung features an advertisement for its “4-Door Flex” Refrigerator.  The entire ad screams CLEAN, organized,and “innovative,” one of the words used to describe it in the clean, white-on-dark-blue type in a band where a closed-door version, all crisp and modern, runs across the the bottom third of the ad.  With the clever word-play, “…keeping your favorite foods within reach is easy.  Maybe too easy,” Samsung emphasizes with crisp, sans serif text, the allure of the wide-open door model that occupies the top two-thirds of the grid.  The doors seem to draw the reader in, offering a color-coordinated hug.  The movement is clear.

Fridge Ad

The wide-open fridge occupies center-stage against pristine white cabinetry and stands on contrasting dark hardwood flooring.  The contrast emphasizes the message:  No frills, but class!  The contrast continues with the choices of foods displayed on the panoramic shelving.  The top, seemingly vast, compartments feature all things green—and perspective is attained using relative size and scale of items.  The values of green vary, including beverages standing elegantly in the door frame next to a pineapple, offering a color-pop, but discreet, with the top frond echoing the green.

The choice to place all these healthy, green foods in three-quarters of the fridge and the fourth, bottom-right, to fill with mouth-watering desserts, primarily red and white, with chocolate brown as the accent, is unexpected, yet a necessary contrast. (It might also be saying something about the balance one needs in a healthy diet?!)

While font choices definitely play a significant role in the design of the Living examples above, the Design Basics Index exercise “Word Portraits” (p. 241) has made me view fonts in an entirely new way.  (Who knew that word groups fonts into collections and that these collections have names:”Fixed Width;” “Fun;” “Modern;” and “Traditional,” to name a few?)  I have had fun doing this even though I am unsure about some of my choices.

TWELVE FONTS

As my husband said when he viewed the “Twelve Fonts” document, “Fonts are everything!  It wasn’t for nothing that Steve Jobs stayed on Reed’s campus after he’d dropped out to take calligraphy classes.”

 

 

 

Mini-Art School: What Makes It Work?

When deciding which website to evaluate for good design principles, I hedged my bets.  No one does art like MoMA, and I need all the help I can get as I navigate these unfamiliar waters of design.  The website works in so many ways, but after the tour through Krause’s basics, I am beginning to underpin my, visceral “I love this site” reaction with some rhetoric for explaining why.  I’m sure that is a goal of this course.

MoMA utilizes the grid system, but not rigidly.  The header is divided into three columns, but the columns are of different widths.  The art exhibit is featured by a complete header images which changes to a right-hand side narrower, film-strip-like series of images representing all offerings at the museum and a left-hand explanation literal “pop-up” from the bright red “Exhibitions” tab.  The navigation is unique and unexpected, defying the typical mundane grid structure.  Information POPS-UP as opposed to the expected “Drop Down.”  This works to place emphasis on the additional features.  Colors work to do this as well…red, black and white.

In the middle of the home page, the standard grid form offsets the unconventional with three evenly spaced information columns.  The fonts are consistent, varying only with bold and regular, allowing for harmony.  The hierarchy is clear from the header…the ART is predominant, but there is no dearth of the necessary “nuts and bolts” of the business.  The white background , the clean margins, contribute to the order of the space despite the variety of visual art represented in the moving images.

Flow is clear, both in the movement and in the way the eyes are drawn to the bottom, the navigation.  because it is unique, one wants to see what develops as one clicks on the stationary navigation at the bottom.  While it is an unusual approach the tags at the bottom are clean and small, echoing the font used in the information section mid-page, except in all caps.

The three different levels of the web page show clear attention to placement and emphasis, achieving visual harmony.

 

miniart1

Now for my foray into design…ARGH!  Her’s what I learned from doing the Mini compositions…fluency must be attained by pushing through initial resistance.  I railed against doing this, but by the last four boxes or so, I was having more freedom with my pencil.  I also wanted to be able to more effectively manage the space.  Initially all I wanted was to fill the damn rectangles!  (I have to apply this to my discipline, writing, and realize that this applies to those students I teach for whom the free writing exercises that I do with them seem like torture…like them, I’m sure, the possibility that something good will come is met with skepticism.  (I do like the feel of soft lead on thick paper and was actually pleased to find that I had kept some drawing pencils from a class I took many years ago…not that I’ve used them since then!)

The Mutts

By Joseph Mischyshyn + ArséniureDeGallium [CC BY-SA 2.0 (http://creativecommons.org/licenses/by-sa/2.0)], via Wikimedia Commons                                guitar

“Guitard Epiphone 03” by Rama – Own work. Licensed under CC BY-SA 2.0 fr via Wikimedia Commons – https://commons.wikimedia.org/wiki/File:Guitard_Epiphone_03.jpg#/media/File:Guitard_Epiphone_03.jpg                                        bass

By Steve Snodgrass from Shreveport, USA (Texmaniac Uploaded by AlbertHerring) [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons                   drums

Insights in Week Three

This week finds us blogging as part of the class requirements, and I think about the blogging requirements I  ask of my students.  I also recall my first mortifying technology class over a decade ago when I was beginning my Masters degree at Rutgers.  I sat in the darkest recesses of the computer lab and cried through several sessions.  I had never been the least capable student, or at least had never personally felt that way, but that class gave me that feeling.  It was humbling, and at the same time, one of the most important experiences of my graduate school career.  I swore I would hold that self-doubt and second-guessing about my own ability and recall it whenever I questioned a student’s aptitude in the classes I would teach.  Time passes, though, and the power of immediacy diminishes.

Yesterday when I reviewed the assignments in this week’s module, I thought again about how tricky it is to teach when everyone is in a different place along the continuum.  (I greatly appreciate our professor’s introductory survey to gain an understanding of our expertise and use of technology and realize that I need to do the same.) When I began my graduate studies, I knew nothing about technology– hence the lab meltdowns.  Now after several years of pledging to upgrade my awareness and proficiency with digital tools, I’m gaining confidence, but much of this is still not natural for me.  In fact, I just tried to post to the Padlet—yes I signed up when it was “Wallwisher”—but I still hadn’t used it, and found myself stymied.  I read the “help” but doubt that my link will show the page.  ARGH!  Frustration, my old friend.  Hear me, fellow students, I am no stranger to gnashing-of-teeth!  A truth about technology use: one has to find tools that will actually maximize performance.  The goal is to learn, not to mystify.

That brings me to my own students, many of whom have never used any of the tools I introduce and espouse during their semester in 151 despite the fact that the majority of them qualify as digital natives.  Having made the assumption that my college students would be familiar and adept with all the tools I use as a matter of course, the irony that that is not the case because working with technology is not a genetic trait but must be taught as the linked video asserts resonates.  I have had stunned 20-year-olds say they never expected someone like me (translate: OLD!) to be so “up on the technology.”  Furthermore, for many of them, the idea that I would want to see all their work in Drive, so I could comment before they submit a draft was more than they had bargained for.  They resist the power of tool.

When a new semester begins next fall, I hope to be working with a fellow adjunct who has expressed enthusiasm, or at least a willingness, for our two classes to blog together.  I am excited about this.  Another aspect of technology integration is that colleagues must also be willing to share.  With all the opportunities for collaboration that new technology affords, it is astounding that I am not aware of them on my campus.  If I stay with this level of teaching for another decade or so, and if the Common Core endures, I wonder if my future students, as well as my colleagues, will be as prepared as the standards envision.  I hope so!

Forever Present: Online Courses

11118045_10204572347692222_6535808304440367363_n-1
In a New Orleans cafe, yes, but Rutgers Online portal is front-and-center!

 

I took my two remaining “personal days,” and paid for two additional days, to visit my son in New Orleans.  While this was a much-needed vacation, coursework traveled with me, making it time away, but not without  work.  This is the boon and bane of learning online.  I am not unfamiliar with the electronic omnipresence, the work that can always be viewed in Google Drive if students have remembered to put it in their shared folders.  Never, however, have I been on the “student” end of it.

Today, upon my return to the comfort of my own desk, my environs, I experience more than a single moment of panic.  When a professor posts a video urging students to be completely aware of the intense workload that they will have to bear, I am not immune to panic…and so, I succumbed.  PANIC and self-doubt inundated me.  Can I do this?  What do I need to do first?  Do I have time?  Can I do this and my regular job?  Fortunately my familiarity with this self-doubt, and my track record of success where academics is concerned, balanced the terror.  I countered with my insecurity with positive self-talk and now think I can, a lot like the little engine that could.  But for several moments there, I was forced to think like my students must think when confronted with a set of tasks that either in sheer volume seem impossible or in their complexity and newness pose a daunting challenge.

The OCC handbook provides guidelines for students and suggests that a student will likely spend an additional hour and a half for each hour spent in class.  With an in-class schedule requiring 2 1/2 hours, that means an average of about 4 hours outside of class.  We, the members of the online class I am taking now have been told that the class demands approximately 15 committed hours each week.  I can safely say now that 15 hours will not suffice for me.  Do I think I am the exception, that I am less capable than others?  No, but I know, based on the time spent thus far gaining a grasp of Module 2, that 15 hours is a conservative number.

In an insightful blog post, Linda Aragoni discusses the mistake that writers, as well as everyone else, commonly make in underestimating the time it will take to get something accomplished.  She suggests that those of us who teach writers need to divide writing tasks into five manageable “stages,” so students can look at the actual time spent at each stage in order to become more accurate at budgeting time overall.  I know that I always take more time than others require.  Writing is an elaborate and difficult process for me at any time, and this time the subject and its delivery demand more of me than usual.  This will be a case of, “If something can go wrong, it will.”  I’ll keep you posted.