Модульная сетка и колонки: 45 отличных сайтов

Выверенный и геометричный, дизайн сайтов по сетке традиционно является востребованным в таких областях, как периодика и пресса, спорт и музыка, блоги и новостные ленты. Также любят строгую верстку государственные учреждения и «серьезные» корпорации.

Если вы ищете вдохновение для создания подобного ресурса, рекомендую ознакомиться с сайтами, приведенными ниже. Все они спроектированы разными людьми, но их объединяет (и в прямом смысле, и в метафорическом) модульная сетка. По-английски термин Grids and columns звучит гораздо лучше, но это не значит что равняться можно только на западные ресурсы - в конце я разместил 12 наших сайтов.

Итак, поехали!

———- Западная пресса ———-

01. The New York Times
http://www.nytimes.com/

02. National Post
http://www.nationalpost.com/

03. Guardian
http://www.guardian.co.uk/

04. Times Online
http://www.timesonline.co.uk/

05. Frieze Magazine
http://www.frieze.com/magazine

06. Wired News
http://www.wired.com/

07. The Morning News
http://www.themorningnews.org/

08. Porfolio
http://www.portfolio.com/

09. We Are Survival Machines
http://www.wearesurvivalmachines.com/

10. UX Magazine
http://www.uxmag.com/

11. Wallpaper
http://www.wallpaper.com/

———- Использование модульной сетки в блогосфере ———-

12. AI Alex
http://www.aialex.com/

13. 5 Thirty One
http://5thirtyone.com/

14. Subtraction
http://www.subtraction.com/

15. Astheria
http://www.astheria.com/

16. Jeff Croft
http://jeffcroft.com/

17. Hell Yeah Dude
http://hellyeahdude.com/

18. Jon Tangerine
http://jontangerine.com/

19. Mark Boulton Design
http://www.markboultondesign.com/

20. The Technology Herald
http://www.thetechnologyherald.com/

21. Gapers Block
http://www.gapersblock.com/

———- Как вырваться за рамки ———-

Чуть подробнее об этой части: “Высшим пилотажем” верстки по модульной сетке является нарушение этой сетки, обоснованное, взвешенное и четко дозированное, но все же нарушение :) Самая сладкая часть.

22. UC Berkeley
http://spanish-portuguese.berkeley.edu/

23. J R Velasco
http://www.jrvelasco.com/

24. Chrizdee
http://www.chrizdee.de/

25. AIGA Los Angeles
http://www.aigalosangeles.org/

———- Модульная сетка и интенсивный фон ———-

26. 31Three
http://www.31three.com/

27. A Tennessee Winter
http://winter.tnvacation.com/

28. Sundance Film Festival
http://www.sundance.org/festival/

29. Ungarbage
http://www.ungarbage.com/

———- Равномерное распределение ———-

Самые наверное скучные варианты, но однозначно стильные и эффективные

30. Kineda
http://www.kineda.com/

31. Rainfall Daffinson
http://rainfall-daffinson.com/

32. Erskine Corp
http://www.erskinecorp.com/

33. Stuff and Non Sense
http://www.stuffandnonsense.co.uk/

———- Отечественная периодика и ленты ———-

34. Взгляд
http://www.vz.ru/

35. Известия
http://izvestia.ru/

36. Ведомости
http://www.vedomosti.ru/

37. Газета.ру
http://www.gazeta.ru/

Дополнительна информация по газете.ру: http://www.artlebedev.ru/everything/gazeta.ru/site4/

38. Лентра.ру
http://lenta.ru/

39. Мембрана
http://www.membrana.ru/

40. Коммерсант
http://www.kommersant.ru/

41. Московский Комсомолец
http://mk.ru/

42. Российская газета
http://www.rg.ru/

43. Диджей_ру
http://www.dj.ru/

44. Рокфеллер.ру
http://www.rokf.ru/

45. Департамент топливно-энергетического хозяйства г. Москвы
http://depteh.ru/site/

Ваши дополнения приветствуются!

Technorati : grid design