SlideShare a Scribd company logo
АУДИТ ВЁРСТКИ. ОСНОВНЫЕ
ОШИБКИ ВЕРСТАЛЬЩИКОВ
С ТОЧКИ ЗРЕНИЯ ДИЗАЙНЕРА
Дизайн-Выходные, Суздаль, 15 октября 2016
СВЕТА ПЛАТОНОВА, WEB DESIGNER
1
Как сделать аудит вёрстки и не умереть.
Практические советы и психологические
приемы. Основные ошибки и упущения
верстальщиков глазами дизайнера.
О ЧЕМ РЕЧЬ
2
ВАЖЕН ИТОГОВЫЙ РЕЗУЛЬТАТ.
ПОСЛЕ СДАЧИ МАКЕТА РАБОТА НЕ
ОКОНЧЕНА. НУЖНО ЕЩЕ ИСПРАВИТЬ
ОШИБКИ В ВЕРСТКЕ МАКЕТА
О ЧЕМ РЕЧЬ
3
АУДИТ
В ДИЗАЙНЕ МНОГОЕ РЕШАЮТ
ДЕТАЛИ. А ПРИ ВЕРСТКЕ
ДЕТАЛИ ЧАСТО ТЕРЯЮТСЯ –
ИМ ПРОСТО НЕ ПРИДАЮТ
ЗНАЧЕНИЯ
4
Придется пройти несколько душевных
состояний. Поначалу их прохождение
отнимает довольно много времени.
ДЕЛАЕМ АУДИТ ВЕРСТКИ
5
1. ОТРИЦАНИЕ:
СКОРЕЕ ВСЕГО, ЭТО КАКОЙ-ТО
ЧЕРНОВОЙ ВАРИАНТ ВЕРСТКИ?!
ОСНОВНЫЕ СТАДИИ ПРИНЯТИЯ ВЁРСТКИ1.
6
АУДИТ
7
8
9
ОНИ СЧИТАЮТ ЭТО ИТОГОМ!
ИТОГОМ, КАРЛ!
10
11
12
13
2. ГНЕВ
ОСНОВНЫЕ СТАДИИ ПРИНЯТИЯ ВЁРСТКИ1.
14
3. ДЕПРЕССИЯ
15
4. ПРИНЯТИЕ
ДЕЛАЕМ ПРИНТСКРИНЫ
ВСЕХ НЕСООТВЕТСТВИЙ,
ПОКАЗЫВАЕМ НА МАКЕТЕ,
КАК НУЖНО
16
ЕСТЬ ПОВТОРЯЮЩИЕСЯ ОШИБКИ
МОЖНО ЕЩЕ ДО АУДИТА
ПРЕДЛОЖИТЬ ПРОВЕРИТЬ ВЕРСТКУ
НА ЭТИ УПУЩЕНИЯ
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
17
ВЕРСТКА
1. РАВНОДУШИЕ К UI-KIT
НЕ ВСЕ ЗНАЮТ, ЧТО ЭТО ЗА ЗВЕРЬ
И ЗАЧЕМ ОН НУЖЕН
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
18
ВЕРСТКА
19
ЭТО ВСЁ БЫЛО В UI-KIT
2. СТАНДАРТНЫЕ КОНТРОЛЫ
В ВЕРСТКЕ НЕ ИСПОЛЬЗУЮТСЯ
РАЗРАБОТАННЫЕ ДИЗАЙНЕРОМ
ЭЛЕМЕНТЫ УПРАВЛЕНИЯ
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
20
ВЕРСТКА
3. ПОЛЯ И ОТСТУПЫ
БЫТУЕТ МНЕНИЕ,
ЧТО РАЗМЕР ОТСТУПА НИКАК
НЕ ВЛИЯЕТ НА МАКЕТ
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
21
ВЕРСТКА
4. РАЗМЕРЫ ЭЛЕМЕНТОВ
ПРИ ВЕРСТКЕ МОГУТ ВНЕЗАПНО
ИЗМЕНИТЬСЯ РАЗМЕРЫ КНОПОК,
ШАПКИ, БАННЕРОВ
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
22
ВЕРСТКА
5. ИГРЫ СО ШРИФТОМ
РАЗМЕР, ЦВЕТ, НАЧЕРТАНИЕ,
МЕЖСТРОЧНОЕ И МЕЖБУКВЕННОЕ
РАССТОЯНИЯ – НЕ ТАК УЖ И ВАЖНО
ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВ2.
23
ВЕРСТКА
В ЦЕЛОМ, ПРИХОДИТСЯ
«ТЫКАТЬ НОСОМ» В
КАЖДОЕ НЕСООТВЕТСТВИЕ.
ЭТО ТЯЖЕЛО
24
25
КОГДА ЗАКОНЧИЛ АУДИТ
26
27
СВЕТА
ПЛАТОНОВА
splatonova@zephyrlab.ru
ZEPHYRLAB
ZEPHYRLAB

More Related Content

Viewers also liked

Дешборд для бизнеса
Дешборд для бизнеса Дешборд для бизнеса
Дешборд для бизнеса
Zephyrlab
 
Дизайн-выходные: Как сделать логотип — Яна Суворова
Дизайн-выходные: Как сделать логотип — Яна СувороваДизайн-выходные: Как сделать логотип — Яна Суворова
Дизайн-выходные: Как сделать логотип — Яна Суворова
Zephyrlab
 
 ZephyrLab Design Studio — Portfolio
 ZephyrLab Design Studio — Portfolio  ZephyrLab Design Studio — Portfolio
 ZephyrLab Design Studio — Portfolio
Zephyrlab
 
RIW 2016 — Государственные услуги
RIW 2016 — Государственные услуги RIW 2016 — Государственные услуги
RIW 2016 — Государственные услуги
Zephyrlab
 
СEE SECR 2016 — Экспресс-аудит дизайна
СEE SECR 2016 — Экспресс-аудит дизайнаСEE SECR 2016 — Экспресс-аудит дизайна
СEE SECR 2016 — Экспресс-аудит дизайна
Zephyrlab
 
Дизайн-выходные: Работа с контентом — Серёжа Кузнецов
Дизайн-выходные: Работа с контентом — Серёжа КузнецовДизайн-выходные: Работа с контентом — Серёжа Кузнецов
Дизайн-выходные: Работа с контентом — Серёжа Кузнецов
Zephyrlab
 
Дизайн-студия Zephyrlab
Дизайн-студия Zephyrlab Дизайн-студия Zephyrlab
Дизайн-студия Zephyrlab
Zephyrlab
 
Dribbble для чайников
Dribbble для чайниковDribbble для чайников
Dribbble для чайников
Zephyrlab
 

Viewers also liked (8)

Дешборд для бизнеса
Дешборд для бизнеса Дешборд для бизнеса
Дешборд для бизнеса
 
Дизайн-выходные: Как сделать логотип — Яна Суворова
Дизайн-выходные: Как сделать логотип — Яна СувороваДизайн-выходные: Как сделать логотип — Яна Суворова
Дизайн-выходные: Как сделать логотип — Яна Суворова
 
 ZephyrLab Design Studio — Portfolio
 ZephyrLab Design Studio — Portfolio  ZephyrLab Design Studio — Portfolio
 ZephyrLab Design Studio — Portfolio
 
RIW 2016 — Государственные услуги
RIW 2016 — Государственные услуги RIW 2016 — Государственные услуги
RIW 2016 — Государственные услуги
 
СEE SECR 2016 — Экспресс-аудит дизайна
СEE SECR 2016 — Экспресс-аудит дизайнаСEE SECR 2016 — Экспресс-аудит дизайна
СEE SECR 2016 — Экспресс-аудит дизайна
 
Дизайн-выходные: Работа с контентом — Серёжа Кузнецов
Дизайн-выходные: Работа с контентом — Серёжа КузнецовДизайн-выходные: Работа с контентом — Серёжа Кузнецов
Дизайн-выходные: Работа с контентом — Серёжа Кузнецов
 
Дизайн-студия Zephyrlab
Дизайн-студия Zephyrlab Дизайн-студия Zephyrlab
Дизайн-студия Zephyrlab
 
Dribbble для чайников
Dribbble для чайниковDribbble для чайников
Dribbble для чайников
 

Дизайн-выходные: Аудит вёрстки. Основные ошибки с точки зрения дизайнера — Света Платонова