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

АУДИТ ВЁРСТКИ. ОСНОВНЫЕ ОШИБКИ ВЕРСТАЛЬЩИКОВС ТОЧКИ ЗРЕНИЯ ДИЗАЙНЕРА

Дизайн-Выходные, Суздаль, 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

СВЕТАПЛАТОНОВА

[email protected]

ZEPHYRLAB

ZEPHYRLAB