Skip to content

Kismet Arts Tangent

Art Collective

    • Fall Program
    • About
    • Blog
    • Contact

recent posts

  • Project Planning
  • Peppermint Products
  • Writing Prep List
  • Automatism
  • Latha’s Prattles

  • Instagram
  • Back of Motor Oil Label

    June 6, 2012

    Today we had another critique for the labels. I’m farther away from success than I thought. I am too much of a romantic to promote motor oil. This was one of the few products where Tom said that it was silly to put a little heart-warming bio on the back. He said that products like these had pragmatic users that wanted to know about the actual differences in the way the product can benefit their lives  and not just make them feel good about themselves. That’s why I now have to come up with labels that say actual oil type information. I envy my classmates that had fun coming up with different flavors that impressed the class. Memorable ones were men’s deodorant flavors Azure Ice and Midnight Party.

    To get my laughs in anyways, I put the labels on a maple syrup bottle. A student pointed out it was a twist because for years now, when they do pancake commercials, it was a trick to use motor oil.

    (Earlier Post Relating to This Project)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • SAM app

    June 6, 2012

    Kat.countiss skins2

    View more PowerPoint from basementcat
    (Above: Presentation of screens. Flip through to see the task flow.)

    Post Critique: The theme I could extract from today’s critique was “hierarchy.” Despite my best efforts, it isn’t enough to show people where to click by color alone. All the buttons on this home page are the same size and the art next to them is very busy and obscures the buttons’ importance. One of the biggest faults about designing on a computer is that the sense of scale is warped because small things can always be bigger using the zoom tools. So, I made some huge buttons, not keeping in mind what “actual size” is. So when I go and edit this screen, I have a task list. 1) scale back nav. Buttons. 2) scale back art banner.

    Compliment break: I try to remember all the nice things that people say about my work as well. Tim complimented my use of type. It showed good hierarchy. He accused me of grabbing it from the site (Big complement. Designers for an art website have to work a bazillion times harder because their audience worships art and aesthetic.) When rebranding stuff, what I try to do is start from the beginning. Take all the type that you are working with and transfer them into a new word document, completely undistracted by neighboring images and type. Look at the information you want to present. It helps to have a font that can go Bold, Oblique, etc. to further convey hierarchy. Then color and grey is often helpful. Parse up the information, categorize. It’s exhausting to do it initially because what you’re really doing is building a genre system. Headings should be x, subheads y, dates, j, etc.

    Back to the critique, next screen: The “plan your visit” suffers from ungrid-itus. This common disorder starts when you align ungrouped things. It can lead to serious design illness and it’s best to set your guides early and often. Also considering where you are letting things live. I designed around the “find your visit” button that lead to the onset of ungrid-itus. What I should have done was find a better place to nest that in. Also, the search results column could be more obvious, with headers that say what search factors went into this narrowed result. 3) make “plan art” and “find art” buttons at top left not look like buttons. 4) expand search column 5) label it better 6) add calendar feature button

    Event Profile: How can I include more variety of content? I also did another faux pas here that comes with designing around a task flow. My end goal was a downloadable pdf, and here the button is huge and spans the bottom. Evidence of an app reading a user’s mind? Yup. Task list continued: 7) Invent telepathic widget.

     

    (Earlier Post Relating to This Project)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Yossarian’s Motor Oil

    June 4, 2012
    comparison of old Yossarian's Motor Oil Design and the new one
    comparison of old Yossarian’s Motor Oil Design and the new one

    (Left: Before Critique, Right: After Critique)

    Tom said I had too many approaches going on here. And furthermore, my brand is called “Yossarian’s”—a very complicated name and even more unreadable when done in a thick font and treated as if there was a shadow coming up from down and under (note the dark lettering on a lighter shadow). So, I went back and found a sportier font to match the sentiment of the mechanic’s name tag that was implied by the embroidery. I got a lot of comments on the embroidery. It takes a patch found at a thrift store and a high quality scanner to a make it look like I had a customer patch label. And don’t forget the few hours in Photoshop.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • The Three Versions

    June 4, 2012

    Jason had us design three versions of this gum pad. Each student had to come up with our own headline, but photography, copy and logo provided. First, we thumb nailed many formal versions and many chaotic versions. And then executing the best of both worlds into to respective designs, take the parts that work from each and combine to create a third composition. He wanted us to break everything from how we usually understood it and it generated approaches we wouldn’t have initially thought up. This is a very simple and effective way to make something fresh and fun. (Above: (Left) Final (middle) chaotic (right) formal)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Buttons

    June 3, 2012

    (Above: Pete’s shirt button– I think one day I’m going to make an interface where this is a button you must press. Where it goes, I cannot yet say.)

    Tim showed the class how to do stuff in Photoshop to make our interfaces more professional, but truly this stuff comes with years of practice and exploration.

    Using Photoshop: How to make a depressed icon

    Step one: bring in vector icon from illustrator.

    Step two: make white.

    Step three: outer glow, make a dark one.

    Step four: set glow to normal or multiply.

    Step five inner shadow

    Step six one-two pixels.

    How to make a button bar:

    Create vector bar at the bottom of canvas.

    2. Create subtle gradient (not black to white but black to grey.)

    3. Use line tool- dark line then duplicate it and shift over a pixel to create an indent

    4. Make one of the lines white and then change the opacity to 60%

    5. Group layers so you can move and duplicate them with ease!

    6. Use alignment tools to get organized!

    How to Depress

    Now that you have your button, what’ a depressed button look like?

    1. Rounded rectangle (6 pixel radius)

    And make sure snap to pixels is on to prevent anti-aliasing. (Don’t let your vector straddle pixels that=blurry)

    2. Apply reverse gradient.

    3. If desired add a really strong and crisp highlight (sharper divisions mean shiner button

    4. Add 1 pixel stroke inside box—dark but not black

    5. Inner shadow.

    The key to all this stuff is subtlety. They probably used Photoshop to design Photoshop. Be your own pixel surgeon. Zoom in on a screen grab and see what the pixels are doing. You can make any effect that you can see.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Skeleton Staff and an Interview

    June 2, 2012

    It feels like a beginning of a history. I had my first industry interview. It was for a summer internship with a small advertising agency. I recently read a book about advertising that said that times have changed where big firms are no longer economically feasible for most companies. This one is no exception. They have a skeleton staff of four people and hire freelancers depending on the projects they get. (When I read this part, I imagined advertising agencies consisting of minion’s similar to that of the Pirates of the Carribean, walking ghostly designers, just bones and eyewear.)

    I was interviewed by the creative director and a lead designer. I had such a clever answer to the prompt “so, tell me about yourself” that fate would have it that they didn’t ask me that. They had highlighted annotated my resume and commented how they visited my sites and found me to be very proactive. The designer highlighted the words “flexible” and “self-starter” from my resume. I read a resume book that said soft qualifications such as these words that can’t really be measured or even proven are half-wanted/half-unwanted. Since I don’t have that much experience, I thought to put a section of words like this to describe myself to employers. I don’t know if I would recommend this feature for everyone’s resume, but it was received favorably this time.

    They asked me how I worked with others, how I take feedback, how open to change I am and how I can be proactive. I thought these were very valid questions and I appreciated how they asked questions that mattered.

    My schooling definitely prepared me for this experience. They threw around industry words like “collateral” and “deliverables” and talked about mapping to the creative brief.

    I spoke with the principal for some forty minutes and he regaled me with what his company stood for. He said the word “marketing” a few times too many for me to be comfortable. I always imagine direct mail or some archaic annoyance like that when I hear the word “marketing.” My first and only communications job was “marketing” fiber optic cable internet door to door in Kirkland. He clarified that marketing was his way of saying that though he does advertising; his goal is to improve the customer’s sales. He isn’t after fancy design awards but rather serving the client’s needs. When he said it like that, he mentioned how Apple has amazing marketing. I asked him what the percentage of work at his company is creative—I know, “creative” is a nebulous term. He replied gracefully that it can be pretty creative if you consider that coming up with creative solutions often less will be more and it’s the elegance of the solution that will drive how “creative” a project ends up being.

    He told me a sad story about how he pitched to a client an innovative idea that was diminished by compromise and at the end, the opening of the branded restaurant took place and the client sighed and said “We blew it, didn’t we?” Marketing is a huge part of advertising, not just reaching customers but persuading your client that this idea that you cooked up for them and with them is truly worth working toward.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Boy Scout Photoshoot

    June 2, 2012

     

    boy scout shoot Anthony Roma be prepared red scarf
    Anthony Roma as “Boy Scout”

    For today’s New Media project, my team and I are still working on the Boot Scouts idea. In the program’s resourceful fashion, we borrowed another team’s member to be our scout model. He looked rather dashing in the red scarf. The hat is all him and how wonderfully fitting for today’s photos hoot. We wanted the photographer to be a playful juxtaposition of the modern and old fashioned (note the sepia and the color blocking treatment). Our model was very cooperative and understood what we were going for. (Thanks goes to Anthony!)

    (Earlier Post Relating to This Project)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Birthday Dad

    May 31, 2012

    This painting is for my dad. I admire how much he travels. He enjoys seeing the world. And he loves my paintings. This is for his birthday present.

    I think I’m getting a little better at these painting videos. I got a suggestion to explore some transitions where one thing transforms into another. I’ll have to do some more planning than I currently have been.

    Music:  Momentums by  Opus Opium. I got the music for this video from http://dig.ccmixter.org/ It is licensed under creative commons.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
Previous Page Next Page

Blog at WordPress.com.

Loading Comments...
  • Subscribe Subscribed
    Kismet Arts Tangent
    Join 102 other subscribers

    Have a WordPress.com account? Log in now.

  • Kismet Arts Tangent
    View site in Reader
    Manage subscriptionsSign upLog in
    Report this content
    Collapse this bar
%d