Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Grids in web design
Search
stavros
January 22, 2013
Education
6.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Grids in web design
Part of the MA in Web Design and Content Planning
stavros
January 22, 2013
Other Decks in Education
See All in Education
Réunion des directrices et directeurs des écoles de la circonscription de Jonzac - 31 août 2026
fmarot
0
160
The Dirty Dozen: 12 gala mistakes you don’t know you’re making
auctria
PRO
0
140
【新規入学者様】ZEPメタバース校舎ガイド
ainischool
0
200
1014
cbtlibrary
0
170
AIがコードを書く時代に、何を教えるのか / What Should We Teach in the Age of AI-Generated Code?
ichiroc
1
610
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 2
hiola
0
10k
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 3
hiola
0
6.7k
2026年度秋学期 統計学 第1回 イントロダクション ー 統計的なものの見方・考え方について (2026. 9. 29)
akiraasano
PRO
0
260
Fundamentos, Caracteristicas y Aplicaciones de los Modulos NumPy , Matplotlib y Pandas
robintux
0
300
生成AIとの付き合い方/ How to work with AI
kaityo256
PRO
3
880
Introduction to M&A
bvr7352
0
240
Padlet opetuksessa
matleenalaakso
12
16k
Featured
See All Featured
The agentic SEO stack - context over prompts
schlessera
0
970
Game over? The fight for quality and originality in the time of robots
wayneb77
1
300
Done Done
chrislema
187
17k
Ethics towards AI in product and experience design
skipperchong
2
430
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
How Software Deployment tools have changed in the past 20 years
geshan
2
35k
The Curious Case for Waylosing
cassininazir
1
570
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
220
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
270
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
67k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.1k
Transcript
GRIDS IN WEB DESIGN BY STAVROS TOMAS 2013
PROBLEM 1 WEB: VAST UNORGANIZED INFORMATION
THE IDEA USE OF GRIDS
WHY GRIDS? BECAUSE ARE TOOLS THAT CAN BRING ORDER IN
DISORDER
GRIDS CAN: GIVE US A HEAD START
GRIDS CAN: SAVE US TIME & MONEY
" Our craft is becoming a commodity and the people
in charge don't take care about the quality of the markup, CSS or how short our Javascript is. What matters is how fast you can get it to market, how many people it reaches and how cheaply It can be build" Christian Heilmann
GRIDS CAN: ADD A VISUAL BALANCE
GRIDS CAN: CREATE A GUIDED USER EXPERIENCE
AND WHAT IF WE DON’T USE GRIDS?
PROBLEM 2 USERS WILL STILL SEARCH FOR SOME KIND OF
ORDER IN THE DESIGN
REMEMBER THAT: GRIDS REQUIRE TIME, READING, AND PRACTISE TO MASTER
THEIR ART
REMEMBER THAT: USE OF GRIDS IN FLUID DESIGNS HAS BENEFITS
BUT ALSO RISKS
REMEMBER THAT: GRIDS ARE JUST GUIDES NOT A MAGICAL SOLUTION
REMEMBER THAT: GRIDS DON’T WORK WELL FOR EVERY KIND OF
WEBSITE
FROM THIS:
TO THIS:
CONTENT RICH WEBSITES HOW GRIDS COPE?
NYTIMES.COM
CNN.COM
CNN.COM
News247.gr
GRIDS ARE AWESOME THANK YOU