Search
  • ZHANGZHANG

NewYorkPoster

Updated: Feb 24

S Date: 02/09/2020

Assignment 2:

Making & Breaking the Grid- Swiss Poster Design



https://github.com/zttyZZZ/Poster


Deployment URL:

https://zttyzzz-poster.glitch.me/NewYorkPoster.html


ABOUT

This application is more about the Poster of Times Square.



BUILT WITH

It developed by html, CSS and some media art assets.


AUTHOR

Tingyu Zhang


PROCESS

Design > development > deployment >documentation



Started from finding some basic grid shapes. I tried to used the gird to created the "woven" patterns. Also, hide the main background at the back. This is the diagram for what I expected at first and when I did that into my website, I adjusted a lot.





REFERENCES

This reference is more about how to develop the grid.

https://www.w3schools.com/css/css_grid.asp

I also found one interesting reference about the typing effect and I wrote a small demo inside my file, but I still trying to apply that in my poster.

https://www.w3schools.com/howto/howto_js_typewriter.asp


DOCUMENTATION



8 views

© Copyright all reserved by Tingyu Zhang.