Posted in all, Uncategorized, Weekly Assignments

Learning Activity – typography

 

Written assignment (observation and analysis)    (4 hrs)

  1. Define the term “typography” in your own words.

    Typography is the conscious choice of a typeface to fulfill a specific task or express something. It is arranging body copy so a page filled with text looks appealing to read. It is creating systems of letters, that go well together so they can later be used arranged in every possible way to convey a meaning or create an artwork. Good typographers put the content first and make it a priority to make the content easy to read in both holistic and detailed view.

     

    So, if I had to write a short sentence I would say that typography involves the creation of typefaces and fonts and how we use them consciously to fulfill a task.

  2. Write a few sentences explaining what typography is not.

    Typography is not unconscious use of type, it is not handwriting, nor it is scribbling of letters.  Typography is not the manipulation of singular letters one at a time outside a context.

  3. Find a case study on typeface development on the Internet (similar to the ones in Addendum A). Explain which medium (small format printing, large format printing, mobile devices, etc.) the font developed is best suited for and why. Keep legibility, size and style in mind.

It was hard to pick just one typeface to study so I ended up reading about a lot of typefaces. I started my journey with a google search  and the first name that came to my mind was surprisingly comic sans, cause I loved the font when I was a kid and could not understand why we had to write everything in Times New Roman.  Even though the story of comic sans was a funny one ( as the typeface),  it was rather brief and not so interesting, so I kept searching. I then visited the website “typographica” to see if I could find a typeface there and “Pathos” caught my attention,  a serif typeface that stood out from the rest. Other than the introductory text on this website, I could not find anything about it on the web. My next stop was IDSGN a website that posts about the things we love and hate as designers, and it publishes a series of posts called “Know Your Type”, where they feature different typefaces each time.  I started by reading about myriad pro, a really popular typeface apparently, used by both Walmart and APPLE, something I found quite amusing and interesting, but decided to keep reading. I ended up with Baskerville, a typeface which I found fascinating, because of its interesting creator, its creation time and the fact that it is still popular today.

Baskerville

Baskerville was designed in 1754 and it is known for its crisp edges, high contrast and generous proportions. It is categorized as a transitional typeface, in-between classical typefaces and the high contrast modern faces. It was created by a self-taught printer to perfection his printing style, the typeface grew out of an ongoing experimentation with printing technology.

Given its origin I would say that Baskerville is best suited for large format printing and normal printing. I tested the font on its lower size 8, and found it really difficult to read without squinting. This is because the lower case letters are small in size( the x-height is small). I feel Baskerville is a good typeface for text because the body copy has a good color and evenness, this is probably because of Baskerville’s circular strokes, more regular characters, contrast between thick and thin strokes and  vertical axis in rounded letters. I did found one annoying thing about it when writing in english, the capital letters seem to be very bold in comparison to the lower case letters, something that makes them stick out and steal a lot of attention so the letter “I” kept sticking out everywhere in my text, and I figure this would be even  more irritating in german since all the nouns are capitalized there!

Research and written assignment  (observation and analysis)      (1,5 days)

  1. Document one day of your life acting as an observer of typographic design. Produce a comprehensive diary of the typographic experience of your day from first thing in the morning to last thing at night.

  2. Keep this diary within research folder or sketchbook. You should be prepared to use photography, photocopying and other means where necessary to evidence what you find, as well as collecting first-hand examples of typographic design.

  3. Make notes or comments to reflect on what you have collected and documented. Your notes should help you to consider what kind of design it is that you are recording. For example, a cereal packet may have some large obvious lettering / typographic device on the front of the box, but there will also be typography in the form of information design within a “nutritional information” table on the packaging. So are you looking at promotional design/branding or information design? Or are you looking at typography? Is it lettering?

  4. Choose two examples of design that you have collected that you consider to have either good or bad qualities. Try to analyse these further in terms of their typography. Can you identify the typefaces being used? Does the typography communicate successfully? If so, why? If not, why not?

 

I have chosen to write a virtual diary so I could upload it to wordpress. Here is the PDF: ‘

My typographic diary

Practical assignment (2 days)

  1. Complete the exercise files that came with the Lynda video Indesign Typography. Upload them to WordPress.

  2. Use your design software to design a newspaper front page. Pay special attention to typography (size, leading, column width, etc.).

    Pdf of the front page of a newspaper called “The World”: newspaper front page spread

  3. Use your design software to design a double-page spread (DPS) for your favourite magazine. (Look at an example of a DPS here.)

    Pdf of the double-page spread of a magazine: Double page spread.

Advertisements
Posted in all, Uncategorized, Weekly Assignments

Learning Activity- Sketching Techniques

Practical Assignment (observation and analysis) 1,5 days

  1. Define, in your own words, the printmaking terms.

  2. Find examples on the Internet to represent each of those terms.

In this course we learned about the following printmaking terms:

  • Wood engraving consist on ecarving an image on a piece of wood and then dipping it in ink to recreate the image. This can be done by  press or by hand. Here is an example of an image engraved in wood that can be used for printing a lot of other images:print-making_wood.jpg
  • Linocut:
    This one resembles the wood engraving one only that  you use soft linoleum instead of wood. Here is an example:linocut
  • Drypoint Drypoint is a little similar as well. In a piece of metal you scratch out an image with different utensils and then you paint it with ink and wipe out the excess with a paper cloth, then using a press you press the image into a damped paper. Here is an example:drypoint
  • Etching is a little bit more complicated, you start by covering a stiff metal plate with wax and then carve out your design. Then you dip it in acid to eat away the exposed metal(where you carved out your design). Then you cover the plate with ink (filling the encarvation only). Finally you can print it out on paper by using a press.

In the picture bellow you can see how they carve the image of the wax into the metal plate.etching

  • Engraving :

When you engrave you cover a copper plate with wax and then draw your design on it. You can do this by putting a paper over it where your design is already been drawn and draw it again over the wax. When you are done your design will be engraved in the wax and then you can scratch it out using a tool. when your design is carved and finished  you use a dogger to force the ink into the engraved lines that forms your design.  After this, as always you will have to use something to remove the excess of paint so it only remains on the encarved area. This is a long process where you start from cloth and end up removing the rest with your hands. Then it is ready to be printed on to a paper with the help of a press.plate

  • Lithography  consist on drawing and painting directly on a stone tablet, when the drawing is done, you cover it with wax. The wax does not mix with the ink so it will create a negative effect. Then you use a press to transfer the design to paper.Here is a drawing before using the wax:litography
  • Screen printing is a process where you start by first making masks that prevent the ink from reaching certain areas of the surface where it is going to be printed. Then you follow-up by pushing coloured inks through a fine silk screen (using a rubber squeegee) to the surface of the final print.  You can repeat the process several times with different colours to make a full colour image. This method is often used for printing on to textile like tshirts.In this picture you can see the process of transfering the ink into the surface:screenprinting
  • Monoprinting 
    Is a printing technique where you can only reproduce the image once. There are several techniques that can be used to make a monoprint, such as lithography, woodcut and etching.monoprint
  • Digital Printing 
    Is the form of printing we are probably more familiar with. These are methods of printing digital images to other media. The tools that are often used are high volume laser or inkjet printers.Digital Printing

……………………………………………………………………………………………………………………………………………………..                        ……………………………………………………………………………………………………………………………………………………..

3. Use your graphite, eraser, eraser putty and blending stub to sketch spheres using the following techniques: hatching and cross hatching, blending, rendering, squiggly lines and cross contour lines. (Please scan your sketches and upload them to your blog.)

LA3

4. Watch the prescribed Adobe Illustrator video on Lynda.com and complete the exercise files.

 

5. Find a poem that inspires you. Follow the exercise in the lesson above and illustrate your poem

Posted in all, Uncategorized, Weekly Assignments

Learning Activity-Gestalt Theory

Practical Assignment (Observation and Analysis) 3-4 hrs

  1. Define the Gestalt Theory in your own words.
  2. Page through a magazine or newspaper or browse the Internet and find a different Logo for each of the principles. Explain in your own words, which logos are showing which principles, motivate your answer.
  3. Find Examples for four themes of thinking and explain your choices.
The Gestalt Theory states that humans can perceive something as a whole even when it is incomplete or just a lot of shapes put together in a special way.  This means that the brain tries to understand  the whole composition first instead of looking at each specific part on its own. Just as we read a complete word instead of each letter our brain will read a whole composition of points put together as a heart instead of seeing each point separately.

Similarity

These two are examples of similarity and proximity, since all the shapes that form the whole are equal, we perceive them as a pattern or in this case since they are close to each other (proximity) and assembled in a special way, we perceive them as stars.

Continuation

The three logos above are an example of continuation. Our eyes are guided through lines, so using to create continuation and allow our eyes to see the whole shape is a good practice. In the EA logo our eyes are guided because the two letters are connected and the E is pointing towards the A. In Hughes there is a line in the that crosses the whole word from h to S and leads our eyes so we can read it easily. the last ones connects the two words of the word mark as a n image in a clever way, we first read the word doctor and then the line guide us to the shape of a car and then we read the name and our eyes realize what it’s happening.

Continuation controls how the view will see the whole and what she will see first and last.

Closure

The two logos above are examples of closure. As you can see, even thought there is not a clear picture of a woman or a bird, we still can see them because of the way the shapes are positioned in relation to each other. since enough of the shape is indicated, even though they are not complete, we can still visualise them.

 

Proximity

We can perceive those three shapes as a crowd of people, a sphere, and a square because the parts that makes them are close to each other, if they were to be further apart we would only see a lot of shapes.

Figure Ground

what is the figure and what is the background? This is my favorite one, our eyes perceive a form, silhouette or shape as a figure and the surroundings as a background. You can use this knowledge to make an image clearer to the viewer or play with the relationship so that it becomes more interesting and unclear as the logos above have done.

Themes of thinking

 

White Space

Apple has always been the king of white space so I thought of them right away, and they have always told you so much with few words. Here are some ads they used to promote themselves. As you can see there is really little information in the ad and a lot of white space, but they are easy to understand anyways. The subjects in the ads create the motion and guide your eyes towards the Iphone. They are leaving their old phones and running toward the more colorful side, which is the Iphone side.

Graphic Impact

creative-anti-smoking-ads-18-5832f4da5dd3d__700.jpg

I found this to be a good example of graphic impact, as you can see there are no words but we can still understand so much from this simple image.

Text minimization

when I thought about text minimization I thought right away about Amnesty International. Their posters usually say so much and they only use a sentence to explain the complex issues. ThIS captures the attention of the readers even more than a long explanation.

Focus

kong-on-line-shop-shoe-bag-small-44609

 

The design of this bag focuses on the product, the most important part of the brand!

 

Posted in all, Uncategorized, Weekly Assignments

LA – Customise a WordPress site

Good sunday afternoon!

 

This week has not been that great, given that I was sick  and had to learn a lot of stuff at the same time. But, fortunately I made it through. Here is the learning activity from this week:

 

Take your theme that you have installed on your hosting account and customise it as per this module. Then I want you to find some WordPress hacks that you can use to customise your website even further. The main thing with this project is to not just do things for the sake of doing them. I would like you to explain the tweaks that you have made and your reasoning for adding certain features. Please upload a Word doc along with your assignment, so that I can see why you’ve made certain decisions.pp

I haven’t uploaded so much content to my site yet, since I am still not finished tweaking with the code, but I have done a few things with it. Click bellow to see my website and my decisions:

 

ariannadesigns.no

decisions

 

 🙂

Posted in Uncategorized

Learning Activity-Working with wordpress

It is really nice to be back from summer vacation and start learning again. I have to admit that it was hard to hold my routine and complete all the tasks this week but at the end it turned out fine.
Although it looked like it, the learning activity this week was not an easy task, I kept running into troubles with my hosting provider and found finally out that I need more databases to be able to run WordPress and other sites as well. This led to me deleting all the files I had stored in my database, to be able to use it with wordpress. The site is far from finished but at least I managed to upload it to my server!
I will leave a link down bellow where you can see what I have managed to do so far, but first, the learning activity :
LA week 32, Working with WordPress

Learning Activity – Working with WordPress

Learning Activity – Working with WordPress (6 hours)
Firstly you need to download and install WordPress. Then publish it to your web hosting account. Create a subfolder if you wish to avvoid conflicts with previous websites.

After all the “admin” is complete, you can start having some fun.
Choose and download a theme that best suits you and install it. Then customise this theme in order to create a portfolio website for yourself.

Due dates

This Learning Activity must be published on your WordPress blog by the end of the week, by Sunday midnight.

Please note

You must complete 80% of the Learning Activities in order to pass this course.

Resources and equipment

  • Dreamweaver
  • WordPress
  • Existing WordPress theme

 

 

 

ariannadesigns.no

 

🙂

Posted in all, Uncategorized, Weekly Assignments

LA-Packaging (Best Friend Treats)

I am sorry for the late post! This was actually due for last sunday but I was really sick and was not able to finish it till then. Anyway, better late than never 🙂 

 

Using the logo you created in Week 1 and the brochure you designed in Week 2, think about your brand and design packaging for your product. Remember that you can decide about the detail of your product. Is it dog biscuits, meat products in a tin, dry pellets or a new and exciting product?

Do your design according to the following steps:

  1. Exploration
    Use sketching techniques to draw thumbnails and hand in your thumbnails as scanned PDFs.’

thumbnail sketches 1thumbnail sketches 2

  1. Brand integration
    Choose one of your thumbnails and refine your design. Place it next to your brochure and logo and see how you can merge your design with the brand identity. Also, what fundamentals of the brand can you draw from and use in your design?
    Hand in a picture of your thumbnails, mock-ups, logo and brochure together.

detailed illustrationplanning

  1. Design
    Now design your packaging properly, using any design application of your choice (or a combination of e.g. Photoshop, InDesign and Illustrator). Export the flat design as a PDF.

Click here to view the final design.

  1. Presentation
    Make a life-size mock-up of your final design and take photographs of it. Remember that you can take more than one photo to show the different angles and sides of the packaging. Here your presentation skills are vital. How do you present the final mock-up in a photo to reflect the true essence of your design?

YELLOWALLE PRODUKTENEBAKDOGGY