art365 : design_for_the_WWW

week:   1 | 2 | 3 | 4 | 5 |

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