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.6k
Алексей Авдеев (Mish) — Как подружиться c фронтенд-разработчиком
Ozon Tech
February 20, 2023
Tweet
Share
More Decks by Ozon Tech
See All by Ozon Tech
Анна Мария Попова (Х5 Tech) – Фантастический техпис: может ли опыт создания художественных книг помочь в написании документации
ozontech
0
120
Александр Мачулин (Gramax) – Справочник фантастических тварей из Docs as Code
ozontech
0
24
Мария Смирнова – Дзен и искусство работы с документацией: как использовать принципы буддизма в работе техписа
ozontech
0
23
Сергей Кузнецов – «Эксперименты с нейросетями в рекомендациях»
ozontech
0
51
Артём Нургалиев – «MLOps, автоматизированное обучение и доставка моделей»
ozontech
0
35
Артём Панин – «Автоматическое управление рекламой в Ozon»
ozontech
0
56
Дмитрий Андросов – «Персональные поисковые подсказки»
ozontech
0
67
Константин Ожерельев – CI/CD для проектов, разрабатываемых в конфигураторе
ozontech
0
72
Юрий Гуреев – 5 продвинутых приемов работы с EDT и Git
ozontech
0
61
Other Decks in Design
See All in Design
Ride or Die Animatics
warwatkar
0
140
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
620
モデル・デザイン入門
akitsugu7935
0
460
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
360
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
480
Design Leadership in Challenging Times
morganepeng
3
300
1人歩きする営業資料作成
yutoshukuya
0
140
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
150
プロダクトデザインは子育て/Product design is parenting
medley
0
280
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
170
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
110
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Facilitating Awesome Meetings
lara
41
5.6k
Designing Experiences People Love
moore
136
23k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
The Invisible Side of Design
smashingmag
294
49k
How to name files
jennybc
64
92k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Become a Pro
speakerdeck
PRO
10
4.5k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Navigating Team Friction
lara
177
13k
What's in a price? How to price your products and services
michaelherold
237
11k
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