Полезные инструменты для веб-дизайнера при создании тем в Drupal 7
Опубликовано: 07.10.2017
Для создания собственных тем или темизации уже существующих шаблонов существует масса инструментов, помогающих веб-дизайнеру в реальном времени работать с HTML и CSS кодом, тестировать производительность http-запросов, и самое главное – в сжатые сроки внедрять дизайнерские решения в свои веб-проекты.
Дизайн сайта: какие есть готовые решения? Просто о сложном
Разработка любой темы начинается с создания прототипа будущего веб-сайта. Для Drupal 7 в первую очередь, сюда входит главная страница, страница с одним или двумя сайдбарами, страница с обратной связью (форма с полями), страница поиска с выдачей результатов, страницы HTTP ошибок - 403 и 404, страница таксономии для тегов и страница «сайт на обслуживании», графические элементы и favicon.ico.
WordPress 4.3 — обзор релиза и полезных плагинов
Построение сетки
Сетка нужна для того, чтобы позиционировать элементы веб-сайта. Существует множество онлайн-инструментов для построения сеток. Однако большинство веб-дизайнеров 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/ ). Помимо "стандартной" возможности подбора цвета, на сайте хранится огромное количество цветовых библиотек, что очень удобно, если основного цвета нет и нам в работе необходимо несколько гармонирующих цветов.