Project

Project 04 Step 04
Web Page Design: Revision

What are we doing?

Complete the Web page using the feedback from the class.

Why are we doing it?

To create a Web page that addresses the needs of a reader visually and with a well-designed typographic hierarchy.

How are we going to do it?

• Open Art230-p4_template-02 and save as Art230-p4_template-03.
• Collect the feedback from your team members about your Web page.
• Create a list of the five areas that need to be improved and how you plan to improve them.
• Revise and refine your design.
• Ensure that your page has a 100-pixel tall frame at the bottom for your footer. It should already be there from the last step; if not, add it now.
• Upon completing the page, find the folder art230_p4 and place your new file in it.
• Inside the art230_p4 folder is a file named art230p04.idml. Open this file and save it. The file you made named Art230-p4_template-03 should show up on pages 8–9 of the document.
• Update the link.
• Complete the introduction page with a description of the assignment in your own words.
• Complete the conclusion page with the three most important concepts you learned and how you think they will be valuable to you in the future.

Process Blog Post

After you have completed all of the steps listed above for this lesson, you are ready to complete your process blog post. Blogposts should be structured like a presentation with a beginning, middle and end. Each step will involve it's own process and its own unique challenges and successes. Introduce the assignment, talk about what worked for you and what didn't, explain which of your solutions are working using design principles to back it up. If you have specific questions about how to move forward, you can ask them in the blogpost.

Please include the following in your blog post:

• Write a 200-word blog post that includes a JPEG image exported from Adobe InDesign.
• Copy the text from the blog post and paste it into Project 04 workbook.
• Include paragraph breaks, subheads or other typographic elements to make the post visually accessible.
• The post should be designed and encourage a reader to engage.
• Include a featured image

Once the Process Blog Post is complete, submit a link to the post in I-Learn. To submit the link in I-Learn, click P4S4 link in the left navigation and then click on the Open button at the bottom of the I-Learn window.

After you have submitted your assignment in I-Learn, you will need to provide feedback to your team members in WordPress. Your feedback to team members will be on the following areas:

• Idea: Rate the uniqueness of the overall idea. Is it ordinary and expected or original and unexpected?
  • 1–3 pts: unimaginative – confusing
  • 4–6 pts: ok – great
  • 7–10 pts: great – amazing
• Formal design choices: Rate how well the design principles are used.
  • 1–3 pts: unimaginative – confusing
  • 4–6 pts: ok – great
  • 7–10 pts: great – amazing
• Typography: Rate font choice, size, kerning and spacing, add to the communication of the concept.
  • 1–3 pts: not at all
  • 4–6 pts: doesn’t help or hurt
  • 7–10 pts: significantly adds to the overall communication
• Portfolio: Would you put this in your portfolio? Base this on the quality of the work, not whether it would be appropriate for your personal portfolio.
  • 1–3 pts: no
  • 4–6 pts: maybe with changes
  • 7–10 pts: yes with no changes – absolutely
• Blog Post: Rate the quality of blog post.
  • 1–3 pts: messy, unclear, major errors
  • 4–6 pts: understandable, organized, rambling, spelling or grammar errors
  • 7–10 pts: clear, thoughtful, engaging, free from errors

You should list the item, your rating, and any comments you had to help your team member improve. Your feedback on process blog posts will not be used as part of their grade but will help you to teach one another to improve their work.

Exercise

Header Examples

Find 3-5 examples of Web page headers that have successful branding and navigation. Create a blog post to reflect on your experience with this exercise.

• What do you know now that you didn’t know before doing the exercise?
• What would you suggest to improve the learning experience of this exercise?
• In your blog post, include a picture of or link to the successful headers you found.
• Scan or take a photo of your work and include the image in your blog post.
• Submit the URL for the Exercise Blog Post in I-Learn by clicking on the "Open" button below and pasting your blog page URL in the space provided. Then, click submit.

Reading

Reading 08

• Text | Thinking with Type by Ellen Lupton (2nd edition)
• Pages | 150–170