Archive | 'Assignment No. 03'

A 03: Structure: Content Document

by claire

I am working on content for my portfolio, about page, and resume.

My portfolio page will be three sister pages of design, illustration, and book arts/crafts. I have made a list of all the pieces I want included in each, as well as alternative pieces that I may include with a, “student work,” disclaimer. I also want to have blurbs by each piece like they have in some design books. Which include client (or class) year, and programs used.

I am writing my about page… I need to take it to the writing tutor center to help give it some pizzazz. It currently has my name, where I’m from, and when I knew I wanted to be a graphic designer. Should I include non-art related tid-bits about myself? Or should I keep it all professionally centered?

My resume needs some work. How can I appeal as professional and dependable with hardly any experience? I have some ideas; basically making the little experience I have sound like a bigger deal. As well as citing my waitress job and citing how it has helped me as a designer.

Right now, I have enough to work with, but I need to expand on other parts of the process and return to this step to finalize it.

Research and Discovery

by James

I have been very impressed and influenced by websites featured on the bestwebgallery. I love the use of typography, space, headers, graphics and thin lines.

One of my favorite sites is Phil Coffman’s wordpress design. I found him through John Nack’s Adobe blog.

Great use of the 960 grid system and wordpress.  I love it!

Great use of the 960 grid system and wordpress. I love it!

I have been a big fan of Jina Bolton’s Sushi & Robots site since I first laid eyes on it. She is a contributor on A List Apart. She knows what she is doing- unlike me…

I love her simple navigation, it is classy and compelling.

I love her simple navigation, it is classy and compelling.

This japanese design firm has a very interesting footer with contact info, social links and search. most of those are things I would think of as being in the header.

Check out the footer on this one.

Check out the footer on this one.

The call to action on this portfolio site was really straightforward and honest. I really like the approach.

A great call to action within a portfolio.

A great call to action within a portfolio.

The graphic header and integration in this portfolio site is very personalized and breaks the mold. Think outside of the expected.

Sweet graphical header

Sweet graphical header

Typography is used in so many ways on the web now. There are interesting ways accomplish effective communication.

This dropcap makes me happy.

This dropcap makes me happy.

Red Ribbon combines type through an image with CSS formatted text.

Ribbons of Red combines type through an image with CSS formatted text.

I found a couple of examples of type heirarchy that really fit what feels right in my mind.

Simple color in type helps with heirarchy.

Simple color in type helps with heirarchy.

Great sections with type color.

Great sections with type color.

The challenge lies in incorporating good ideas and elements into my own design. I find that it is the subtle smaller styling that really can make or break a page design.

thumbnails

by Kasaundra

My thumbnails sketches for my personal portfolio website.

I took a long time to come up with this first idea, and I think I like it the best right now. It was inspired by the Pandora website.

my favorite idea

my favorite idea

The top navigation would get me to the home page, my portfolio, and my contact information/stuff about me. Then the sidebar would navigate my portfolio once you get there. It will have the sub categories of my portfolio (posters, logos, magazine spreads, etc). I want the pictures to be able to slide to the left and right, and have mini pics along the bottom so you can click on one to go straight to that pic instead of using the arrows if you want to. Then along the bottom of the viewing screen is another small navigation bar where you can click to learn more about the artwork (the process, sketches, explanations, etc).

This next idea was just me thinking on paper.

thumbnail sketches group 2

thumbnail sketches group 2

And this was my last idea…

thumbnail sketches group 3

thumbnail sketches group 3

Essay

by Kasaundra

Graphic Design Is Not Making Something “Pretty”
By: Kasaundra Mace

If you’re a graphic designer, chances are that you’ve been asked to help someone make something look “pretty”. That’s not your job. You are a designer and a thinker. You’re job is to know the market, solve problems, and design accordingly. So what do you say to someone who doesn’t understand what you do? How do you help them solve their problem and explain to them that what you’re doing is not just making it look “pretty”. What you’re designing has rhyme and reason behind every line, every color, every word, and every dot.

Imagine you’re at a restaurant, and you’re looking at the menu. You’re thirsty, so you look for the beverages, but you can’t seem to find them anywhere. This frustrates you, so you give up and just get a water and start looking for a juicy steak. You find the one that looks delicious, only you can’t figure out how much it costs because the prices are all jumbled up. What is the problem here? This is poor graphic design. It doesn’t matter how amazing the menu looks, it’s no good if it is not helping the customer. In graphic design the form almost always follows function. What good is a menu if it doesn’t funtion the way it’s supposed to?

One common misconception about graphic design is that it’s an easy job. Whenever I mention that my major is Graphic Design, I always hear things like, “Oh that’s such a fun major!”, “That must be so easy”, “Oh, that would be so much fun if I could just draw all day”…. My room mates and close friends can all tell you that this is not true. I work just as hard, if not harder, and stress out about my projects just as much as anyone else. I might not have to memorize 200 words for chemistry class, or be tested on the several equations I learned for math class, but I have to think just as hard when it comes to solving a design issue for my many upcoming projects, and need to worry about getting them all done on time.

Another misconeption is that if someone knows a little photoshop or some basic techniques of web design, then they can do anything that a graphic designer can do. Again, they think it’s so easy, but that’s not at all true. Someone might know how to use the tools, but do they know how to use those tools effectively? Do they really know what their design is doing to promote business, or do they just think it looks cool? A good graphic designer knows why they made their text blue, or why they decided to include an illustration. They know the business they’re designing for, and they know the audience that they are trying to reach. Therefore, they know the best way to solve the design issues, and make it appealing to everyone.

So then what is graphic design you ask? It’s a way of thinking. It is a skillful way of communicating a visual representation of ideas through text and images. “Graphic design informs, persuades, organizes, stimulates, locates, identifies, attracts attention and provides pleasure… [it] is a creative process that combines art and technology to communicate ideas.”
(www.aiga.org) Graphic designers will use different methods to create symbols and other images in order to communicate a certain message that is a visual representation of it. Graphic design not only refers to the design itself, but to the actual process by which the communication was designed and the product(s) formed.

There can be major problems that a graphic designer will face, and they are expected to be able to solve it. Graphic Designers need to “solve communication problems. And, in order to solve the problem, they need to understand the problem. And, in order to understand the problem they need to LISTEN.” (http://whatintheworld.aiga.org) One problem that can arise for a designer is when there are pre-existing materials or other elements in the compostion they are supposed to design or re-desgin. This one problem can be problematic in several ways. For one thing, the pre-existing design might be part of the company identity, so you can’t completely transform it or their customers will be lost. They won’t know if it’s really the same product or not. Another problem could be with the clients own conflicting ideas. The design may not have existed before, but the client might already have an idea in their head, or on paper, of what it is they think that they want. Those clients may not be as willing to accept your ideas, therefore there may need to be some adjustments and other compromises made to the design.

You’ve probably noticed that the best graphic designs will cause you to feel something. It’s all around us, and whether you realize it or not, the design is affecting you and your emotions. The color, the choice of font, the images used, everything about it was chosen for a reason, and made to make you feel something. Some designs are meant to grab your attention right away so you notice it. Billboards for example can be great attention grabbers when done properly. Then again, there are some things graphic designers do that are meant for you not to notice. How often do you pay attention to the way a magazine’s grid is all layed out?

Most people don’t realize all the different hats a graphic designer can wear – and all at the same time! They need to communicate regularly with the client to make sure that they understand what the goals are. They need to stay informed, and keep up with the latest and greatest technology and computer programs. They can sketch out ideas and be able to come up with great designs from vague ideas. A designer knows how to work with photographers, printers, web developers, and other people within the industry. They also need to be excellent time managers and be able to stick to their budget. There are plenty more, but that gives you an idea of what can be expexted of a good graphic designer.

Graphic design is not just making something “pretty”. As you can now see, it really is a way of thinking. Graphic designers are great problem solvers, they think things through, put function before the design, and are very professional about what they do. Graphic design “is visual problem solving using text and/or graphical elements. Your aim is to create something that is pleasing to the eye, and gets the attention of the viewer. But things can’t just look cool. They have to work as well.” (www.adigitaldreamer.com) So the next time someone tells you how “pretty” your design is, make sure you tell them what it is you really do.

A.03 Audience

by Tony

I’ve tried to develop a “personal brand” for years now. It has always been hard for me to try and represent myself… it seems so unnatural and almost like a lie. However, now that I’ve done a little thinking as to who I want to communicate to it’s become so much easier. It’s become a design problem instead of some kind of deep personal self expression.

So, that said, I’ve included my thought as to what kind of audience my portfolio website ought to attract:

Audience: Businesses, Design Firms & Students

1.) Business
Start-ups, and small businesses have been Tony’s main clients in the past, however, speaking to larger companies (with deeper pockets) is a new imperative.

2.) Design Firms
Tony is hoping to improve communication with some of his design heroes: Joe Duffy, Pentagram, Milton Glaser, etc. (Why not shoot for the stars?)

3.) Students
It’s a long shot, but Tony would like to have a blog that educates and edifies all those who are interested in Art & Design.

A.03 Site Map

by Tony

My site map is pretty simple. The one thing I thought of while constructing this little chart was just how important it is that the user can easily navigate to the “contact” page. If this site is to be functional at all, it needs to direct potential clients to my contact info!

fig. 1) Simple and direct site map for tonyrcarpenter.com

fig. 1) Simple and direct site map for tonyrcarpenter.com

A.03 Marketing Objectives

by Tony

For my portfolio website, I’m doing my best to think things through before I dive into the design. Here’s my first stab at writing up my “Marketing Objectives.”

Marketing Objective: Promote the design work of Tony Carpenter

This will be done in order to: Procure at least one freelance job per month, to attract future full-time employment, and to serve as a resource for design students.

This will be accomplished by developing a web site that is intuitive, well designed and easily updatable. Simplicity in design will allow his design to be the main focus. Thoughtful explanations will need to be crafted for each piece to provide contextual information wherever possible. Simple, effective navigation is imperative.

a rough idea

by Kyle
I'm leaning towards this grid

I'm leaning towards this grid

by Mary

I have focused on the Web Style Guide, 3rd Edition in this essay, which is a valuable tool that adds further confirmation to what I have been taught at BYU-Idaho. The Web Style Guide initially focuses on the process of design. This is the revised essay of what I posted earlier.

Consider the Development Team


It’s important to analyze the assets of each of its members, and therefore distribute tasks accordingly and utilize their unique talents. As a team, look at what you have going for you, and also what may be a challenge. Create a “project scope” of goals and plans for the project and put it on paper, for the sake of the team’s organization, as well as the relationship between all involved.

Circumstances may often involve team members filling more than one role. One role mentioned in the Web Style Guide is the “usability lead.” I love the consideration that good designer’s take for the end user’s experience, and also recognizing that design is about people’s experience with the design rather than mere tasty bits of technology and pasted design. The usability lead researches potential users and develops a persona to design around. The usability lead also reviews the success of the project at the end, determining if the user is responding according to the outcome outlined in the goals of the project scope.

Emphasis on Early Stages of Design


Create constant revisions & options in the beginning and the idea of improvement continually in the process. However, toward the end, the project ought to be handed to those who specialize in the final implementation of the design and let focus remain there, so that after a successful design has been developed, it can be created to fruition before becoming confused with further misgivings of the chosen design.

Get broad input early on, make the best site design and project plan possible, and then focus the team on implementing the plan.

source

Other Points Mentioned

  • remember, design is to fulfill a true need, rather than superimpose an answer to a presumed need
  • hold group design critiques of other sites to gain insight on your teams views and expectations
  • allow form to follow function.
  • Be concise, and be generous with headers, subheads, and lists, so the user can scan your content easily.

Content development is the hardest, most time-consuming, and most consistently underestimated part of any web site development project.

source

Content Management Systems


Various methods of CMS exist to allow the client to continue updating content. A blog is a simple form of a CMS. A wiki is another for of a CMS that differs from a blog, in that it allows all users to become the author.

Utilize Initial Project Scope

People are often reluctant to discuss budgets or deadlines frankly and will often agree to substantial changes or additions to a development plan rather than face an awkward conversation with a client or fellow team member.

source
Be up front and clearly communicated and referred to during a project in order to prevent and stay clear of “scope creep”. Four words come to my mind that seem to connect and carry the meaning of this concept: schedule, budget, scope, and communicate.

Don’t let the perfect become the enemy of the very good.

source

“Scope creep” is something I tend to do to myself! Even in our elementary basic science site, I made it harder for myself. The funny thing is that I recognized I might do it, and I tried not to, and it still happened! Part of the Web Style Guide that got me thinking of this is when it mentions limiting the scope by an exact number of pages. Though it is recognized that a page can’t simply be quantified in time and effort by calculating its pages, still, having a rock hard numeral to go by pulls in the reins.

Accessibility


Universal design is a valuable asset. It is designing with all people, all systems & devices, and all circumstances & purposes in mind. This is an area of design that I am excited about. It involves a sleeker design. And, I enjoy the idea of designing something that is flexible & “living.” This is a dynamic method of design that creates a movable mesh of “programmed” design that is responsive to its separate & unique users.

Information Architecture


When it comes to designing information architecture, a good process is to take inventory of content and start grouping it into chunks of information (arranging them is level of importance). It is suggested to have potential audience members review chunks of information separated on cards and organize it themselves, as well as provide them an already created architecture and observe their reaction.

Rather than provide long passages of reading (which can be provided to the user through a printable page if they desire), link to separate pages of chunks of information from a general page that presents those categories. Create modularity within a page to visually convey the separate chunks of information.

Five themes for categorizing information:

  • chronologically
  • geographically
  • commonality
  • alphabetic
  • according to their ranking compared to each other (ie. price, percentages)


Navigation


Each unique page ought to enable simple jumps to other areas of a site. This is often done by presenting an overall (global) navigation that remains consistent on a page. A common method is also to have a sub-navigation (local) that allows browsing within each overall navigation.

Good navigation will explain itself and release the need to verbally tell a user to where go. Attempt to be versatile in designing this interface, so that those who frequent the site and know where to go can find it quickly, yet provide a way for new users to find and understand the navigation.

Site Structure

by Mary

I have focussed on the Web Style Guide, 3rd Edition in this essay, which is a valuable tool that adds further confirmation to what I have been taught at BYU-Idaho.

It’s initial focus is on the process of design. Consider the development team. It’s important to analyze the assets of each of its members, and therefore distribute tasks accordingly and utilize their unique talents. As a team, look at what you have going for you in the next project, and also what may be a challenge. Create a “project scope” of goals and plans for the project and put it on paper, for the sake of the team’s organization, as well as the relationship between all involved.

Circumstances may often involve team members filling more than one role. One role mentioned in the Web Style Guide is the “usability lead.” I love the consideration that good designer’s take for the end user’s experience, and also recognizing that design is about people’s experience with the design rather than mere tasty bits of technology and pasted design. The usability lead researches potential users and develops a persona to design around. The usability lead also reviews the success of the project at the end, determining if the user is responding according to the outcome outlined in the goals of the project scope.

Emphasis ought to be put on the early stage of design, with constant revisions & options in the beginning and the idea of improvement continually in the process. However, toward the end, the project ought to be handed to those who specialize in the final implementation of the design and let focus remain there, so that after a successful design has been developed, it can be created to fruition before becoming confused with further misgivings of the chosen design.“Get broad input early on, make the best site design and project plan possible, and then focus the team on implementing the plan.” (http://www.webstyleguide.com/wsg3/1-process/3-web-teams.html)

Other points mentioned are (1) remember, design is to fulfill a true need, rather than superimpose an answer to a presumed need, (2) hold group design critiques, and (3) allow form to follow function.

“Content development is the hardest, most time-consuming, and most consistently underestimated part of any web site development project.” I definite agree with this statement!

Be concise, and be generous with headers, subheads, and lists, so the user can scan your content easily.

Various methods of content management systems exist to allow the client to continue updating content. A blog is a simple form of a CMS. A wiki is another for of a CMS that differs from a blog, in that it allows all users to become the author.

The project scope has to be up front and clearly communicated and referred to during a project in order to prevent and stay clear of “scope creep”. “People are often reluctant to discuss budgets or deadlines frankly and will often agree to substantial changes or additions to a development plan rather than face an awkward conversation with a client or fellow team member.” (http://www.webstyleguide.com/wsg3/1-process/8-project-charter.html) Four words come to my mind that seem to connect and carry the meaning of this concept: schedule, budget, scope, and communicate.

“Scope creep” is something I tend to do to myself! “Don’t let the perfect become the enemy of the very good.” Even in our elementary basic science site, I made it harder for myself. The funny thing is that I recognized I might do it, and I tried not to, and it still happened! Part of the Web Style Guide that got me thinking of this is when it mentions limitting the scope by an exact number of pages. Though it is recognized that a page can’t simply be quantified in time and effort by calculating its pages, still, having a rock hard numeral to go by pulls in the reins.

Universal design is a valuable asset. It is designing with all people, all systems & devices, and all circumstances & purposes in mind. This is an area of design that I am excited about. I enjoy the idea of designing something that is flexible & “living.” This is a dynamic method of design that creates a moveable mesh of “programmed” design that is responsive to its separate & unique users.