art365 : design_for_the_WWW

week:   1 | 2 | 3 | 4 |

webpage:
ryanSmithArt.com/courses/2020


SYLLABUS:
syllabus2020.pdf


DESIGN FOR THE WWW
ART 365
SPRING 2020

TOWSON UNIVERSITY
Tuesdays
CA 4030
Instructor : Ryan T. Smith

email: rtsmith@towson.edu




DATES:

Week#2

Tuesday, February 4





- 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









updated 2020
© ryanSmith