- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Эффективная вёрстка в условиях крайнего Севера презентация
Содержание
- 1. Эффективная вёрстка в условиях крайнего Севера
- 3. ВЕДРО ДЁГТЯ: Копия PS 26 000 руб.
- 4. ВЕДРО ДЁГТЯ: Копия PS 26 000 руб.
- 6. Фронт-энд разработчик опрятность UI - аккуратность - внимательность - точность несёт ответственность
- 8. Дизайнер –– рисует… Решения об особенностях нарезки макета принимает верстальщик …Верстальщик –– верстает.
- 9. ПРОЦЕССЫ ВЁРСТКА НОВЫХ МАКЕТОВ ДОРАБОТКИ МАКЕТОВ (ИТЕРАЦИИ)
- 10. ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР ВИЗУАЛЬНЫЙ АНАЛИЗ МАКЕТА НАРЕЗКА ВЁРСТКА ОТЛАДКА ГОТОВО! n типичный процесс работы
- 11. ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР ВИЗУАЛЬНЫЙ АНАЛИЗ МАКЕТА НАРЕЗКА ВЁРСТКА
- 12. ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР ВИЗУАЛЬНЫЙ АНАЛИЗ МАКЕТА НАРЕЗКА ВЁРСТКА
- 13. ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР ВИЗУАЛЬНЫЙ АНАЛИЗ МАКЕТА НАРЕЗКА ВЁРСТКА
- 14. ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР ВИЗУАЛЬНЫЙ АНАЛИЗ МАКЕТА НАРЕЗКА ОТЛАДКА
- 18. какой проект где находится
- 19. какой проект где находится
- 20. какой проект где находится
- 22. Разработчик – существо последовательное Возврат назад = временные потери
- 24. Типичный процесс разработки АНАЛИЗ НАРЕЗКА ОТЛАДКА 1
- 25. С привлечением дизайнера АНАЛИЗ ОТЛАДКА 1 3
- 26. РАБОТА В ПОТОКЕ: сосредоточенность на задаче
- 27. РАЗРАБОТКА – ПРОЦЕСС ТВОРЧЕСКИЙ Неразрывность процесса является важным критерием качественного результата.
- 28. Финансовые показатели Fr Фронт-энд разработчик: усреднённый
- 30. Дизайнер – существо ленивое
- 32. 396px
- 33. угадывать и проверять размеры просто точно измерить или
- 35. – инструмент точных измерений для верстальщика, через который он общается с дизайнером PHOTOSHOP
- 36. РАБОТА В ЕДИНОЙ СРЕДЕ НЕ ТРЕБУЕТ ПЕРЕКЛЮЧЕНИЯ ВНИМАНИЯ И ЭКОНОМИТ ВРЕМЯ
- 37. ЭФФЕКТИВНОСТЬ = СОВОКУПНОСТЬ КАЧЕСТВА И НИЗКИХ ЗАТРАТ ВРЕМЕНИ
- 38. КАЧЕСТВО = ТОЧНЫЕ ИЗМЕРЕНИЯ
- 39. Набор фронт-энд разработчика: Firebug + CSS-X-Fire (cssUpdater) Photoshop Pixel Perfect MeasureIt ColorZilla Web Developer
- 40. Firebug + CSS-X-Fire = быстро и удобно
- 45. Копия PS 26 000 руб. х 5
- 46. КАК ЖЫ ЖЫТЬ?
- 47. Работа с макетом: PixelPerfect Измерения
Слайд 4ВЕДРО ДЁГТЯ:
Копия PS 26 000 руб. х 5
= 130 000 руб.
Подписка 640руб./месяц х 5 = 3 200 руб.
+ дизайнеры 45 000 x 2 = 90 000 руб.
Итог: 220 000 руб.
Слайд 6Фронт-энд разработчик
опрятность UI
- аккуратность
- внимательность
- точность
несёт ответственность
Слайд 8Дизайнер –– рисует…
Решения об особенностях нарезки макета принимает верстальщик
…Верстальщик –– верстает.
Слайд 10ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
n
типичный процесс работы
Слайд 11ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
процесс с подключением дизайнера
Слайд 12ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
ПРОСМОТР БРИФА
К ДИЗАЙНУ
процесс с подключением
дизайнера и составлением
сопроводиловки
Слайд 13ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
n
типичный процесс работы
30
5
Слайд 14ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
ПРОСМОТР БРИФА
К ДИЗАЙНУ
ВЁРСТКА
5
5
25
ожидание
10
60
Слайд 25С привлечением дизайнера
АНАЛИЗ
ОТЛАДКА
1
3
15
минут +
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
10
НАРЕЗКА
ПРОВЕРКА
1
ожидание
10
Выход из потока,
отвлечение
10
Слайд 26РАБОТА В ПОТОКЕ:
сосредоточенность на задаче
отсутствие внешних раздражителей
удовольствие от процесса
получение качественного результата
Слайд 27РАЗРАБОТКА – ПРОЦЕСС ТВОРЧЕСКИЙ
Неразрывность процесса является важным критерием качественного результата.
Слайд 28Финансовые показатели
Fr Фронт-энд разработчик: усреднённый доход в день = 1700 руб.
в
час = 212 руб.
в мин. = 3.5 руб.
Dr Дизайнер: усреднённый доход в день = 2270 руб.
в час = 284 руб.
в мин. = 4.7 руб.
в мин. = 3.5 руб.
Dr Дизайнер: усреднённый доход в день = 2270 руб.
в час = 284 руб.
в мин. = 4.7 руб.
Риски ошибок нарезки = 20%
Количество ежедневных итераций = 3
Новых макетов в месяц = 3
ОП, в месяц: 244x3 + 63x22 = 2 118 руб. Без PS, в месяц: 878x3 + 298x22 = 9 190 руб.
Слайд 35– инструмент
точных измерений для верстальщика, через который он общается с дизайнером
PHOTOSHOP
Слайд 39Набор фронт-энд разработчика:
Firebug + CSS-X-Fire (cssUpdater)
Photoshop
Pixel Perfect
MeasureIt
ColorZilla
Web Developer
Слайд 45Копия PS 26 000 руб. х 5
= 130 000 руб.
Подписка 640руб./месяц х 5 = 3 200 руб.
+ дизайнеры 45 000 x 2 = 90 000 руб.
Итог: 220 000 руб.
Слайд 47Работа с макетом:
PixelPerfect
Измерения размеров:
MeasureIt
Измерения цветов:
ColorZilla
Отладка и вёрстка:
Firebug
