To get full credit for this assignment you will need to write a blog for every single week. This needs to relate to what is being discussed on the iLabs. iLabs are posted in course shell. I would also like to encourage you to further blog about the things you are most interested in. I know some of us are not into web development, but are into other media related things. Please taken advantage of this semester to explore the things you are interested in. This is a time for you to create your own assignments and to blog about your experiences. About a page minumum for every week is required. A 2 line blog is not long enough to receive credit. I want to see some thought put into these blogs to meet the requirements and the standards of DeVry University. We need to follow DeVry policy. To encourage growth we need to reply to each other's blogs. You will also need to reply to 2 other student's blogs in addition to creating your own blog for each week. This is what we will be working on in class. You will need to contact me to let me know what you have done or you will not receive full credit.
Students Here is a complete list of our Blogs. I will be also posting these in our announcements section of our course shell.
Thank you
Mr. Morris
Our Blog Links
1. Mr. Morris - http://devrywgd229.blogspot.com/
2. Alex - http://acwgd229.blogspot.com/
3. Chris W. - http://ohbeonedevry.blogspot.com/
4. James - http://jamesmoore43.blogspot.com/
5. Joel - http://jbrodnik.blogspot.com/
6. Brandon – http://brandonsdevryblog.blogspot.com/
7. Jose - http://bloggingblogsite.blogspot.com/
8. Todd - http://sxracer199.blogspot.com/
9. Mychal - http://spaceheaddesign.blogspot.com/
10. Anthony - http://devryblog.blogspot.com/
11. Kris T. - http://ktwgd.blogspot.com/
Tuesday, March 20, 2012
Tuesday, March 13, 2012
For this week you will need to write about topics relating to this week's iLab (Week 3).
iLab 3 of 7: Visual Design (50 Points)
TCO addressed: 3—Given a set of specifications for a media project, evaluate page or screen layouts for the effective use of Gestalt principles and Bertin's retinal variables for visually showing relationships and differentiation between page elements.
In a media project with a complex array of content, such as what we are creating for our web design project, there need to be consistent elements for a design team to adhere to in the project. Therefore, basic wireframes are created to help the development team stay focused on the information architecture and structural design without getting sidetracked by the distraction of the visual aesthetics of the design. The wireframes you create should be two-dimensional guides displaying where the major navigation and content elements of your site will appear on the page. The wireframes should bring a consistent modular structure to the various page forms of your site and provide the fundamental layout and navigation structure for the finished templates to come.
Using the standard elements of a web page wireframe, create a basic page wireframe for each of these types of pages: homepage, contact information page, feedback page for customers, and product/service page. Make sure to utilize Gestalt principles and Bertin's retinal variable when creating the wireframe mockup pages. Remember that although each page will be designed slightly differently given the content of the page, there should be consistency of the standard elements between pages.
Each of the wireframes is to be created using Illustrator and saved as a .pdf for upload to the weekly iLab Dropbox.
iLab 3 of 7: Visual Design (50 Points)
TCO addressed: 3—Given a set of specifications for a media project, evaluate page or screen layouts for the effective use of Gestalt principles and Bertin's retinal variables for visually showing relationships and differentiation between page elements.
In a media project with a complex array of content, such as what we are creating for our web design project, there need to be consistent elements for a design team to adhere to in the project. Therefore, basic wireframes are created to help the development team stay focused on the information architecture and structural design without getting sidetracked by the distraction of the visual aesthetics of the design. The wireframes you create should be two-dimensional guides displaying where the major navigation and content elements of your site will appear on the page. The wireframes should bring a consistent modular structure to the various page forms of your site and provide the fundamental layout and navigation structure for the finished templates to come.
Using the standard elements of a web page wireframe, create a basic page wireframe for each of these types of pages: homepage, contact information page, feedback page for customers, and product/service page. Make sure to utilize Gestalt principles and Bertin's retinal variable when creating the wireframe mockup pages. Remember that although each page will be designed slightly differently given the content of the page, there should be consistency of the standard elements between pages.
Each of the wireframes is to be created using Illustrator and saved as a .pdf for upload to the weekly iLab Dropbox.
- Create a wireframe for the homepage utilizing Gestalt principles and Bertin's retinal variable.
- Create a wireframe for the contact information page utilizing Gestalt principles and Bertin's retinal variable.
- Create a wireframe for the feedback page for customers utilizing Gestalt principles and Bertin's retinal variable.
- Create a wireframe for the product/service page utilizing Gestalt principles and Bertin's retinal variable.
Grading Rubric
|
Points
|
| Created a wireframe layout for the homepage using standard elements and principles. |
10
|
| Created a wireframe layout for the contact information page using standard elements and principles. |
10
|
| Created a wireframe layout for the feedback page for customers using standard elements and principles. |
10
|
| Created a wireframe layout for the product/service using standard elements and principles. |
10
|
| Followed Gestalt principles and Bertin's retinal variables. |
10
|
| TOTAL |
50
|
Subscribe to:
Comments (Atom)