Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Алексей Авдеев (Mish) — Как подружиться c фронт...
Search
Ozon Tech
February 20, 2023
Design
0
1.9k
Алексей Авдеев (Mish) — Как подружиться c фронтенд-разработчиком
Ozon Tech
February 20, 2023
Tweet
Share
More Decks by Ozon Tech
See All by Ozon Tech
Анастасия Писнова, «Текст как проект»
ozontech
0
23
Светлана Каюшина, Автоматизируем документирование и внедряем ИИ
ozontech
0
24
Павел Костромитин, «Что случилось у UXW T-Банка в 2024 »
ozontech
0
32
Сергей Горшенин, «Конвертация данных Ozon»
ozontech
0
34
Юрий Гуреев, «Интеграция 1С с внешними системами. Проблемы и их решения»
ozontech
0
58
Артём Нургалиев, «Кэш на кэш: как ускоряли автобиддеры»
ozontech
0
24
Анна Мария Попова (Х5 Tech) – Фантастический техпис: может ли опыт создания художественных книг помочь в написании документации
ozontech
0
200
Александр Мачулин (Gramax) – Справочник фантастических тварей из Docs as Code
ozontech
0
190
Мария Смирнова – Дзен и искусство работы с документацией: как использовать принципы буддизма в работе техписа
ozontech
0
130
Other Decks in Design
See All in Design
プロダクトデザインの「守破離」の「破」について
hayashirine
0
340
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
880
問いの変遷
iflection
0
100
発表資料テンプレート / My slide template
thatblue
0
290
250131_product meetup
motokoishida
0
170
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
230
今日から意識できるアクセシビリティ
fumiko
0
210
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
180
PF_濵村ひろみ_202503
maru_design78
0
140
苦労が多かった多言語対応をFigmaで楽にした話
pioneer_devrel
PRO
0
170
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1k
Crisp Code inc. ブランドガイドライン
so_kotani
1
160
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
550
Producing Creativity
orderedlist
PRO
344
40k
4 Signs Your Business is Dying
shpigford
183
22k
GraphQLとの向き合い方2022年版
quramy
46
14k
Practical Orchestrator
shlominoach
187
11k
Building an army of robots
kneath
305
45k
Build your cross-platform service in a week with App Engine
jlugia
230
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Transcript
1
2
3
4
5
6
None
8
9 Дистанция
Как стать ближе? 10
9 Компоненты 11
None
None
None
None
None
Компоненты
Проектируйте, а не рисуйте 18
8 Адаптив 19
Веб адаптивен по-умолчанию 20
None
Сколько брейкпойнтов? 22
None
None
Только то, что изменяется 25
None
CSS Container Queries 27
None
None
None
None
None
Flexbox .block { display: flex; flex-flow: row wrap; justify-content: flex-end;
} 01. 02. 03. 04. 05. 33
Auto Layout
Продумывайте адаптив 35
7 Платформа 36
Закон Якоба 37
None
None
None
Не проектируйте заново нативные 41
6 Шрифты 42
None
url("/fonts/OpenSans-Regular-webfont.woff2") @font-face @font-face { font-family: "Open Sans"; src: format("woff2"); }
h1 { font-family: "Open Sans" } 01. 02. 03. 04. 05. 06. 07. 08. 44
None
None
47
Стек системных шрифтов 48
Sans-serif font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica
neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; 01. 02. 03. 49
Преимущества Быстрая загрузка Отличная поддержка Привычный пользователям 1. 2. 3.
50
Изучайте популярные шрифты 51
5 Скролл 52
None
60 кадров в секунду (FPS) 54
None
None
Минимум вычислений на скрол 57
4 Состояния 58
None
None
None
None
Сверьтесь с чеклистом 63
None
3 Контент 65
None
67
Работайте с контентом 68
2 Рефакторинг 69
None
None
Смотрят чаще, чем редактируют 72
None
None
None
None
None
None
None
None
81
82
83
84
Уменьшайте дизайн-долг 85
1 Разработка 86
None
None
Представляйте конечную цель 89
90
Идеальный конечный результат 91
92
Нет разработчика — нет проблем 93
94
None
None
None
None
None
Изучайте разные инструменты 100
Сокращаем дистанцию
None
Проектируйте макеты, будто верстать их будет склонный к насилию психопат,
который знает, где вы живете 103
👏 Спасибо! 👨 Алексей Авдеев 🌐 github.com/avdeev 🌐 twitter.com/avdeev_alexey 🌐
Продуктовая лаборатория Mish — — — — 104