art365 : design_for_the_WWW

week: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |

Week#2

Tuesday, Sep. 3

DESIGN FOR THE WWW
ART 365
FALL 2019

webpage:
ryanSmithArt.com/courses/fall2019

- CHECK HOMEWORK -
- open up Adobe Photoshop
- discuss webdesign basics

*Let's watch this:

*Let's look at some Websites:

.zip files?

- Open: smartphone_images.zip (11.1 MB)

Webpage: Mobile Website Design Examples

UX Design vs UI Design | What's the Difference?
*Let's watch this

Talk about:

TYPOGRAPHY
& readability

* daFont.com
*Font Book
TTF files: "TrueType" Font = Outline Font Standard

HOMEWORK:

[PART 1]
- Using the same text and images from last week's homework assignment, design a webpage that would fit on a mobile device (smartphone).
- Open up Adobe Photoshop (InDesign or Illustrator).
- Create a document that is approximately 320 pixels wide, by 960px tall.
- Set the resolution to be 72 pixels/inch.

[PART 2]
- Using the same document dimensions as above, design a "pop out" navigation menu.
(Or design a 2nd page for your site)

- Save both documents, and create a .jpg and/or .png copy.

*all due next class: Tuesday, Sept. 10
(at 2pm)

updated 2019
© ryanSmith