Project 5 Homework Due May 12

“2427 Eats” Website Homepage Design
First Drafts Initial Layouts Due May 12

Create a static homepage layout  mockup for the
2427 Eats Publication
Create two initial homepage design sketches using
 InDesign
1200 px x 900 px

2427_E210_FINAL_Project5

This will be a site to promote  the 2427 Publication and content.  Users should  know where to look at and what the site is immediately. With typography hierarchy, layout, you can guide users in the direction you want them go.

Remember design principles such as alignment, proportion and white space when working with type.
Type is more effective than anything else to get  your message across on the web .

Graphics images can support and enhance layout  icons too, but communication happens mostly via the copy content.

Part 1
Research some examples of website restaurant guide pages
Post four examples to new OpenLab post.
name post: “last name Firstname Project 5”,  tag it Project 5.

Part 2
Create a page layout that represents the design of your website. The layout should include text, images, and navigation.
Use your 2427 eats Logo or create an appropriate logo.
Decide what the most important navigation items might be
Decide what information should be on the home page. Determine what call to action would eb on home page..
Create a focal point.

References  
Class Pintrest Pages
http://pin.it/UTcfxxt

Class Pintrest Page Web Design
http://pin.it/BDTGgPi
http://pin.it/Oz6x_AR

Restaurant  Guide Sites
https://www.zagat.com/
http://eat24.com/
https://www.yelp.com/nyc
http://www.renzell.com/
https://www.theinfatuation.com/new-york
https://www.zomato.com
https://www.opentable.com/new-york-city-restaurants
https://www.viamichelin.com/web/Restaurant/New_York-10007-Little_Park-468095-41102

Web Typography Design Examples:
https://www.awwwards.com/websites/
https://www.awwwards.com/inspiration/search?text=typography
http://www.nurturedigital.com/
http://oudolf.com/
http://culture.pl/multimediaguides/
http://dada-data.net/en/
https://www.awwwards.com/sites/susa-ventures

Typography for Web Sites
http://typographyhandbook.com/
https://fonts.google.com/
http://justcreative.com/2016/10/17/the-power-of-typography-in-web-design/
http://justcreative.com/2015/05/05/15-stunning-font-combinations-for-your-inspiration/
http://www.webtype.com/catalog/
http://www.steptoandson.co.uk/services/10-great-web-font-combinations/

InDesign Wireframe Design Guide

https://www.toptal.com/designers/adobe/adobe-cc-wireframe

Web Design Sites
http://thegridsystem.net/
http://www.modularscale.com/

Web Design Tools
https://webdesign.tutsplus.com/articles/a-comprehensive-introduction-to-grids-in-web-design–cms-26521
http://gridpak.com/
http://gridr.atomeye.com/
http://sneakpeekit.com/
https://webdesignledger.com/grid-design-for-website-mockups/
https://webdesign.tutsplus.com/articles/a-comprehensive-introduction-to-grids-in-web-design–cms-26521
InDesign User Guide:
https://helpx.adobe.com/indesign/user-guide.html
InDesign Keyboard Shortcuts:
 https://helpx.adobe.com/indesign/using/default-keyboard-shortcuts.htmlIn

 

.

 

Leave a Reply

Your email address will not be published. Required fields are marked *