Обо мне

Я веб-дизайнер. Это значит, что я забочусь о том, чтобы вёрстка сайта не разъезжалась в браузерах и сайт выглядел красиво не только снаружи, но и внутри. Моими инструментами являются HTML, CSS и Java Script. Я не хочу отставать от моих коллег и практикую адаптивную вёрстку в своих проектах. Когда мне надоедают цифры, я могу открыть Photoshop или Illustrator, чтобы нарисовать изображения, например, для этого сайта.

далее

С чем приходилось работать

  • написание брифа и технического задания по веб-ресурсу;
  • составление проектной документации, регламентирующей сроки, состав и калькуляцию работ;
  • прототипирование интерфейса, разработка информационной архитектуры веб-ресурса;
  • навыки владения программами проектирования (Balsamiq, Mockingbird);
  • опыт работы с модульными сетками;
  • опыт работы с модульными сетками;
  • photoshop (уровень изготовление дизайн-макета с учётом вертикального ритма и модульной сетки сайта);
  • flash (уровень изготовления анимированных баннеров);
  • illustrator;
  • html5 (максимальное использование возможностей поддерживающихся в браузерах, кроссбраузерный и кроссплатформенный код);
  • css3 (Sass/SCSS(Compass), LESS, фреймворки: Bootstrap, Foundation) (максимальное использование возможностей поддерживающихся в браузерах);
  • модульная структура кода (БЭМ);
  • использование резиновой и адаптивной вёрстки в проектах;
  • вёрстка e-mail рассылок;
  • Java Script (jQuery, handlebars);
  • Haml, Jade;
  • xslt;
  • Template toolkit;
  • Git;
  • Grunt;
  • Jira, Bacecamp;
  • пользователь MAC;

Планирование

На этом этапе разрабатывается Информационная архитектура сайта. Для создания прототипов я использую balsamiq либо < mockingbird. Эти ресурсы помогают мне реализовать даже некоторую интерактивность в прототипах, что существенно облегчает восприятие заказчиком материала. Это самый важный этап разработки, качественно продуманная архитектура может обезопасить от возникновения ошибок в последующем использовании проекта.

Дизайн

На&nbsp;основе утверждённых прототипов и&nbsp;технического задания разрабатываются дизайн-макеты веб-сайта. В процессе работы над дизайном я&nbsp;прохожу следующие этапы:

  • собираю все элементы воедино и воплощаю идею будущего сайта;
  • выбираю подходящие цвета и составляю общую цветовую палитру;
  • создаю макеты на основе модульной сетки;
  • тестирую и подбираю подходящие шрифты и утверждаю типографику;
  • оживляю веб-сайт изображениями и фотографиями;

Вёрстка

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

Предъявляются следующие требования к изготавливаемым сайтам:

  • валидные HTML и CSS;
  • отделение структуры от представления;
  • блочная вёрстка (таблицы используются только для представления табличных данных);
  • вертикальный ритм в типографике;
  • семантически правильная разметка и кросс-браузерный код;
  • проверка Accessibility и анализ Usability сайта;
  • отсутствие орфографических и пунктуационных ошибок на сайте;

Пример вёрстки анимированного плота

See the PenRaft Animationby Yaroslav (@zhoock) onCodePen.