From 71ae62fb174193e36353c769037d8e8c9f349a84 Mon Sep 17 00:00:00 2001 From: Nikolay Gromov Date: Fri, 31 Jul 2015 22:00:32 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D1=87=D0=B0=D0=BB=D0=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 5 +++++ readme.md | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 66 insertions(+) create mode 100644 .gitignore create mode 100644 readme.md diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7c09b7a --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +node_modules/ +*.log +.DS_Store +temp/ +*.sublime-* \ No newline at end of file diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..b814736 --- /dev/null +++ b/readme.md @@ -0,0 +1,61 @@ +# О чём должен помнить веб-дизайнер + +От технологов и программистов — веб-дизанейрам. О чём нужно помнить, чтобы называть себя веб-дизайнером. + +Сверстать можно всё, что можно придумать и воплотить в макете. Вопрос только во времени, деньгах и удобстве (времени и стоимости) расширения. + + + +## Общее + +**Веб-дизайнер — это инженер**. Веб-дизайнер — это не рисовальщик, он не придумывает «как будет выглядеть», он придумывает «как сделать, чтобы проект лучше всего решал поставленные задачи». На западе нет разделения на дизайнеров и верстальщиков. Если Вы совсем не умеете верстать (не представляете как это работает), Вы — не веб-дизайнер. + +**Технически недоработанный макет осложняет работу технолога**. Для студий — это увеличение сроков разработки. Для фриланса — ухудшение кармы дизайнера в момент, когда технолог описывает клиенту список технических недоработок и/или неучтённых дизайнером ограничений. + + + +## Макеты + +**Макет нужно делать в sRGB**. Критично, обязательно. Иначе цвета в вёрстке могут отличаться от макетных. + +**Макет должен иметь тот размер, в котором его нужно сверстать**. Размер(ы) выбирается, исходя из специфики проекта и целевой аудитории. + + + +### Стайлгайд + +**Должен быть стайлгайд***, в котором видны все необходимые состояния всех интерактивных элементов. + +**Стайлгайд — это отдельный макет**. Это не текстовая инструкция как включать/выключать видимость слоёв, варианты композиции слоёв. Это не артборд, включённый в какой-либо макет. + +**Для ссылок и кнопок нужны состояния: «покой», «наведение», «клик» (последние два могут совпадать)**. Для навигационных ссылок нужно состояние «находимся на этой странице». Для контентных ссылок желательно состояние «ссылка посещалась». + +**Для кнопок нужны состояния: «покой», «наведение», «клик», «блокирована»**. Иногда ещё нужно состояние «идёт процесс». + +**Для текстовых полей форм нужны состояния: «покой», «получен фокус», «блокировано»**. + + + +## Модульные сетки + + + +## Блоки + + + +## Текст, Шрифты + + + +## Анимация + + + +## Адаптивность + + + +# Об авторах + +- [Николай Громов](http://nicothin.ru/contact). Преподаватель [EpicSkills](http://epixx.ru/) и [HTML Academy](https://htmlacademy.ru/). Первый сайт сделал в 2000 г. \ No newline at end of file