Learning Activity – Creating a Brief.

Learning Activities

 

  • What is the client’s service/product?
    – Musician / Band.
  • What are their requirements?
    – A one stop site to post upcoming tour dates (Blog style), links to their albums and publications (Spotify). Biography page.
  • What is the website’s goal?
    – The websites main goal is to be a hub for their social media and informational posts along with information on how to get in touch with the artists.
  • How are you going to achieve this goal?
    – Using WordPress is the “easy” solution, using a tailored design and execution, it will cover the needs for the client(s). It will also be good for better updates and upkeep of the site in the future.
  • Build the website architecture (so we can see what sections will be needed)
    Website architecture
  • What is the design style that will be required?
    – New, Rustic, Rock.I like grabbing a few key words and build around them when designing for instance a mark. What definitely was a feeling along with the sound of the group was that they are merging new ideas with old ones. To better Illustrate this a small mood board was created.

  • What are your suggestions for marketing the site?
    – Facebook is a given as the group already have a presence there. In addition to using the existing social media i would have a flyer created, to be given out at places they play as they travel. Posters are also an option depending on the venues and gigs they play. Another way is to have an e-mail list followers can opt into on the site.
Advertisements

Learning Activity – Providing Your Own Hosting Service.

Learning Activities
Learning Activity – Providing Your Own Hosting Service

(2 hrs)

This learning activity is to acquire your own hosting service. This hosting service will be needed throughout the rest of your studies, and this Learning Activity is therefore mandatory.

You are free to choose any hosting service in the world. If you find it difficult to find one, we recommend one.com.

If you choose one.com, the monthly fee is only about 1,5 USD a month, and there are step-by-step guidances to setting up the account, creating e-mail addresses, connecting via ftp etc.

By acquiring the web hosting yourselves, you get (depending the hosting service):

  • Valuable training in providing hosting services
  • Domain name of your choosing
  • Personalised e-mail account with your own domain name
  • Cloud drive
  • A lot more space
  • 24/7 support
  • The service and domain name remains yours after your studies are done (if you wish to keep it)

Consider your domain name very carefully. This cannot be altered. (You can of course sign up for other domain names and delete the one you have, but “getting it right the first time” saves you a great deal of trouble.)

Also note that it can take 24 hours or more for the hosting provider to complete the registration. In some cases, you may need to print out a document, sign it, scan it, and e-mail it back to the hosting company.

 

I personally use Domeneshop.no for all my domain purchases and have several domains hosted here. I always have a good experience using this service and have been pleased with them over the past 5 years as one of their users.

Learning Activity – Analysing the Use of Design Fundamentals.

Learning Activities

Choose any one of the illustrations from the lesson “Design Drawing” and answer the following questions (when submitting your feedback – also provide the illustration you chose):

  1. What fundamentals are used successfully? Describe in detail what you think is the most successful aspect of the illustration (remember to focus on the fundamentals.)
  2. What style from the past is being used in a new way in this illustration? If no previous style is clearly apparent, does it use some form of pastiche? Why do you think this specific style or pastiche was used? Describe in detail whether you think it was used successfully or not.
  3. Read again what Mondrian said about the expression of beauty or self. Which do you think played the dominant role in the execution of this illustration? Explain your thoughts.
  4. If you had to create this illustration, before starting the actual execution, what would your initial thoughts be on:
  5. Colour (what would your approach to colour be?)
  6. Line (what would you like to portray with the use of line?)
  7. Composition (what would you wish to instil in the viewer by the use of composition alone?)

 

 

madiba

 

The image links in the assignment were broken so i decided to just choose an image i personally liked from Tahier Variawa`s page.

1 – The fundamentals used well in this image in particular is shape building. The shapes themselves are simple at thje core but together they create a recognizable illustration of whom i believe to be Nelson Mandela.

2 – When considering whether this image is inspired by any style or techniques from the past, the first that comes to mind is that it is somewhat reminiscent of what Warhol did with his celebrity illustrations. Using somewhat strong colours, simple shapes and techniques to bring forth a more complicated illustration.

3 – Mondrian says “although art is fundamentally everywhere and always the same, nevertheless two main human inclinations, diametrically opposed to each other, appear in its many and varied expressions. One aims at the direct creation of universal beauty, the other at the aesthetic expression of oneself, in other words, of that which one thinks and experiences.” (Theories of Modern Art:350)

To me, the self seems to be the apparent in this illustration. Catching the personality and essence of the person portrayed is more important in this instance rather than just creating beauty.  However the artist also successfully created interest in this image as well with the use of squares and shape building.

4 + 5 – If i were to think about and philosophize over creating this image, knowing i wanted to build the shapes the same way, i would probably begin with looking up a reference image and try to recreate the shadows and the deepest dark shapes and spots in the portrait.

Then i would be off to a good start with the main shape of the persons face using squares. Then i would fill in the rest of the shapes using colours, doing this also in squares.
Finally adding highlights the same way.

During the process however i would really need to back off and look at the image from a distance every now and then to ensure i am on the right track.

6 – Lines in this illustration is most visibly notable in the shadows and squares, if i were to illustrate this i would probably start with this as explained earlier, in this image however the artist (Tahier Variawa) may have added these after creating the main shapes of the portrait in colours.

7 – Composition is key, it is one of the most important concepts you need to learn as an illustrator and designer. However, composition is sometimes difficult to grasp for beginning artists.

I got a very good understanding of composition after becoming a photographer. And i found that that is one of the best ways to learn about composition and its concepts.

This image has a good composition and it leads the eye to where it should rest. The chest and the shoulders fram the head nicely in a way that does not draw away focus from the focal points of the illustration, meaning nelsons face.

 

Thank you for reading.

– J

Learning Activity – Focusing on Pioneering Designers.

Learning Activities

Within the broader milieu of Neo-modernism, we focus on Marian Bantjes, who set design trends with her unique application of typography, loose illustration and well balanced compositions.

http://bantjes.com

bantjes_2006_seduction

This poster is in the permanent collection of the Cooper Hewitt Design Museum (Smithsonian) in New York.© 2017 Copyright Marian Bantjes.

 

 

 

What is your opinion on  the use of the computer combined with different media? :

Using computers and technology in combination with more traditional media is in my opinion crucial.Ensuring that you have both the skills in the use of new tech as well as the use of traditional means to convey a message speaks volumes about how good you really are as an artist, be it an illustrator, designer or photographer.

Artists that only use computers and have no real skill in drawing and sketching on traditional paper have a tendency to create lifeless imagery in most cases. There are only a select few artists that can pull this off. This may be because they have a very specialized style or way of working, however, you usually find that to some extent, they can do both traditional and  digital work.

The cool thing about being an artist is that you can specialize in what you like working with the most. As time passes you get ideas and try to experiment with different medias and technologies, Some find the one thing they love and specialize in it. Other artists work in allot of different medias because they simply need the variety.

How you end up working as an artist and what you create, be it through your process, style or even what media you use to convey your message, this is highly individual.

The aesthetic of what you create, then becomes your voice. Small things like raster vs vector, pre-sketched on paper and scanned vs digital sketching, all these small differences have an effect on the finished result, that is in the end usually defined as “style”.

Even using Adobe Illustrator on an Ipad is different than using Illustrator it on a PC workstation, even this tiny difference makes an impression on the way you work and changes the end result in some way. Even if you are not aware of it.

The tools you use can be varied and using technology in creating is something i think most artists would benefit from. However in the end what software and tech or materials you use does not matter, unless you develop you general skills and especially your eye for the arts. Software and tools can only be used well if you spend time developing your eye while you create.

 

swissted_11

 

The relationship between image and text : 

In this section of the post i will explain the connection between image and text in neo-modernism and how it relates back to the Swiss design style.

The use of grids with typography is ever present in design, especially when it comes to poster design and front pages, even on flyers. A good poster design is well composed, this often is up to the eye of the designers but the best designs are created while using a grid to align everything in some way.

Even in Swiss designs where the headlines and text create interest while being asymmetrical in their respective layouts rely on the use of grids to look good and reach a professional standard. As an artist you have the creative freedom to play with typography and illustrate the typography itself and around it.

There are rules in place for creating good typography with a heavy emphasis on legibility, as a creative however there is nothing stopping you from creating interesting visuals with typography and layouts.

This may not be theoretically correct always, however if the composition is solid and it looks good it can be considered good or even great design. In other words, different can be good as long as it is done well. We all need to understand that being different just to be different, seldom vibes well with the designs or in the eyes of the beholders.

 

Thank you for reading

-J

Learning Activity – Research on Late Modernism.

Learning Activities

Research,

influences and analysis,

the Swiss international style : 

 

How would i define the style : The Swiss international style was the basis of much of the development of graphic design during the mid 20th century.

The main characteristics defining the style is highly legible and bold sans-serif typefaces, usually accompanied by photography as a means of visual communication. Imagery of cars, motor cycles and other vehicles like planes and ships was also very prominent, as they were considered big symbols of modernity.

The most recognized and influential works were developed in the form of posters. This was due to posters being considered the most effective means of communication at the time.

What i find most interesting about the style and its philosophy is the use of grids and asymmetrical layouts while still leading the eye in a preferable manner over the poster/message.I think this creates interest and keeps the eye of the beholder for a longer period of time.

17ed3f280af97cd830be78a001f29818
Image by Ruffhaus Design.
Style Philosophy : Objectivity, legibility and simplicity.

The characteristics of the style is influenced at its core by mathematical grids. By using them the designer ensures the end result is harmonious and the information is structured from the start of the design process.

The text and information is then applied, usually in a flush left, ragged right alignment.
The fonts chosen for the texts were sans-serif, and was thought to express a more progressive and modern age by the designers at the time.

Prominent Typefaces used were Akzidenz – Grotesk and later on the typeface Helvetica was developed by Max Miedinger and Eduard Hoffmann. The helvetica typeface was created to be (at the time) neutral with great clarity and readability.

It was heavily inspired by the Akzidenz – Grotesk typeface and was in fact named “Neue Haas Grotesk” at the time. It was renamed to Helvetica (“Swiss” in latin) to make it more marketable internationally.

In recent times as we have adapted screens and displays in our daily use, the typeface (Helvetica) is considered to be limited in its legibility due to its narrow apertures. It is also apparent that the legibility is compromised when used in small print sizes.

Influences on the Swiss style includes Constructivism, Suprematism and most notably the Bauhaus and De Stijl.

The Bauhaus movements motivations in the 19th century was to improve upon the soulessness of manufactured products. They felt that creativity and the industry manufacturing for every day life were drifting apart.

Bauhaus, a German word meaning “house of holding” was a school founded in 1919 in Wimar, Germany by architect Walter Gropious.The school was based on the desire to reunite the applied arts and manufactoring, as well as reform education.

Experimentation and problem solving at the Bauhaus is enormously influential for the approaches to education in the arts.
It has led to the “fine arts” being re-thought as the “visual arts” and as a form of research and the use of a more scientific approach.

Function over form was the main school of thought and is still widely used in graphical design today.

The De Stijl movement (The style),The futurists and constructivists wanted to destroy the old world and create a new one based on the machine, industry and socialism.

De Stijl rejected the traditions they belive caused world war 1, but unlike the futurists and constructivists they wanted to rebuild the world with an approach that merged math and harmony.

 

Joseph Müller-Brockmann.

One of the best known designers from the Swiss international style is Joseph Müller-Brockmann. He was influenced by the ideas of several different design and art movements including Constructivism, De Stijl, Suprematism and the Bauhaus.

beethoven
Some of his most decisive work was done for the Zurich Town Hall as poster advertisements for its theater productions.

He also became a teacher at the Zurich school of arts and crafts. Spending most of his life publishing several books on graphical design and on the visual arts as well as teaching even into the early 1990`s.

There is no doubt his work, books and the philosophies he taught has strongly influenced Graphical design, especially the Swiss style, not just for the present, but well into the future.

Armin Hofmann.

He began teaching typography at the Basel School of Design at age 27. He had already completed his apprenticeship in lithography at that time. He himself along with his colleagues and students were integral in structuring the theories and the work surrounding the Swiss international style.

The philosophy behind all this was a belief in an absolute and universal style of graphical design, the style goal was above all else to create clear and good way of communication.

In doing this they practiced new techniques of photo-typesetting, photo-montage and experimented with composition as well as a heavy use of sans-serif typography.

It did not take long before he became the head of the Basel School of Design. Using the Swiss international style and having a belief that the poster was one of the best ways of communication at the time, in particular for the Basel Stadt Theater.

As Joseph Müller-Brockmann did, Armin Hofmann wrote a book on his philosophies and practices, his book and work is still a refference for all graphic designers.

 

 

Thank you for reading.

– J

 

Refferences and research :

http://www.designishistory.com/

https://en.wikipedia.org/wiki/International_Typographic_Style

https://en.wikipedia.org/wiki/Helvetica

https://en.wikipedia.org/wiki/Sans-serif#Neo-grotesque

https://en.wikipedia.org/wiki/Counter_(typography)

https://en.wikipedia.org/wiki/Akzidenz-Grotesk

Mandatory Assignment 06 – Motion Design.

Mandatory Assignments

 

 

Concept : Initially i decided on starting out the animation in black and white, then to add color to some words to highlight and add some interest. Meaning i wanted to highlight instances (ie: words and concepts in the design) in red.

Moodboard : I wanted to keep it simple as this was my first After Effects project. So i focused mainly on the colours i wanted to use.


Animation : Starting out i structured the animation text needed for the project creating the main structure of the text in the animation. While story boarding a wanted to create something connecting the text to the studies Noroff provide, however doing this for every instance would be too much for a 30 second clip. I decided on a few aesthetics that i felt described the kind of work and concepts the students of Noroff work with.

The most time consuming part of this animation for me was going over all the videos about how to use After Effects. Learning the software itself by using it was the most rewarding for me personally and i am happy with the end result concidering this was my first shot at doing a professional intro in motion design.
Sound : I considered creating the sound design myself, however i wanted to keep my focus on animating rather than creating music for this assignment as i have never animated anything before. Keeping focus on learning as much as i could about using Adobe After Effects and animation.

After i got the animation going and things started to fall into place i spent allot of time doing small tweaks and making everything work with the music/beat. I also wanted everything to be timed well and did my best to try and keep the text flowing and somewhat dynamic. I tweaked and focused on the details as well even though they may not be
noticed the first time someone sees the intro.

I commissioned a musician to create something for me and this assignment. However life happens and the track was not finished when i needed it for my animation. I had a feeling this would happen this time around so i had already
researched and decided on a backup track to use.
Artist : Ceno Limit.

The licensing of this track is free as long as i credit the artist and do not use it for commercial gain (re-selling or charge for its use in any way).
I have reached out to the artist asking about the track and to specify this, however i never received any reply.

1. Usage. YOU ABSOLUTELY CANNOT USE THE INSTRUMENTAL COMPOSITION OF WHICH YOU ARE ATTEMPTING TO DOWNLOAD (hereinafter referred to as “the Beat”) FOR ANY FOR-PROFIT, COMMERCIAL, OR FINANCIALLY EXPLOITATIVE USE. AN APPROPRIATE LICENSE MUST BE PURCHASED OR PROPERLY OBTAINED IN ORDER TO EXPLOIT THE BEAT. Acceptable use without obtaining a license (hereinafter referred to as “Free Use”) includes:

– Reproduction of tangible copies of a recording on the Beat of up to 50 non-profit copies.
– Showcasing of a recording on the Beat in a non-profit manner through an internet-based medium such as Myspace, Youtube, or a personal webpage.
– Performing a live act on the Beat in a completely non-profit show.
– Redistributing the Beat by itself with all filenames and credits intact (see section 2) through the internet or a tangible medium.

2. Credit. You will provide proper credit for the creation of the Beat by writing ‘Produced by (Insert Producer Name) on all official documents or surfaces released with tangible copies of a recording on the Beat. It is alternatively acceptable to credit the Beat’s direct producer’s real name or stage name for the creation of the Beat. If there are absolutely no means to provide written credit, vocal credit is required by actually recording the phrase ‘Produced by (Insert Producer Name)’ within the first 30 seconds of the Beat.

Design :
The design outcome is what i desired for this project. I focused on the typeface provided and had fun using it in the animation in different ways. The Gotham Typeface have alot of different fonts i could use to create something dynamic.
The one exception in this is the “Graphic Design” headline that i animated as handwriting,
here i used Brush script typeface to create the desired effect.

Analysis :
All in all i am satisfied with my animation. A few notes i have made for myself during this project is that i learned allot about animating text and effects. Next time i animate in after effects i would like to pursue something more visually “artsy”, meaning i want to use more illustration and maybe even videography to enhance my motion design.