Meet the grids - Web design using Grids

Embed Size (px)

DESCRIPTION

What is a web grid? Which ones you can use?

Text of Meet the grids - Web design using Grids

  • 1. lets talk GRID ramses.cabello@gmail.com @ramsescabello

2. what is a grid? 3. what is a grid? 4. what is a grid? in graphic design a grid is a series of vertical and horizontal lines that are used to subdivide a space. this give us an easier approach to the page layout. 5. why grids? it saves us time visual consistency between different pages 6. a web grid 7. a web grid a web grid is a framework. 8. a web grid a web grid is a framework. a web grid creates equal width columns,. 9. a web grid a web grid is a framework. a web grid creates equal width columns. it helps out layout our page structure. 10. a web grid a web grid is a framework. a web grid creates equal width columns. it helps out layout our page structure. visual consistency. 11. a web grid a web grid is a framework. a web grid creates equal width columns. it helps out layout our page structure. visual consistency. 12. examples 13. meet the grids 14. meet 960 15. lightweight meet 960 16. lightweight easy to use meet 960 17. lightweight easy to use fast meet 960 18. lightweight easy to use fast xed width meet 960 19. lightweight easy to use fast meet 960 xed width mobile ( ? ) 20. DONT PANIC. 21. meet unsemantic lightweight easy to use fast responsive 1180px wide 22. unsemantic syntax

Cabecera

23. unsemantic resources http://unsemantic.com/ 24. action! http://bit.ly/1fg7dFi