Vis Com 2 – Unit 8, Expert Paths and Collaborations

In unit 8, the last chapter in Graphic Design School, the book talks about the different paths that we have read about, and their different skills needed as well as the ups and downs one might have within the specific area. It goes into details within subjects such as Logo design and brand identity, motion graphics, web design, editorial design, environmental graphic design as well as advertising and information design and data visualization. At the moment, my interests lies mostly between logo design, web design and advertisement. I will therefore look more closely at those in this blog post.
For Logo design, one will create logo, branding, for clients. It will involve a process of research, collecting information and forming a logo that shows their identity through form and symbols etc. Detail oriented, flexible and well developed design and problem-solving skills are some things that makes someone a great identity developer.
For web design, one has to be interested in emerging media. This includes some coding such as HTML and Css, and one needs to be kept updated about trends within the world of the web, as well as the evolving technology. Web designers mostly create and perfect clients online presence and identity.
As for Advertising, the designers job is to find innovative and convincing ways to sway the public consciousness, through commercial advertising, as wells as to promote social change and raising awareness of local and global issues such as health etc. Good skills to have are artistic ability with a clever visual thinking, research skills and knowledge of customer psychology and cultural tastes, ability to work under deadlines and pressure and cultural currency.

For the outside source I decided to look around and read about differences between some of the careers, to figure out if I feel like one or the other would be a good fit for me. I found a web site which is talking about being a graphic designer versus web designer.
On http://www.rasmussen.edu/degrees/design/blog/graphic-design-vs-web-design/ we can read that for the graphic design field one should put art first, they will have a one-way relationship with their audience, emphasize visual theory in their designs. They should focus on how a design communicates a message to its audience and they only get one chance to succeed once it´s sent to print.
In contrast, a web designer should see the art as a way to leverage technology, they will have a mutual interaction with their audience, employ an engineering approach to their designs, predict how a design will make its audience feel and react and they need to know how to design for versatile mediums (i.e, laptop, tablet, smartphone) as well as knowing some more technical skills (i.e., coding and programming). Being a web designer also means that one can develop and enhance their work over time.
Looking at these we can see a clear difference in the personality that might work better between the two design fields. I am still not sure which one fits me better, but it´s helpful to see what´s out there and to start consider what would be a better fit.

b5e99f4e1e67d89f1feead3b6699568a.jpg
Source: http://www.popularmechanics.com/science/environment/g53/environmental-ads-44102408/
Here is an example of an creative advertisement. The designer makes the audience thinks beyond commercial things, and goes into environmental awareness. The earth is slowly melting and they are showing it through an ice cream, something that everybody somehow can relate to and therefore are more likely to be affected by the information.

7fac5f2e30606d377c4056e087207626
Source: http://www.fromupnorth.com/inspiration-gallery-040-creative-ads/
Here is another example of an advertisement that are using a creative idea. They are playing with the public consciousness in that they are waiting for the bus, and the designer are putting a poster right by the bus-stop. Therefore they know that they are all waiting, and can play with this information in a way that might bring their attention.

Screen Shot 2016-05-25 at 1.03.37 PM.pngSource: http://www.marssaie.com
This one shows a good example of taking a logo design, and bringing it into a branding. This would be part of the job for someone working within Logo Design, as part of creating the logo itself. It often includes creating the whole identity for a client.

a58068bc4176f33ef12d80c6468462be
Source: http://www.creativebloq.com/graphic-design-tips/information-graphics-1232836
This is a long picture, but it explains Logo Design in a fun way, and shows how long a process can be and what it might include. It´s not only about creating a logo, but there is a lot of research and thoughts that needs to happen in the process.

Vis Com 2 – Unit 7, Web Design

Unit 7 in the book Graphic Design School talks about Web and Interactivity. It covers all from a web designs project development to coding, programs, what to think about for a meeting to designing a website, phone app or iPad etc. Since web design is becoming a big part for companies and therefore becoming more popular within the design world it was helpful to read more details about what to think about and different options for different situations. The book talks about how the process to creating a well designed website starts with planning: meeting with the client to talk about the goal and what the sites´main focus is. Then comes the content gathering, flowchart (mind map), and contracting. After this comes the designing phase, including wire framing, design sketches and figuring out dimensions etc. When all this is decided and confirmed the coding is to follow, which most often includes HTML and it is therefore important and a great skill to know. Before launching the site it is important to have another person help testing it, looking for broken links, typos or something that might be non-working. After launching the sites it can be a good idea to give directions and training to the client, as well as following up on feedback from people who are using the site as well as from the client. The book also goes into more details about different programs for coding, different programs to create mock-ups and wireframes, the structure of projects, consultation, IA (UX), elements of a web layout, and the different in a web site, phone app and iPad.

Being that I last quarter took a class in creating a web site, as well as recently started working within web design, I wanted to look at other sources for more information about what to think about when designing a site and what is trending today. On the site http://dogulindigital.com.au/tips-techniques-creating-website/ we can read more about what elements are popular right now and how to best achieve them. Being that the web is constantly changing one has to always be on top of what´s new and trending, and things that worked a few years ago most likely won´t work today. What´s in today? On the site it is stated that “Firstly, there is a new protocol, HTML5. This promises to facilitate Responsive Design and integrate functions that once required browser plug-ins to work. Secondly, low-powered devices have stormed onto the scene and websites have to be optimised for smartphones and tablets.”(Dougulin digital). It is therefore important to keep up with the different evolving sites etc. As of right now, some of the best designs are focusing squarely on user experience and function. This means keeping a simple design that helps the audience use the device effectively and knowing where to click and what to do.

10

dd08ec883409c4502e2da0def73679d7

These two pictures shows examples on how one can treat going from a website to iPad, to iPhone. Since they all are different sizes it is important to consider their different layouts and how to treat different photographs, paragraphs etc. http://designmodo.com/responsive-design-examples/ 47524b86a0ba9fa973d1b6cf1f2d963d.jpg
This photo shows how a layout for the web looks with an organized grid. Even though it´s not a print it needs to be organized so that the audience easily knows where to look and so that it has a authentic look. It needs to be both visually pleasing as well as easy to navigate and understand. Source: http://uxmovement.com/wireframes/wireframe-effectively-on-the-new-improved-970-grid-system/

3503d0c9cd6babe48449f43a719f59ba
This picture shows an example of a website. I think it looks well thought out with negative space, good typography and buttons for a clear navigations. It also works with color scheme and photographs, to give contrast but still keeping it simple. Source: https://www.behance.net/gallery/22672365/Mobius-Responsive-Multi-Purpose-WordPress-Theme

 

Vis Com 2 – Print

For this weeks blog post we read about printing: the different colors and file settings that are important to think about as well as the media used etc. Being new at this area it was very helpful to get more into detail and really read about this subject. Something that I feel was helpful was to consider the different files one would use, such as pdf/x, and how one should save it. I´ve always felt like I have known only part of the process, and so it was good to look at the basics again before moving forward. Another really great part of the textbook is about color, for it is always tricky to know what one should consider and think about, and how one should treat the process to print a product. Even small things like the saving process, again, and how to finalize the end file. Another good point to consider is how to create a convincing presentation can be very important, in order to have the client understand the concept and idea. In order to help with this it is important to look at the crafting process, and to realize that “although a bad concept can´t be saved by good craft, a great concept can sometimes suffer if it is poorly crafted”. This is something that I haven´t always thought about before, but it definitely makes sense in order to get on the right direction towards the client´s final goal etc.

When looking around on the internet, reading for other good sources on the topic I looked more in to the color-matching process. On the website http://www.creativebloq.com/print-design/how-match-colour-print-1131720 we can learn some steps about what to think about.
To start with, the site explains color matching as “the process in which you make efforts to ensure that the colours you see on your screen are accurately recreated when your design is printed”. They then gave 10 tips on how to best do this:
1) Optimise your workspace: Make sure that you are viewing your screen straight-on, remove the bright light sources that might cause reflection or glare on your screen which may affect the way your eyes interpret colour.
2) Use a decent monitor: Cheap low-end monitors might not reproduce colour accurately across the entire screen.
3) Make sure to check your eyesight: eye prescription, failing to keep this up to date can result in your own personal colour perception being affected.
4) Calibrate your screen: “check so that your screen is accurately reproducing colour. There are lots of ways you can do this, but the easiest is to buy yourself a calibration tool such as the Spyder or Pantone’s Huey Pro. Both these devices work by measuring the ambient light in your workspace as well as the light emitted by your screen, adjusting the colour space your monitor works within to compensate for both factors and reproduce accurate colours”.
5) Work in the right colour space: There are several different colour space profiles installed on your computer (RGB vs CMYK etc.).
6) Soft-proof your work: As well as printing your work, you can also simulate the printed look in some applications, allowing you to get a semi-accurate idea of how the final printed work will appear.
7) Talk to your printer: If you’re attempting to reprint something you’ve previously sent to commercial printers, or match an existing piece of collateral, it can be worth to speak to your printers. By providing them with a sample of the previous work so they can help you with the colour matching. This is especially helpful if printing large amounts, and to then do this with a few samples.
8) Use a color library: When printing for a specific brand or client, consider using a colour library system such as that offered by Pantone. This can help you and the client to pick a color in exactly what the printer will print.
(Words in the list by Sam Hampton-Smith)

 

print-vs-web-copy-2
This is a good picture that explains differences in color and sizes between print use or web use. It shows more broadly of what to use for resolution, file and color setting when doing print etc.
Source: http://www.brandigirlblog.com/2012/03/print-vs-web.html

ProductImage.aspx
Here is an example of a pantone color matching set. You would look for a color that fits your need, and then this would be match for the printer setting. Pantone sometimes also has different booklets for different papers.
Source: http://www.pantone.com/pages/products/ProductImage.aspx?pid=67&lid=8

softproof.jpg
This picture shows an example of a setting to see a preview your work in a simulated print environment on-screen.
Source: http://www.creativebloq.com/print-design/how-match-colour-print-1131720

pantone-type-cmyk.jpg
This picture shows a clear difference from printing CMYK (top) and Pantone spot (bottom). It is a lot clearer and clean when using spot pantone, while for the CMYK the printer had a hard time mixing and printing the right color in a clean way.
Source: http://www.andrewkeir.com/printing-type-colour/

 

Vis Com 2 -Tools and Technology

This week we are looking at different tool that helps a designer to create the best results. The book talks about photography, different editing programs and the packaging of a file. To start with, having a good basic photography skill, and a good camera, is a great start. To be able to store pictures that you, yourself, took and to know how to shoot pictures one needs. When taking photos it is important to think about angles, and to consider the purpose of the design challenge. Sometimes you might need to get things before you shoot. It it also a good idea to try to capture images that reflects the design sensibility and that reflects the message. It´s always good to keep in mind that even though there are many programs, and possibilities, in how one can edit a photograph, there are some limits to how much that can be done electronically. The book also talks briefly about the importance of having a good storage system, to keep the photographs and files backed up on something more than only your computer. We can also read about InDesign, and QuarkXPress, as well as Photoshop, Illustrator, Flash and After Effects. These are all valuable and essential to know basic tool within, in order to have the best designing opportunities.

When looking at other sources and artist I found this Swedish artist, Eric Johansson, who does some amazing work with the use of photography and photoshop. On his website: http://www.erikjohanssonphoto.com/commissioned/#/barncancerfonden/ there are multiple well done examples, where we can see how Johansson considerers how to shoot a photograph, using mediums to during the photoshoot, and then afterwords add effects in photoshop. There are behind-the-scene videos and Johansson talks about the long thought process, materials needed and the different steps – showing an example of how one can connect photography and design thinking in an effectual way.
On the website it talks about how “Erik doesn’t capture moments, he captures ideas” and this is interesting how even just a statement explains how his process is more than just taking a photograph, it´s about the thoughts and the process behind it. In order to make a great picture, one needs to consider more than just composition and lighting etc.
We can read on the site that “To Erik photography is just a way to collect material to realize the ideas in his mind with a problem solving approach. Although one photo can consist of hundreds of different images he always wants it to look as if it could have been captured. There is no CGI or stock photos in Erik’s personal work, just complex combinations of his own photographs” (about). The one hard thing about this process is how much time that´s needed. It often takes longer than one would expect and takes much effort to achieve. However, when doing a smaller project for a design it could still make a big difference to consider the meaning of a photograph compared to when randomly shooting photos. This again shows how much of the thinking process needs to go in to a design, and how photography together with photoshop can be a great tool for creating a stunning design.

1431070207973.jpegSource: http://www.erikjohanssonphoto.com/commissioned/#/unboxing-fyrklvern/
This is one of the pictures by Eric Johansson, where he created a “box” to market the opening of a new building. It shows the box opening up, as if someone is unpacking the building. This was made with photoshop, edited photographs together and printed out big.

1431035076365Source: http://www.erikjohanssonphoto.com/commissioned/#/brain-games/
This is also a work from Eric Johansson. We can see how he used two different landscapes, two pictures, and put them together. In photoshop he also added the texture of a sheet to one of the landscapes, to make it look as if it is pulled down to open a new, greener, landscape.

1bb296e42a13deb9156d910774559b7d
Source: https://www.pinterest.com/pin/103512491409587000/
This picture shows how material from outside can be a smart way to create a photograph, and it creates an interesting way to communicate a meaning etc.

6fec6b9de05c4a65eda72b9e507b51f8.jpg
Source: http://calmcalmcalm.tumblr.com
Another fun way to use photography as a tool together with illustrator is to use illustration on a photograph. This creates a fun mix of creativity and realism at the same time, and their are a lot of options on what one can do with the technique.