Now it’s your turn to create your very own website wireframe.

In the last assignment, you had to come up with a list of 10 questions for a briefing form. I would like you to now fill in this briefing form, take the answers and create a wireframe for the site.

This wireframe do not have to be a wireframe for your current Mandatory Assignment (Product Website) it’s purely for you to practice your skills.

You can choose if you want it to be a lo-tech or hi-tech architecture.  Regardless of which method you choose, I would like to see as much detail as possible. Also, please write a short paragraph to explain why you chose the lo-tech or hi-tech option.

Please upload this activity to your WordPress blog.

10 questions

Do you have a website for your company today? (Answer= No, I do not and therefor would like to have one for my new company).
What are the concept of the company? (Answer= The concept of the company is a production house, where we sell digital services such as branding, web development & Video production as well as marketing)
Do you have a product manual for the website? (Answer= No we dont)
What type of first impression your visitors to have? (Answer= First impression should be a professional image of us that would sell)
What kind of menu display do you want? (Answer= I would like display a menu that shows our services and prices.
What information is the most important to you to display at the website? (Answer= Who we are, what we do, and portfolio projects)
What should the website be called? (Answer= same as our company)
What is most important for you to have on your website? (Answer= Information, who we are, portfolio, prices, and neat design).
What is your vision? (Answer= Our vision is to be the biggest production house in the country)
Who is your target group? (Answer= Our target group is all businesses, small and big)

High tech Wireframes

Learning Activity – Providing Your Own Hosting Service

http://www.danelkarouni.design

Part one

1. Explain the following terms in your own words:
   • The Internet (is a global system of interconnected computer networks).
   • HTML (is the standard markup language for creating web pages and web applications).
   • Browser ( is a software application for accessing information on the world wide web).
   • Search engine (is a software system that carries out web search in a systematic way for particular information specified in a web search query).
     
2. Please research and add another 10 questions to the briefing process.(See the lesson.)
   

1. What kind of visitors are you expecting on your website? (Consider their income, interests, gender and age.)
2. Who are your competitors and how do you differ from them?
3. What actions do you want visitors to take on the site?
4. What is your deadline for completing the site? How big is the budget?
5. What features should be used on your website? (This includes things like contact forms, pictures, videos, etc.)
6. Please list the names of three sites that you like and explain what you like about them.
7.  Do you have any colour preferences? What should the look and feel for the website be?
8. Who will be the contact person for this project?
9. What do you NOT want on your site in terms of text, content, colour and graphic elements?
10. Who will be responsible for maintaining the website? Will the person have the time and skills to do so?

1. From this list of 20 questions (your 10 added to my 10), please create the ultimate list of 10 questions that you would use for clients.
   10 questions made by me for the client:
   Do you have a website for your company today?
   What are the concept of the company?
   Do you have a product manual for the website?
   What type of first impression your visitors to have?
   What kind of menu display do you want?
   What information is the most important to you to display at the website?
   What should the website be called?
   What is most important for you to have on your website?
   What is your vision?
   Who is your target group?
   

My ultimate list:

1. What kind of visitors are you expecting on your website? Who is your target group?
2. Please list the names of three sites that you like and explain what you like about them?
3. Do you have any colour preferences? What should the look and feel for the website be?
4. What do you NOT want on your site in terms of text, content, colour and graphic elements?
5. What are the concept of the company?
6. What kind of first impression do you want to give your visitors?
7. What information is the most important for you to emphasize at the website?
8. What is most important for you to have on your website?
9. What should the website be called?
10. What is your deadline for completing the site?
    
    Please upload this activity to your WordPress blog

Question 1 Design your own printing checklist form. CHECKLIST PRINTING CMYK Proofread and spell check Colors: Spot color, Varnish, CMYK Layout: Live area, Bleed, crop marks, trim line Package in InDesign Images: CMYK format, resolution 300dpi at 100%, correct proportion Question 2 Research, written and practical assignment (problem solving) (1,5 days) Design a simple dummy for at least 10- at most 20-page magazine style brochure combining dynamic typography and photography. You can use placeholder text for body copy. For your magazine, use a spot varnish for the cover and design it using two spot colours. Make use of your checklist that you designed and prepare the file for print. Decide what paper weight and type you will use.  Decide what type of binding you will use, for example, saddle stich, perfect bind, etc. (See the printing terms link.) Submit the print-ready file packaged from InDesign as well as a print-ready PDF. Make sure to include the instructions (like spot varnish, paper choice and binding) in the file. I´ve chosen to solve this in a slightly different way. I solved the related exercise tasks on my magazine dummy along the way as I watched the videos on Lynda.com. Watch the videos provided beneath. Complete the Lynda.com exercise files and submit it with your assignment; Beneath you can see some shots of the process

Compare the design (in terms of pace and contrast) of an online magazine, blog or website to that of a printed magazine, book or journal.

1. What differences can you see between the kinds of design strategies used in the two formats?
2. Write down your findings and upload it to WordPress.

A blog is often much more restricted when it comes to layout, but blog readers also tend to expect a mix of pace when it comes to the content of the posts. when it comes to this blog its consists of relevant photos and it has some text.

Web:

• Layout med 3 columns
• Text and pictures separately
• A relevant background on both sides even when you scroll down.

Print

• Layout with several columns
• More variation in layout
• Bigger pictures
• Several graphical elements

1. Take a magazine, newspaper or book that includes images and text. Lay tracing paper over the top of three spreads (both left-hand and right-hand pages). Using a pencil and ruler, carefully trace the grid underlying the page layouts. Remember to remove specific text elements or images, and to only draw the grid lines. Note column widths and margin sizes at the top, bottom, and to the left and right of the main body of text. Is your document based on a two-column, three-column, or another type of grid? Which elements stay the same on each page, and which change?
2. Publish your findings to your WordPress blog and provide photos or scans of your exercise.

I could see similarities between the grid in the different pages. Usually the way the pictures and the text are aligned. Another section was the top section which was almost on all pages.

n this assignment, you will be given the opportunity to also test your idea sketching skills. It is important to start working with basic ideas on paper and develop your concept from there on out.

1. On an A4 landscape page, draw four equal squares. Create 4 more pages in this way. So, you’ll have 5 pages with four squares on each.
2. Draw one or two squares or rectangles in each empty square to achieve the following visual effects (refer to your textbook, p.41 as guidance). You can work with the interaction of rectangles and squares to make the balance or imbalance more evident.
   • Entering left
   • Movement to the right
   • Movement to the left
   • Movement downwards
   • Movement upwards
   • Balance
   • Tension
   • Symmetry/asymmetryProduce at least two different versions of each effect, recording your results each time. Explain in one or two sentences what you wanted to achieve (as shown in your manual).
3. Submit your drawings and findings at WordPress.

Learning Activity – Form and space

Using InDesign, design a 4-page brochure for a fictitious travel agent.

1. The size of the brochure should be A5 (when it is folded).
2. Design the brochure in full colour.
3. Use fake body copy, but create sensible headings.
4. Use titles, headings and images of your choice.
5. Be sure to pay attention to:
   • Choice of type
   • Choice of imagery
   • Use of layout and grid to communicate the content.

For this assignment I started off reading 38 – 39 of A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media, and then proceeded to cut black paper into different objects.

In general:

• Contrast: The high contrast between objects can lead to the perception of figure and ground.
• Size: Images that appear to be larger will be perceived as closer and part of the figure while those that are smaller will seem further away and part of the background.
• Separation: An object isolated from everything else in a visual scene is more likely to be seen as a figure versus background.

I tried to make different combinations of shapes. Obviously since the shapes are a bit bent and not glued to the paper the shadows are visible and contributes to enhancing the fact that the shapes are in fact the foreground. I discovered that the more black figures I put on the paper, the more it looked like the background. Another way was when the black shapes filled the edges and the middle of the paper, that is as well when black seemed to be the background.

Using InDesign, design a 4-page brochure for a fictitious travel agent.

1. The size of the brochure should be A5 (when it is folded).
2. Design the brochure in full colour.
3. Use fake body copy, but create sensible headings.
4. Use titles, headings and images of your choice.
5. Be sure to pay attention to:
   • Choice of type
   • Choice of imagery
   • Use of layout and grid to communicate the content.

Question 1

After reading the appropriate section in your prescribed textbook From Snapshots to Great Shots, please answer the following questions:

Name all the functions / buttons on the front of your camera

Flash, Zoom, On/OFF, Record.

Name all the functions / buttons on the back of your camera

Menu, ISO, Focus, Shutter speed,

Explain how you would set the correct ISO

I have to choose Manual through menu options then click right button to set ISO by going left or right to choose amount.

Explain how you would change the aperture

By choosing Manual through menu option and then changing the aperture through left and right buttons.

Explain how you would change the shutter speed

Choosing Manual through menu, then clicking down and left. I can then change sutter speed by going left or right.

Question 2 Take five pictures every day for the next five days. The subjects of your pictures can include a series of different objects, people and landscapes. Apply the manual settings as explained in your textbook. Submit your six best pictures at the end of the week, listing the following with each picture:ISO Aperture Shutter speedIt will be to your advantage if some of your pictures showcase motion blur and depth of field. In other words, I would like to see that you’ve experimented with the different exposure settings that were discussed in this module.

• 

• 

Question 1

Pick three events in the timeline from this week’s lesson History of Photography: An Introduction, and find photographs of the event on the Internet or in the library and write a paragraph explaining the event in more detail. Include your photographs in the description.

Event 1 – Dry plate negatives and hand-held cameras

Event 2 – Flexible roll film

Event 3 – Color photographs

In this timeline which is in 1879 the dry plate was created. This consisted of a glass negative plate with a dried gelatin emulsion. While in 1889 the flexible and unbreakable film was created by George Eastman. Commercial colour films were on the hand brought to the market in the early 1940s except for kodachrome which was introduced in 1935.

Question 2                                    

Go to the library or search on the Internet and find a photograph from the 19th century (taken before 1900). Write a short “think piece” about this photograph. You are free to select any image you would like to write about, as long as the photograph was taken during the 19th century. Examine the photograph carefully and write about what you see and what the photograph makes you think about. Some (but not all) things you could consider are:

• What does the photograph tell you about the photographer?
• What does it tell you about the subject of the image?
• Does the technical quality of the image (or lack thereof) help or hinder the success of the photograph?
• Where did the photographer stand when he or she took this picture?
• How does his or her camera position or angle affect the outcome of the image?
• Why does this picture interest you?

In short, tell me what you think about the image in your own words. This assignment is to be  posted at to your WordPress blog. The image you are writing about must be included.

In this photograph I see a woman posing. She is looking straight into the camera. She is well dressed, with properly done hair and is sitting in a straight position on the chair. This photography doesn’t tell me much about the photographer. The subject in the image is this Victorian woman. The dramatic and mysterious part of this picture makes me more curious about the photography.