sccc.premiumdw.com

WEB200 > 03) Wireframes

Rehabilitation Institute of Washington Wireframes, by MIke Sinkula

Using a proven navigation convention and a consistent content design structure reassures your page’s visitor of where they are and will allow them to find the content they are looking for easily.

Requirements:

• You will need to complete Wireframes for your project website that you picked to use to complete your assignments for this quarter.
• You must complete Wireframes for your home page,  one main (gateway) page and one sub (destination) page.
• This shall be done in Adobe Illustrator, printed out and turned in as your Wireframes assignment according to the class schedule.

Example: Wireframes for the HCDE Department Website | Mike Sinkula

Downloads:

• Rehabilitation Institute of Washington Wireframes | Premium Design Works
• Creating a Website Wireframe in Illustrator | Premium Design Works
• Mike’s 960 Grid Wireframe | Poo Machine

This portion of the Premium Design Works website is written by Mike Sinkula and dedicated to the Web Design & Development students at Seattle Central Community College.

23 Comments:

1. Eric Weigle says:

   May 22, 2013 at 5:16 pm

   wireframes:

   http://edison.seattlecentral.edu/~eweigl01/web200/wireframes/wireframes.html

   Reply
2. Michelle says:

   May 12, 2013 at 4:41 pm

   Responsive Design with Mockups – a good site for RWD wireframing.

   http://support.balsamiq.com/customer/portal/articles/615901-responsive-design-with-mockups

   Reply
3. Stephen Gavette says:

   May 10, 2013 at 1:14 pm

   http://edison.seattlecentral.edu/~sgavet01/web200/web200wireframe.ai

   Reply
4. Milana Schneider says:

   May 10, 2013 at 11:51 am

   http://edison.seattlecentral.edu/~mbabad01/web200/wireframes.pdf

   Reply
5. Charlotte Quinn says:

   May 10, 2013 at 11:44 am

   Turning in wireframes Monday, Sorry.

   Reply
6. McRae says:

   May 10, 2013 at 10:04 am

   Thanks Mike !

   http://edison.seattlecentral.edu/~smcrae01/web200/wires.html

   Reply
7. Billie Matteo says:

   May 9, 2013 at 12:18 pm

   http://www.the-web-pros.com/stagingarea/web200/index.htm

   My wire frames. Will have a hard copy for you Monday.

   Reply
8. Lenny Peters says:

   April 1, 2013 at 3:50 pm

   http://mediaqueri.es/

   Gallery of worlds finest.

   Reply
9. Lenny Peters says:

   April 1, 2013 at 3:46 pm

   http://www.rwdcalc.com/

   Great calculator to get responsive specs.

   Reply
10. Nathaniel Cohn says:

    February 8, 2013 at 12:26 pm

    Mike here is the link to my wireframes:

    http://edison.seattlecentral.edu/~ncohn001/web200/wireframes/index.html

    I will have a hard copy for you on Monday.

    Reply
11. Sage Klevjer says:

    February 8, 2013 at 5:23 am

    http://edison.seattlecentral.edu/~sklevj02/web200/wireframes.pdf

    Reply
12. Lisa E. A. Dickerson says:

    February 5, 2013 at 3:24 pm

    My wireframes:
    http://edison.seattlecentral.edu/~ldicke02/web200/staging-site/wireframes/Dickerson-Wireframes-960-Brewers.pdf
    Lisa E. A. Dickerson

    Reply
13. Aaron Hasell says:

    February 4, 2013 at 6:38 pm

    My wireframe : http://edison.seattlecentral.edu/~ahaske03/web200/wireframe.html

    Reply
14. Monica Black says:

    February 4, 2013 at 4:09 pm

    Hi Mike,

    Here are my wireframes.

    http://edison.seattlecentral.edu/~mblack01/web200/monicablack_wireframes.pdf

    Also my staging area with wireframes link:
    http://edison.seattlecentral.edu/~mblack01/web200/

    Reply
15. Monica Black says:

    February 4, 2013 at 4:07 pm

    Hi Mike,

    Here are my wireframes.

    http://edison.seattlecentral.edu/~mblack01/web200/monicablack_wireframes.pdf

    Reply
16. Alair Wells says:

    June 4, 2012 at 4:31 pm

    Hi Mike, Here are the links to my wireframes:

    http://edison.seattlecentral.edu/~awells04/web200/wireframe-home.pdf

    http://edison.seattlecentral.edu/~awells04/web200/wireframe-about.pdf

    Reply
17. Sarah Durkee says:

    May 13, 2012 at 10:57 am

    Hi! Here are my wireframes. I also redid my site map:
    http://sarahdurkee.com/wwa/wireframes-WWA.pdf
    http://sarahdurkee.com/wwa/site_map.pdf

    Reply
18. Peter Toliver says:

    May 9, 2012 at 11:23 am

    Wireframes:

    http://edison.seattlecentral.edu/~ptoliv02/web200/documents/wireframes.pdf

    Reply
19. Ben Clement says:

    May 4, 2012 at 5:22 pm

    So here are my wire frames. I’ll turn a hard copy in on Monday.

    Cheers,

    Ben

    http://edison.seattlecentral.edu/~bcleme04/web200/wireframes.pdf

    Reply
20. shaun allen says:

    May 4, 2012 at 12:40 pm

    hi mike,
    here is a link to my wireframes:

    http://edison.seattlecentral.edu/~sallen17/web200/wireframe.pdf

    Reply
21. Sara Smiley says:

    March 20, 2012 at 9:31 am

    If you want to create wireframes in Photoshop this tool is awesome!!!
    http://www.guideguide.me/

    Reply
22. J Patrick Lalley says:

    April 25, 2011 at 5:22 pm

    Download Wireframes links above need to be repaired

    Reply
23. Mark Rodriguez says:

    January 6, 2011 at 6:44 am

    For reference, here’s a nifty tool that instantly converts any web page into a wireframe:

    http://www.volkside.com/tools/wirify/

    Reply