Полезные инструменты для веб-дизайнера при создании тем в Drupal 7
Опубликовано: 11.12.2017
Для создания собственных тем или темизации уже существующих шаблонов существует масса инструментов, помогающих веб-дизайнеру в реальном времени работать с HTML и CSS кодом, тестировать производительность http-запросов, и самое главное – в сжатые сроки внедрять дизайнерские решения в свои веб-проекты.
Разработка любой темы начинается с создания прототипа будущего веб-сайта. Для Drupal 7 в первую очередь, сюда входит главная страница, страница с одним или двумя сайдбарами, страница с обратной связью (форма с полями), страница поиска с выдачей результатов, страницы HTTP ошибок - 403 и 404, страница таксономии для тегов и страница «сайт на обслуживании», графические элементы и favicon.ico.
Построение сетки
Сетка нужна для того, чтобы позиционировать элементы веб-сайта. Существует множество онлайн-инструментов для построения сеток. Однако большинство веб-дизайнеров CMS Drupal используют 960 grid system ( http://960.gs/ ), 1140 grid system ( http://cssgrid.net/ ), а также популярный инструмент - 35 колоночный CSS фреймворк The square grid ( http://thesquaregrid.com/ ).
Работа со шрифтами
Множество тем (AdaptiveTheme, Tundra) для CMS Drupal 7 уже имеют встроенную поддержку внешних шрифтов. Однако, чтобы оценить как будет выглядеть тот или иной шрифт на сайте, можно использовать специальные сервисы. Хорошим инструментом считается приложение Typetester ( http://www.typetester.org/ ). С помощью него можно в онлайн-режиме сравнивать шрифты между собой. Кроме того, можно изменять размеры, отступы, цвет текста, фона, выравнивание.
Цветовая гамма
Хорошим инструментом для подбора цветовой гаммы сайта является приложение Kuler от Adobe ( https://kuler.adobe.com/ ). Помимо "стандартной" возможности подбора цвета, на сайте хранится огромное количество цветовых библиотек, что очень удобно, если основного цвета нет и нам в работе необходимо несколько гармонирующих цветов.
Сегодня | Завтра | ||
USD | 32.62 | 32.50 | |
EUR | 39.90 | 39.92 |
Обменник | Переходов |
Wmchanger | 6 |
E-Market | 5 |
WMtoCash.com | 4 |
Str-Money | 3 |
Hot-Change | 3 |
Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки | |
Кошелек
|
|
Код
|
|
Обмен Webmoney |