Web Designer: подготовка макета к верстке

Igor Timohin

Web Designer: подготовка макета к верстке

Или как сделать так, что бы верстальщик не хотел оторвать вам голову

Веб-дизайн — разновидность технического (промышленного) дизайна


Brought to you by Igor Timohin

Web Designer and Front-End developer working together

Самое веселое, что никто не рисует по правилам потому что их нет. Точнее есть некое сообщество и выстраданный алгоритм действий, ну так чтобы официально где то было написано на каком то сайте… и все на него ссылаются — все правила — это сугубо от компьюнити или личный опыт большой. А в компьюнити попадешь когда чувствуешь в себе неуверенность, а откуда она у молодых львов?

Alexufo on Habrahabr.ru

Зачем специально подготавливать макет?

Качественная подготовка макетов - уважение к Заказчику и коллегам

Web-дизайн - это не полиграфия

Структурируй

Структурируй

Работа с слоями

Работа с слоями

UI Kit, библиотека элементов

Gridcalculator, Modular Grid Pattern, Примеры Ui Kit

Адаптивность

Распространенные разрешения экранов

Изображения

Fontello - генератор иконочных шрифтов

Сопроводительная записка

Научись

Полезные ссылки

  1. ilovepsd.ru
  2. photoshopetiquette.com
  3. Нарезка графики
  4. Простое создание спрайта и CSS к нему
  5. ProGit (на русском)
  6. Интерактивный тур по основам Git
  7. Курс по HTML5/CSS3

Давайте жить дружно

Igor Timohin

timohin.i@gmail.com

https://vk.com/enkil

+7-921-301-6031