Полезные инструменты для веб-дизайнера при создании тем в Drupal 7

Опубликовано: 07.10.2017

видео Полезные инструменты для веб-дизайнера при создании тем в Drupal 7

Создание темы Drupal на основе HTML шаблона часть 1

Для создания собственных тем или темизации уже существующих шаблонов существует масса инструментов, помогающих веб-дизайнеру в реальном времени работать с 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/ ). Помимо "стандартной" возможности подбора цвета, на сайте хранится огромное количество цветовых библиотек, что очень удобно, если основного цвета нет и нам в работе необходимо несколько гармонирующих цветов.

rss