Beruflich Dokumente
Kultur Dokumente
Name: _________________________________
Homework 7
Phase I - Have Scribd upload ready by 03/28 for review. Phase I and Phase II Submit on 04/04 Phase I and II are graded separately. Mockups for a web site. Use the organization logo you designed. Use logotype in grayscale / monotone versions if needed. Width of the content area: 960 px; xed. Navigation labels: Who We Are, What We Do, Support (Founders, Partners, Friends, Community drop down menu should be hidden for the Phase 1), Archives, Links & Resources, Video & Podcasts, Photos, Contact. You may use 3-rd party icons packs. Deliverable Deadlines met Paper copy submitted (in color): submission checklist. Phase I images selection for sliders (3 images), color palette and typography additions (refer to the lecture slides sample and use template le), 5 images for Who We Are page, logotype adjustments if needed. Image credits/sources listed. Watermarked images / comps are ok. Phase II home page mockup, home page mockup with the drop-down menu shown in the opened state and in-text hyperlinks behavior, 2 sub-pages (Contact: text + form, Who We Are (5 team members)), favicon, typography guide. Print mockups in landscape format. Concept: meaningful, practical, appropriate. Phase I - images are coordinated with identity style, crop/zoom/composition/colors are unied. Phase II Layout is coordinated with the wireframe. Labels are used appropriately. Search eld is included. Drop-down menu, input elds, buttons are styled. Home page and sub-pages have consistent layout and design Phase I and II Logotype, color palette and typography choices for the site are coordinated with the logo style guide designed for HW 6. Phase II Typography guide: styles for body text, headers 1,2,3, bulleted lists, buttons, hyperlinks (include style for visited hyperlink), input elds, date, and other elements (if used) are provided. Keep the styles consistent with the web-safe fonts. Indicate if plan to use font replacement techniques. On the mockups, styles are rendered in consistency with your typography guide. Phase II Free space, balanced layout, logical alignment, grid, readability, unity Phase II Favicon (16x16px) color-coordinated, clear, meaningful, not up-scaled Phase I and II all les are converted to .pdf binder and uploaded to Scribd Total % 10 20
10 10
20
15 10 5 100
No corrections for Phase I all the changes should be completed in phase II Phase I Phase II
Slider Images
http://bit.ly/ZoYCTq
http://bit.ly/13uuA9u
http://bit.ly/13uvbbb
http://bit.ly/11IO70Y
http://bit.ly/13uy3oG
http://bit.ly/WUldee
http://bit.ly/YdxkEb
http://bit.ly/ZVklpn7
R:34 G:158 B:107 C:78 M:0 Y:32 K:38 R:218 G:74 B:50 C:0 M:66 Y:77 K:15 R:254 G:252 B:255 C:0 M:1 Y:0 K:0 R:237 G:211 B:52 C:0 M:11 Y:78 K:7 R:67 G:50 B:182 C:63 M:73 Y:0 K:29 No Typography Additions Needed
A2LP
Ann Arbor Language Partnership
Search
What We Do
Photos
Contact
News
Events
Featured Video
Donate!
In fermentum, ipsum in soPhasellus luctus pellentesque dales tincidunt, elit risus porttinisl vel viverra. tor eros, sed laoreet orci ligula in quam. Nunc odio leo, maleVivamus egestas, erat eget suada vel varius id, consectetur convallis vestibulum, erat massa vitae velit. Condimentum massa, a fringilla lacus mi at orci. Integer tellus Donec ultricies, elit non facilisis turpis, tempus ut venenatis sit aliquet, ante urna ornare nibh, at tristique lectus justo ut tortor. amet, congue quis leo. Aliquam adipiscing iaculis libero, id vulputate urna auctor sit amet. Maecenas a lacus a est Aliquam malesuada, elit et aliquam dignissim, elit orci egestas nisi, id convallis sem est ut
Etiam eget lacus ac velit dapibus egestas in nec risus. Nunc tempus dignissim elit, ut imperdiet lectus iaculis id. Phasellus eu nibh sed tortor imperdiet condimentum eu vel lorem. Sed vehicula nisl nec urna cursus sagittis. Nullam aliquet, massa ut ultricies pretium, purus ipsum fringilla nisl, id blandit ipsum nulla quis ante. Donec quam ligula, consectetur ut lacinia eget, volutpat a ipsum. Fusce
Sed vehicula nisl nec urna cursus sagittis. Nullam aliquet, massa ut ultricies pretium, purus ipsum fringilla nisl, id blandit ipsum nulla quis ante. Donec quam ligula, consectetur ut lacinia eget, volutpat a ipsum. Fusce vitae ante lacus.
A2LP
Ann Arbor Language Partnership
Search
What We Do
Photos
Contact
News
Events
Featured Video
Donate!
In fermentum, ipsum in soPhasellus luctus pellentesque dales tincidunt, elit risus porttinisl vel viverra. tor eros, sed laoreet orci ligula in quam. Nunc odio leo, maleVivamus egestas, erat eget suada vel varius id, consectetur convallis vestibulum, erat massa vitae velit. Condimentum massa, a fringilla lacus mi at orci. Integer tellus Donec ultricies, elit non facilisis turpis, tempus ut venenatis sit aliquet, ante urna ornare nibh, at tristique lectus justo ut tortor. amet, congue quis leo. Aliquam adipiscing iaculis libero, id vulputate urna auctor sit amet. Maecenas a lacus a est Aliquam malesuada, elit et aliquam dignissim, elit orci egestas nisi, id convallis sem est ut
Etiam eget lacus ac velit dapibus egestas in nec risus. Nunc tempus dignissim elit, ut imperdiet lectus iaculis id. Phasellus eu nibh sed tortor imperdiet condimentum eu vel lorem. Sed vehicula nisl nec urna cursus sagittis. Nullam aliquet, massa ut ultricies pretium, purus ipsum fringilla nisl, id blandit ipsum nulla quis ante. Donec quam ligula, consectetur ut lacinia eget, volutpat a ipsum. Fusce
Sed vehicula nisl nec urna cursus sagittis. Nullam aliquet, massa ut ultricies pretium, purus ipsum fringilla nisl, id blandit ipsum nulla quis ante. Donec quam ligula, consectetur ut lacinia eget, volutpat a ipsum. Fusce vitae ante lacus.
A2LP
Ann Arbor Language Partnership
Search
What We Do
Photos
Contact
Contact Info:
Address: 5555 Example Avenue, Ann Arbor, MI, 55555 Phone Number: (555) 555 - 5555 Email: a2lp@example.com
Contact Form:
Name: E-mail: Message:
Submit
Cancel
A2LP
Ann Arbor Language Partnership
Search
What We Do
Photos
Contact
Mary Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ipsum orci, bibendum id rhoncus vitae, varius at leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas adipiscing egestas erat at congue. Cras commodo porta est, sed accumsan lorem convallis facilisis. Nullam diam nisl, condimentum nec mattis rutrum, auctor id
Tiffany Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ipsum orci, bibendum id rhoncus vitae, varius at leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas adipiscing egestas erat at congue. Cras commodo porta est, sed accumsan lorem convallis facilisis. Nullam diam nisl, condimentum nec mattis rutrum, auctor id
Sue Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ipsum orci, bibendum id rhoncus vitae, varius at leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas adipiscing egestas erat at congue. Cras commodo porta est, sed accumsan lorem convallis facilisis. Nullam diam nisl, condimentum nec mattis rutrum, auctor id
Greta Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ipsum orci, bibendum id rhoncus vitae, varius at leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas adipiscing egestas erat at congue. Cras commodo porta est, sed accumsan lorem convallis facilisis. Nullam diam nisl, condimentum nec mattis rutrum, auctor id
Leila Example
Body text: Verdana regular 14 pt Links: Underlined Verdana Bold 14 pt, Blue from color pallete Visited links: Underlined Verdana Bold 14 pt, Purple (R: 128, G: 0, B: 128) Date: MM/DD/YYYY Bulleted lists: First line indent : - 14 pt Text: Verdana Regular 14 pt Space after paragraph: 8 pt Input Fields:
Buttons:
Search
Favicon: