Adobe Digital Design 2.00 Activities
2.00 Understand web authoring.
ACA Test Prep Project 2
Project 2 videos.
Website Planning
Analyzing websites to inform design decisions is a common practice among professional designers. In the real world designer’s look to one another’s work to assess what works, what doesn’t, and to keep tabs on new industry standards and trends.
The goals of this activity are to:
Read How to Design for Usability to answer the following questions:
Part 2 Evaluate our school’s website for design and content and complete the Analyzing Websites Worksheet. Part 3 Read How to Make Websites Accessible document below and answer the following questions:
evaluate our school’s website for design and content and complete the Usability & Accessibility Worksheet in groups. |
|
Web Design for Multiple Screens
Use the presentation here to answer the following questions:
|
|
Intro to Project Planning, Project Management, and Teamwork
Most jobs in the design world require teamwork and will use project management and planning tools to ensure successful project deliver, especially to clients.
Read Project management and teamwork best practices to answer the following questions:
|
|
Writing for the Web
Use the presentation here to answer the following questions:
|
|
Working with Clients
|
|
|
Intro to Info Architecture
|
|
Design Documents
|
|
Storyboards
Use the presentation here to answer the following questions:
|
|
Project Plan
Select a website project of your own and prepare a project plan.
|
|
Typography & Color Scheme
Choose your typography & a color scheme for the website above. Implementing color schemes and elements of typography in the right way can dramatically affect how a visitor feels about your site. Use the article below to help guide your decisions. You will create a document in Photoshop with examples of your font choices and color schemes. Save as a JPEG and place in Google Drive.
Flowchart
Build a Flowchart for the website above.
Here is an example of a photography website flowchart made at Gliffy.com. You can create your flowchart using this website or Photoshop. Add a JPEG of your flowchart and a Google Doc with a written summary of the website you are going to create to Google Drive. |
File Organization
Read the article below to help create a file structure and decide file-naming convention for the website above. Be prepared to share your file organization procedures with the class.
Wireframe
A wireframe sometimes referred to as a storyboard, is an illustration that represents every page in a website. A wireframe shows the relationship of each page in the site to all the other pages. Wireframes also show how each page element is to be placed on each page. Wireframes are helpful when planning a website, because they allow you to visualize how each page in the site links to others.
Sketch a page layout for the above website. You will then use the guide to work in Photoshop to recreate the wireframe. |
|
Design Comps
A design comp is an electronic drawing that shows a detailed design of project, like a web page. In this activity you will learn how design comps are used in the design and development process, especially when working with clients, and how to create them so they can present multiple design ideas.
Using the guide How to Create Comps, you will create at least 2 design comps for the homepage of your website. |
|
Peer Revision
Read the Peer Review guide to answer the questions below:
Taking a little extra time to show your design to a peer before presenting it to the client is an easy way to clean up your work and delete mistakes that you might have missed otherwise. Feedback from your peers is an easy way to get a unique perspective on your work from outsiders who might see things that we do not. Today we will share our design comps with the class for feedback. From the feedback you will select one design comp to use for your home page, and then you be allowed time to make any needed adjustments to the design comp. You will use this design comp as a template to create the additional pages of your website. While you are working save as a PSD. When you are finished you will save a JPEG copy of each page for Dreamweaver. |
|
Working with a Client - Design Documents Rubric
working_with_client_-_design_documents_rubric.docx |