【EDD Workshop@140815】Head first grid system
31
Head First Grid System Candy Chen 2014.08.15
description
【Workshop@140815】 Topic: Head First Gird System Speaker: Candy Chen
Transcript of 【EDD Workshop@140815】Head first grid system
![Page 1: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/1.jpg)
Head First Grid SystemCandy Chen 2014.08.15
![Page 2: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/2.jpg)
What you will get?
designer
developer others
Event
Mobile First !!
![Page 3: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/3.jpg)
Why grid system?
![Page 4: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/4.jpg)
What is grid?
![Page 5: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/5.jpg)
What is grid system?
![Page 6: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/6.jpg)
![Page 7: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/7.jpg)
![Page 8: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/8.jpg)
![Page 9: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/9.jpg)
![Page 10: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/10.jpg)
![Page 11: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/11.jpg)
![Page 12: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/12.jpg)
![Page 13: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/13.jpg)
GG...
![Page 14: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/14.jpg)
![Page 15: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/15.jpg)
GG...
![Page 16: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/16.jpg)
Magic !
![Page 17: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/17.jpg)
Magic !
![Page 18: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/18.jpg)
Why grid system?
![Page 19: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/19.jpg)
![Page 20: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/20.jpg)
How Designer Use Grid
![Page 21: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/21.jpg)
How Developer Use Grid
![Page 22: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/22.jpg)
designer
developer others
Event
Mobile First !!
![Page 23: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/23.jpg)
![Page 24: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/24.jpg)
![Page 25: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/25.jpg)
![Page 26: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/26.jpg)
![Page 27: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/27.jpg)
Mobile First!
![Page 28: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/28.jpg)
![Page 29: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/29.jpg)
![Page 30: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/30.jpg)
![Page 31: 【EDD Workshop@140815】Head first grid system](https://reader033.fdocuments.us/reader033/viewer/2022061110/545116b1af7959917a8b5c71/html5/thumbnails/31.jpg)
Not only content, but also capability is important!!Always remember that we are Mobile First company