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.5k
Алексей Авдеев (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
23
Мария Смирнова – Дзен и искусство работы с документацией: как использовать принципы буддизма в работе техписа
ozontech
0
20
Сергей Кузнецов – «Эксперименты с нейросетями в рекомендациях»
ozontech
0
47
Артём Нургалиев – «MLOps, автоматизированное обучение и доставка моделей»
ozontech
0
34
Артём Панин – «Автоматическое управление рекламой в Ozon»
ozontech
0
53
Дмитрий Андросов – «Персональные поисковые подсказки»
ozontech
0
63
Константин Ожерельев – CI/CD для проектов, разрабатываемых в конфигураторе
ozontech
0
69
Юрий Гуреев – 5 продвинутых приемов работы с EDT и Git
ozontech
0
58
Other Decks in Design
See All in Design
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
170
プロダクトデザインは子育て/Product design is parenting
medley
0
190
231129_FOSS4G-ASIA-2023_kato
hjmkth
0
270
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
510
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
17
5.2k
Desarrollo de Carrera en Diseño y Producto
solmesz1
0
160
ノベルティの勘所 / Communication DesignNight vol.01
transit_kix
0
730
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Climb Visual Development
rkendrick25
0
100
Sociotechnical design for software and human systems
xinyao
1
410
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
23
2.1k
Concept Art of Pirate Cat
hansolo21
0
2.6k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
The Invisible Customer
myddelton
114
12k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Agile that works and the tools we love
rasmusluckow
323
20k
Side Projects
sachag
451
41k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
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