|
|
| Масимо Винелли, дизайнер модернистского направления, работавший за свою карьеру во многих сферах дизайна. В 1977 году он создал систему Unigrid для Службы Национального Парка. Модульная сетка позволила легко создать брошюры в 10 различных форматах с узнаваемой структурой. Никто не предполагал, что 30 лет спустя его работа будет использоваться в сферах, о которых он даже не слышал. В 2009, Винелли опубликовал свою бесплатную электронную книгу под названием «The Vignelli Canon», с единственной целью — поделиться своими знаниями с молодым поколением дизайнеров.
Инструменты и генераторы макетов
Сетки и расширения Photoshop- Modular Grid Pattern
Приложение для веб дизайнеров, которое поможет легко и быстро создать модульную сетку в Adobe Photoshop.
Скачать
- Guide Guide
Плагин Photoshops для создания набора направляющих.
Скачать
- Responsive Photoshop Template
Лучшая сетка в photoshop для создания адаптивного дизайна.
Скачать
- 960px Grid Templates
960 pixel — множество шаблонов модульных сеток в диапазоне от 3 колонок до 16, для Adobe Photoshop и Fireworks.
Скачать
- Frameless Template
Простой шаблон для сеток с 48 px колонками и 24 px желобами.
http://framelessgrid.com/
- Responsive Grid PSD
Шаблон Джоела Букелмана для отзывчивого дизайна.
http://dribbble.com/shots/410635-Responsive-Grid-PSD
Фреймворки- 960grid
960 grid является классикой среди CSS фреймворков, очень полезный инструмент в основании которого ширина 960px, с большим числом способов интеграции дизайна в макет.
http://960.gs/
- YAML
Это не просто еще один макет на основе сетки. Yaml — это гибкая адаптивная система модульной сетки, которая сочетает в себе лучшие характеристики большинства известных систем.
http://www.yaml.de/
- The Golden Grid
Модульная система для адаптивного дизайна, включающая в себя складывающиеся колонки, эластичные желоба, масштабируемые направляющие и восхитительный скрипт наложения сетки.
http://goldengridsystem.com/
- SimpleGrid
Адаптивность, бесконечная вложенность, единый класс для всех элементов, простота.
http://simplegrid.info/
- Frameless
Это не фреймворк. Это не масштабируемая сетка для адаптивного дизайна; адаптирует колонку в колонку, но не пиксел в пиксел. Адаптирует дизайн в такое количество колонок, которое только возможно.
http://framelessgrid.com/
- Columnal
Адаптивная CSS модульная сетка, способствующая браузеру ПК и мобильному устройству отображать контент одинаково хорошо. Columnal поддерживает мобильные макеты с помощью запросов.
http://www.columnal.com/
- 1140 CSS Grid
1140 grid прекрасно отображается в 1280 px. На меньших мониторах перестраивается в мобильный вариант.
http://cssgrid.net/
- Skeleton
Еще одни адаптивная модульная сетка. Лучший выбор для быстрого создания сайта для различных устройств.
http://www.getskeleton.com/
В этой теме Вы можете задать вопрос о материале Адаптивный дизайн сайта на модульной сетке.
|
| [Сообщение # 1]
|
| |
Понедельник 01.07.2024, 07:03:56 
