Sie sind auf Seite 1von 9

Week 10

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

Who We Are Images

http://bit.ly/11IO70Y

http://bit.ly/13uy3oG

http://bit.ly/WUldee

http://bit.ly/YdxkEb

http://bit.ly/ZVklpn7

Palette and Typography additions

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

Who We Are Support Archives

What We Do

Links & Resources

Video & Podcasts

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.

Copyright 2013 Ann Arbor Learning Partnership

A2LP
Ann Arbor Language Partnership

Search

Who We Are Support Founders Partners Friends Community Archives

What We Do

Links & Resources

Video & Podcasts

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.

Copyright 2013 Ann Arbor Learning Partnership

A2LP
Ann Arbor Language Partnership

Search

Who We Are Support Archives

What We Do

Links & Resources

Video & Podcasts

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

Copyright 2013 Ann Arbor Learning Partnership

A2LP
Ann Arbor Language Partnership

Search

Who We Are Support Archives


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

What We Do

Links & Resources

Video & Podcasts

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

Copyright 2013 Ann Arbor Learning Partnership

Typography Guide Heading 1: Verdana Bold 22 pt


Heading 2: Verdana Bold 18 pt Heading 3: Verdana Regular 18 pt

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:

Das könnte Ihnen auch gefallen