Developer’s Notes #10
Developer’s Notes #10 🌊
• Интернет-тренды в 2019 году: главное из ежегодного доклада Мэри Микер - Офтоп на vc.ru
• Чем отличаются поколения Y и Z - и о чем брендам с ними разговаривать
• Многозадачность убивает ваш мозг
Design
Twitch устроили редизайн
Twitch Brand | Meet your new Twitch
Редизайн чипсов Lays
Why It Took Lay's 2 Years to Redesign a Bag of Potato Chips
Что же означают загадочные “…” в дизайне IOS и действительно ли они конфузят пользователей?
Less... Is More? Apple's Inconsistent Ellipsis Icons Inspire User Confusion - TidBITS
Подходим к разработке идеального логотипа с научной и животной точки зрения
This Is Why You Need The Science Behind Logo Design
Очень крутая, статья о самых частых ошибках непонимания цели дизайна со стороны бизнеса.
Как общаться с людьми, которые не "понимают" дизайн | UXPUB
Как Uber делал Uber Lite и почему они отказались от карт внутри приложения
Да, сервис по заказу такси и без карты во весь экран.
How Uber quietly redesigned its interface for the rest of the world
Редизайн мобильного приложения MailRu
P.s я пользуюсь с первой testflight версии и кайфую.
Mail.ru- редизайн мобильного приложения | UXPUB
29 лет Adobe PhotoShop смотрим как менялся интерфейс с годами
• 29 Years of Adobe Photoshop Design History - 101 Images - Version Museum
• UI/UX кейс: Новый тип взаимодействия — параллельный чат
Если обычные люди придумывают новые методики поведения, то для Alibaba это делает робот. Не только UI, но и UX.
Как Алибаба товары оформлял..
• AI visual design is already here — and it won’t hesitate to take over your petty design job
• Как Netflix заставляет вас подписаться - анализ UX
Кстати о Netflix, вот подборка документальных фильмов про/об дизайне, которые можно найти в Netflix документалках.
Как те такое Илон Тесла?
Design Tools
Постоянно делаете изображения для социальных сетей и путаетесь в размерах и требованиях…
kb-12/guide — лендос-подсказка. Всё красиво и структурировано. Сохраняйте.
Diez — Cross-Platform Design System Framework. Выглядит вкусно и стоит того, чтобы следить за этим проектом.
Printable Mockups — сервис гибкой настройкой шаблонов для создания будущих дизайнов.
🌟 Gifski — Бесплатное приложение для MacOS для создания GIF из видео.
Спонсор всех гифок в этом выпуске DN: открыть источник
Ловите альтернативу Behance — Land-Book — отличный сайт, который собирает нетипичные подборки лендингов с рабочими ссылками на них.
Creative Conversation Cards — набор из 50 кард с вопросами, раскрывающими разные стороны вашего отношения к профессии, коммуникации и жизни в целом. Вопросы неплохо подходят для саморефлексии, и для использования на собеседованиях)) попробуйте.
Ссылка для скачивания версии для печати — https://assets.dropbox.com/documents/en-us/creative-conversation-cards.pdf
Каждый из участников выбирает из колоды 4–6 карт с вопросами, на которые считает нужным ответить и отвечает перед всеми. Это помогает людям, работающим в команде лучше узнать друг друга.
Creative Energy Worksheet — координатная карта распределения проектов в зависимости от их влияния на креативную энергию. Предлагается все имеющиеся текущие задачи распределить на карте для того, чтобы понять, какие из них драйвят, штырят или просто нравятся, а какие наоборот только отнимают энергию. Всем кажется, что мы итак знаем, какие проекты хорошие, а какие нет, но распределяя их на карте проще заметить закономерности и сделать нужное решение.
Ссылка для скачивания — https://assets.dropbox.com/documents/en-us/creative-energy-worksheet.pdf
Webdesignmuseum — музей веб-дизайна. Можно посмотреть, как выглядели сайты крупных компаний и известных сервисов 20 лет назад и посмотреть, как они менялись со временем.
Ни один выпуск DN не обходится без сервиса для подбора палитры (словно в начальном классе китайских школ это первое задание после лета обучения веб разработке — сделать свой сайт с палитрами)
Muz.li собрали 59 таких инструментов для создания палитр! (Говорят что собрали лучшее)
Color Tools For Designers 2019
Get waves — простое веб-приложение для генерации SVG-волн.
Visualsitemaps — сервис, который автоматически генерирует визуальную интерактивную карту сайта со скриншотами
Screenchat.live — сервис создания реалистичной фейковой переписки.
Mockupworld.co — крутой сайт с крутыми мокапами (бесплатными и теми за которые нужно платить, но выглядят они одинаково сочно)
Development
Всё что вам нужно знать о Node.js какие проблемы есть в работе с потоками и как их можно решить новыми инструментами
Очень короткая и интересная история..
• Всё что вам нужно знать о Node.js
• Деструктурирующее присваивание
Туториал по плавной прокрутке страницы от Tympanus
Smooth Scrolling Image Effects | Codrops
Статья о том, как учесть все факторы и сделать самый идеальный переход в ночную тему для вашего приложения
A guide to implementing dark modes on websites
Быстро пробегаем по самым частым свойствам CSS и улучшаем UX своих сайтов
почему лучше em а не px и в каких ситуациях…
CSS rules that will make your life easier
Позвольте вашему браузеру сказать вам над скоростью загрузки каких элементов вам стоит порабоать.
(Вкладка “приоритет” в Chrome DevTools)
Resource Prioritization - Getting the Browser to Help You
Development Tools
useanimations — крутые анимированные иконки на Lottie и совершенно бесплатно.
json.pizza — тот самый.. идеальный инструмент для валидации JSON, которого все мы так долго ждали!
Вот есть люди, которые делают еду и выкладывают её в инстаграм.. Если вы пишите код и вам нужно выкладывать его в инстаграм..
codeimg.io — инструмент для обработки кода перед публикацией в социальные сети. Аналог carbon.now.sh, но заточенный под социальные сети (да.. такое тоже бывает).
Game DEV
Этот мод превращает Геральта из "Ведьмака 3" в полноценного мага
• Почему воссоздавать пенисы в видеоиграх - это сложно - Игры на DTF
• Создание дизайн-документа миссии повествовательной игры на примере Last of Us
Разница в подходах разработки интерфейсов в цифровых продуктах и играх.
How Video Games Inspire Great UX
Спасибо что дошли до конца :)
Если у вас есть фидбэек или любые предложения — можете написать мне в Telegram. Мне будет приятно 😉
Подпишись на Developer’s Notes в Telegram
Прошлый выпуск:
Подборка интересных инструментов:
Developer’s Notes | Work Tools List ✨
Developer’s Notes #10 was originally published in Developer’s notes on Medium, where people are continuing the conversation by highlighting and responding to this story.