Дизайн-печь 🔥 Ваня Емелюшкин – Telegram
Дизайн-печь 🔥 Ваня Емелюшкин
1.78K subscribers
585 photos
66 videos
556 links
Ваня Емелюшкин — Sr. Product Designer в ecom.tech. Дизайнил Самокат, Мегамаркет, InDrive, Ингосстрах, Альфастрахование, S7, Welltory

Про красивое https://news.1rj.ru/str/uigallery
Статьи https://dsgners.ru/user/ivan-emeliushkin

Связь @Nordicus
Download Telegram
​​#Школа_Бюро
Предметы. Первая ступень. Часть 1

Теперь про самое интересное — знания и пользу. Не все предметы в школе преподаются одинаково крепко: некоторые появились только недавно и ещё не успели пройти обкадку студентами. Предметы состоят из лекций и советов. Все советы гуглятся по названиям тем из учебной программы, у лекций же закрытый доступ на ютубе. Я учился в Школе дизайнеров, но предметы у нас почти все те же, что и в школах редакторов и руководителей. Начну по порядку, как на сайте Бюро. https://bureau.ru/school/27aug2018/

Типографика и вёрстка
Хорошая база по вёрстке макета. Начинает с самих азов, теории близости, и заканчивает главной страницей сайта. Именно тут я понял, что спустя 3 года в дизайне совершенно не умел верстать. Оно и понятно: в маленьких мобильных приложениях вёрстка проще, чем на сайте во весь монитор. Со словом «вёрстка» маленькая путаница. В этом предмете она означает вазимное расположение объектов на странице, а в предмете «вёрстка и прототипирование» — ХТМЛ вёрстку дизайна. Для себя я эти определения разделяю на вёрстку и веб-разработку.

Весь предмет полностью состоит из советов Бюро или, как говорили другие студенты, из книги Горбунова с тем же названием. Найти все советы можно забивая назввания тем по предложениям с этой страницы. Чтобы вся польза не вылетела сразу, советую выписывать правила вёрстки и внедрять их сразу в свою работу. Так к концу первой ступени появится понимание что работает хорошо, а что не очень. Ещё советую по каждому совету собирать макет для себя, чтобы прочувствовать и закрепить эти правила сразу на деле. Я так не делал и зря-зря.

Интерфейс и информация
Отличная база, но для новичков. Ничего нового о интерфейсе я не узнал, но будь у меня такая база на начале, яб сейчас был куда круче. Спасибо Бирману за то, что при всей любви к графомании, не льет воду зря. Самое полезное было про таблицы и графики: узнал как делать их легче и читабельнее, какие форматы представления информации к какому типу информации подходят и как думать головой, когда эту информацию оформляешь. Ещё была классная таблица про то как правильно называть элементы интерфейса. Если вы не дизайнер, но работаете с ними, а в школу идти долго/дорого, похожую базу раздаёт Антон Жиянов https://dangry.ru/jan/

Курс учит собрать логичный и красивый интерфейс, но, к сожалению, проектировать он не учит. Этому учат, почему-то на «тексте и редактуре» и в школе руководителей.

Была пара интересных практических работ, которые студенты проверяли друг у друга. Например, надо было передизайнить форму заказа запчастей. Правда к заданию прилагался вебинар, в котором Бирман четко и по пунктам расписал что нужно нарисовать и это всё запортило. Смысл рассказывать ответ на задачу и просить её снова решить?

В следующем посте расскажу вам про самые бесполезные предметы в школе.
#Школа_Бюро
Предметы. Первая ступень. Часть 2

Данные и визуализация
Это была жопа. Я прокачал лишь свою насмотренность красивостями. Предмет новый, ещё не обкатан и сдавать его было тяжело. В идеале, он должен был нас научить работать с большими массивами данных и наглядно показывать их на формате, но нет. Читала лекции Таня Бибикова. Она молодец и делает крутые работы, на которых информация представлена самым наглядным образом, но словами у неё доносить её не получается. Мыльные определения, неточности, размазанная теория и противоречивые фразы. Спустя час лекции я так и не понял что мне сейчас рассказали. Причем в тестах спрашивали точное определение, которое в лекции было очень расплывчато! У нас этот предмет даже стал мемом на какое-то время. В конце ступени мы осваивали программу Tableu, которая умела быстро переводить данные в графику и это было круто. А потом нам дали задание прогать на JS и писать SVG-код! Причём подавали это как само собой разумеющееся, как будто мы каждый день этим занимались. Всё, что я мог делать — это копипастить, в надежде, что с работает. Не исключаю, что предмет крутой и очень интересный, а я не разобрался. В итоге о том, как представлять данные и их визуализировать я узнал от Бирмана в «Интерфейсе», спасибо ему.

Визуализация данных — не инфографика. Инфографика — это данные статичной картинкой, где картинка помогает сделать неожиданные выводы, показывает взаимосвязи. Визуализация данных — это рассказ истории. Хороший пример визуализации данных — результаты московского марафона. http://moscowmarathon2017.datalaboratory.ru/results?runners=1,18

Или «жертвы второй мировой» https://www.youtube.com/watch?v=PJ5PozllwAk

Вёрстка и прототипирование
Обещает научить ХТМЛ и прототипированию, но не учит. Тестов в предмете нет, прототип мы не собирали, а все практические задания разрешалось делать в Рэдимаге. Так я ничего и не узнал о ХТМЛ за первую ступень, сам виноват. Зато я полюбил Рэдимаг =)

Предмет состоит из ссылок на советы, уровень которых сильно скачет: вот я научился вставлять картинки на сайт, а вот меня уже учат верстать адаптив. Естественно я забивал. Если планируете поступать на вторую ступень — не забивайте, делайте все задания кодом, только учитесь этому ещё в ХТМЛ-академии, там лучше объясняют. https://htmlacademy.ru/

В следующем посте расскажу вам про то, как редактура и переговоры оказались самыми полезными предметами в школе, как я начал понимать «юридическое говно» и стал называть его «правом» и чем были хороши «управление и результаты».
​​Вчера побывал и бассейне г.Бийск. Так вот там на дне плиткой выложена линия, делящая дорожку пополам. Это так просто и так полезно, в сотню раз лучше всех этих бесполезных узоров в остальных бассейнах — никто никого не задевает. Если плывёшь по дну, то ориентируешься в пространстве и не выплывешь на другой дорожке. Для полной радости не хватает только рисок метров.

Будьте как архитекторы бийского бассейна, думайте о пользе и как будут использовать результаты вашей работы.
Зацените как круто статья показывает историю успеха одного теннисиста: я ещё не читал статью и ничерта не понимаю в теннисе, а уже вижу весь пофессиональный путь игрока с его взлётами и победами. Отдельный плюс за путь по рангам вдоль всей статьи, сразу видно какие события в его жизни как отразились на игре. https://www.srf.ch/static/srf-data/data/2018/federer/en.html#/en
Помню, как давно была идея сделать сайт, где путешественники делились бы рассказами о путешествии в виде отчета, где сбоку статьи была бы карта, подобная графику рангов из статьи про теннисиста. По мере того, как читаешь отчет, ползунок бы полз по маршруту и читатель понимал бы где происходят события рассказа.
Материал дизайн обновился. Теперь у них:
— странный сайт, в котором я потерялся https://material.io/design/
— навбар внизу, если хочется https://material.io/design/components/app-bars-bottom.html#usage
— летучая кнопка может быть любой формы, с текстом, без текста и под неё можно вырезать дырки https://material.io/design/components/app-bars-bottom.html#anatomy
— больше Швейцарии, даже показали как можно фантазировать на примере выдуманных приложений https://material.io/design/material-studies/basil.html
— дизайнеры играют с углами форм и это нормально https://material.io/design/shape/about-shape.html#shaping-material
— плагин для Скетча, что делает всю визуальную работу за дизайнера https://material.io/tools/theme-editor/
— у иконок появилось несколько видов https://material.io/tools/icons/?style=baseline
— и гайдлайны для дофига платформ https://material.io/collections/additional-google-specs/#
— собственный просмотрщик дизайна https://gallery.io/
— описан баннер, что по сути диалог не в модальном окне https://material.io/design/components/banners.html#usage
— описан слайдер, но тут и так всё очевидно https://material.io/design/components/sliders.html#discrete-slider

и ещё куча мелочей в анимации, работе элементов и т.д.

Вообще, правильный шаг делает Гугл. Сначала выпускают топорные гайды почти без возможностей отклонения от них, чтобы приучить разработчиков не делать отсебятину и создать единый внешний вид системы. Теперь же, когда все более-менее смогли в гайды — расширяют простор для фантазии.
Последние 2 года я основательно увлёкся историей, особенно последними двумя веками. Тогда появились все блага, без которых мы не представляем жизнь: электричество, товары потребления, рабочая медицина (до этого она лечила с переменным успехом) и прочее. А самое интересное то, как менялось общество, их отношение к противоположному полу, собственности, здоровью, свободе. На эту тему хорошо пишет Влад Головач в «Культуре дизайна». В ней он смотрит на общество, историю и дизайн и как они связаны друг с другом. Почему появление заводов и сокращение рабочего дня до 8 часов приводит в пролетарской революции, как получилось, что короли перестали носить шкуры и бархат и облачились в сюртуки и причём тут торговые отношения между странами. После книги начинаешь понимать почему вещи были именно такими в своё время, почему в 19 веке были бархатные стулья с резными ножками, а в начале 20 вдруг стал моден стиль Икеа.

У Влада есть платная версия последнего издания и бесплатная первого(я читал её) http://designculture.exmachina.ru/
Параллельно с ним советую почитать ещё книгу «Объекты желания», что раскрывают эту тему более полно, но с большим уклоном в вещи https://www.ozon.ru/context/detail/id/22486731/
Обзор на первую книгу от Павла Моисеенко http://pavelmoiseenko.ru/blog/kultura-dizajna/
#Школа_Бюро
Предметы. Первая ступень. Часть 3

Переговоры и отношения
Самый полезный предмет для меня лично. Мастером переговоров я не стал, но стал хотя задумываться о том, что сейчас скажу, стал говорить более осознанно. Перестал волноваться, что я всё просру и стал спокойнее относиться к жизни. О переговорах я не знал почти ничего, а ведь договариваюсь я с людьми каждый день! Покупка в магазине, выбор еды на ужин, общение с заказчиком — это всё переговоры. Это первичный навык не только в професси, а в жизни.

Илья учит переговорам по системе Кемпа, которая описана в книге «Сначала скажите "Нет"». Книги, написанна в традиционном американском стиле, с разжевываниями и повторениями одного и того же, но Илья рассказывает чеко, без воды и адаптированно под наши реалии, постоянно подкрепляет примерами из жизни. Слушается легко и весело.

Самое главное, чему учит предмет — заботе. Это было для меня откровением. Я считал, что быть мастером переговоров — это добиваться своей цели, использую хитрые приёмы и манипуляции. Для меня переговорщики были эдакими хитрожопыми скользкими ужами из Евросети, что навешают услуг на три зарплаты, а я ещё и рад останусь. А тут хоп: ЧЕСТНОСТЬ, ЗАБОТА, ВНИМАНИЕ. Это четко вписалось в мою жизненную концепцию. И после курса начинаешь немного иначе смотреть на конфликты, провалы и отношение к людям. Здесь сформулирована главная мысль, которая сквозит через все предметы в школе как раз «заботьтесь и уважайте людей, вас окружающих».

В конце было крутое задание: студенты делились на пары и разрешали сложную ситуацию. Переговоры записывались на видео и выкладывались в интернет. Один был директором фирмы, которая отдала сервера на починку, другой — фирмы, что их рочинила. Ремонт стоил 400 000 рублей, а новые сервера — 450 000. Я долго готовился, придумывал план и был уверен в себе, но как только начались переговоры, так сразу всё пошло не так. В итоге я просрал все полимеры.
Зацените мой позор https://www.youtube.com/watch?v=WLuu8L4Unmo
Зацените как может быть жестко https://www.youtube.com/watch?v=yYu0IHNiaNs

Творчество и право
Предмет, который надо знать всем, но так не хочется учить. Оно и ясно: все тексты написаны таким адовым языком и грамматическими оборотами, что хочется закрыть его и никогда не возвращаться. Я несколько раз начинал читать трудовой кодекс и, возя взглядом по транице уже в третий раз, постоянно откладывал. Для меня это всегда было «юридическим говном», созданным хитрожопыми юристами для лучшего обмана и запутывания.

Однако, Владимиру Беляеву удаётся рассказывать об этом просто и легко, подкрепляя каждый случай примерами, которые запоминаются. Так я стал интересоваться правом. Прослушав его лекции, я понял, что витьеватые определения как раз созданы для того, чтобы всякие хитрецы не смогли трактовать закон иначе и нарушать его, а большинство законов написаны в попытке сделать лучше. После, пришло прозрение и я смог читать трудовой кодекс и даже понимать юридическую мешанину. К сожалению, я мало что запомнил, но главное, что я оттуда вынес:
— умение читать и понимать юридические тексты
— не бояться бумажек и просить переписать договоры
— что суда бояться не стоит, если это не уголовка
— ООО и ИП открыть не так уж сложно, а если ты фрилансер, то и полезно
— проверять права на каждую картинку, шрифт, иконку, которую рисовал не я сам

В следующей части я расскажу о том какой Ильяхов молодец и что нового я узнал о управлении и результатах. Это будет последняя часть о первой ступени, а о второй расскажу как нить значительно позже.
Недавно залпом заценил все три фильма Парфёнова про русское еврейство.
Фильмы о том, как евреи орусевали, отказывались от своего еврейства и становились русскими. После просмотра удивился как сильно они повлияли на историю нашей страны и ещё больше задался вопросом: за что их так не любят? У фильма великолепная графика и повествование, отдельные истории людей рассказаны в контексте исторического среза так, что прочувствуешь эпоху.

Фильм первый, до революции https://youtu.be/AaNjPAFD-UI
Фильм второй, 1918 — 1948 https://youtu.be/HcV8-I_zgC8
Фильм третий, после 1948 https://youtu.be/zQbxN_c3tMY
Чувак запилил концепт чата, который развивает свой интерфейс от самого древнего, до современного. Круто, на эпохе веб 2.0 ностальгически защемило в груди. Мой собственный компьютер появился только во времена ХР, хоть я и застал более древние версии) https://www.behance.net/gallery/64651387/eragram-app
У Лебедева вышла смешная реклама их Магазинуса https://www.youtube.com/watch?v=eHp5AlaKrrI

Ещё у Лебедева были смешные:
Реклама кафе https://www.youtube.com/watch?v=JDp3A-LRtLg
Новогоднее поздравление https://www.youtube.com/watch?v=_NQnKX5ouh8
#Школа_Бюро
Предметы. Первая ступень. Часть 4

Текст и редактура
Максим Иляхов — это что-то. Он тащит всю школу. На своём предмете он учит: заботе, редактуре, вёрстке, проектированию, правильному подходу к задачам, визуализации информации, вкладыванию души, сторителлингу и огоньку в глазах. Он один мог бы вести всю школу. Постоянные вебинары, внешкольные задания на развитие ради балов на бирже Главреда и мерча. Видно, что это единственный преподаватель с опытом и образованием преподавания.

Для меня всё это было неожиданно. К тому времени я уже прочитал книгу «Пиши, сокращай» и понимал как писать сносный текст. Первые две трети ступени были как раз про это: удаляй стоп-слова, добавляй смысла и заботы. А после началось интересное: параллельное изложение, сторителлинг, структура статьи. Этого всего в книге не было. К концу первой ступени я понял, что «Пиши, скоращай» со всеми своими правилами — это сродни подготовительному классу для входа в профессию. Внутри всё намного сложнее.

На курсе были несколько практических заданий, которые проверялись студентами. Тут у меня личная обидка на нехватку обратной связи. Вот вроде я такой молодец взял и удалил все стоп-слова и сделал прятно для чтения, а мне тройку ставят. За что? Почему? Ни комментов, ничего. Этот момент надо докуручивать в школе, просить студентов аргументировать своё мнение. Кажется, что неуч оценивает неуча, и не ясно кто понял материал неправильно.

Управление и результаты
Я попробовал новый подход к управлению проектов: сегодня делаю, что запланировал и ниибет, если что-то от меня надо — сделаю завтра. Предмет учит не срывать сроки, заранее согласовывать по шагам работу, отказаться от досконального планирования, потому что все планы летят к чертям, быть гибким и т.д. К началу школы я уже набил своих шишек на этом всём и составил приятный для меня рабочий процесс. Из предмета я подчерпнул составление списков всего и вся, хорошую теорию про широких и узких специалистов и как не рисовать проекты в стол. Опять же, откровений я не узнал, но только потому, что уже наработался, 2 года назад я бы бегал с горящими глазами и орал какую прекрасную истину мне открыли.

В начале предмета было интересно составлять свой план на год и анализировать свои навыки. Составляя план, я писал какие книги прочту, какие проекты сделаю. На деле же следующие 7 месяцев Бюро съедало всё моё время и я ничего не успел.
А вот моя осминожка навыков https://readymag.com/Nordicus/Octopus/
Что это вообще такое http://maximilyahov.ru/blog/all/go-pro/
Такое ощущение, что я не в майкрософт пришел, а в советскую поликлинику. Следующий!
Спасибо, вы ушли. Пожалуйста, не приходите снова.

Серьёно, после выхода из аккаунта Майкрософт меня бросает на пустую страницу с одной надписью. Ни кнопок, ни меню.
Мне всегда нравится дизайн Советского Союза за свою цельность, порой неожиданность и особый шарм. Лет в 16 тащил в дом старые флаги, символику, и прочие артефакты, разглядывал их, как кусочки давно забытой эпохи. Заметил, что в последний десяток лет набирает обороты тема Союза мистического: версии советского постапокалипсиса, где всё мрачно и безысходно, но с артефактами ушедшей эпохи и старого духа. Например, скоро выходит игра Atomic Heart https://www.youtube.com/watch?v=FnSd05B3ji0&list=PLcodiE1NjGO3Ebbz7HIfhnE84EMhoeyuh&index=1&t=0s
Ещё интересные проекты в духе совесткого постапокалипсиса:

Бункер
Пиксельная 2D игра в стиле второго Фоллаута. Люди живут в городах-бункерах и выходят на исследования в наружний аппокалипсис. Игра ещё не вышла, т.к. её делают энтузиасты в свободное время, однако следить за её историей, развитием мира и пополнением сюжета очень интересно.
https://vk.com/bunker.game

Самосбор
Мифическая вселенная, где люди живут в одной бесконечной хрущевке, не зная есть ли жизнь за её пределами. При этом постоянно происходят странные явления, «самосборы», во время которых перестраивается само пространство, возникают мутанты и аномалии. Игры по вселенной нет, дополняется она рассказами кого угодно, в основном на двачах. Поэтому и чёткого канона тоже нет, есть лишь общие правила. Гуглился по «Самосбор тред».
https://pikabu.ru/story/samosbor_5899012
https://m2ch.hk/b/res/175712167.html

Старый НИИ
Сюжет начинается с того, что главгерой устраивается на работу в старый советский НИИ и с ним там происходят всякие мистические события. Вселенная существует только в фантазиях людей с двачей. Гуглился по «НИИ тред».
https://2ch.hk/b/arch/2016-09-29/res/136939543.html

You Are Empty
Трешовая игра про советский зомби аппокалипсис. Интересна атмосферой и дизайном монстров. Один скелет-красноармеец в будёновке чего стоит.
https://www.youtube.com/watch?v=P-OD57AxWE0

Расписывать про Метро и Сталкер особо не вижу смысла, мне кажется про них итак все знают. Скоро выйжет, кстати, новая игра по Метро, пока есть шикарный трейлер про неё. https://www.youtube.com/watch?v=f1ByGC75VBA

Если вы знаете ещё интересные вселенные с советским сеттингом, пишите мне @Nordicus
На неделе сходил на Остров Собак и до сих пор под впечатлением. Милая, мрачноватая история о том, как всех собак сослали на остров мусора из-за эпидемии собачего гриппа и только один мальчик полетел за своим другом. Каждая следующая работа Уэса Андерсона становятся всё сильнее. Музыку из фильма второй день подряд слушаю.

Восхищает какая работа была проделана. Это кукольный мультик, который долгие часы анимировали руками. Меня удивило внимание к деталям: на заднем фоне постоянно что-то происходит: летят птицы, оглядываются люди, ветер колышит тряпки. Нет повторяющихся моделей, даже кучи мусора уникальны.

Если вы думаете на что сходить в кино, советую

https://youtu.be/dt__kig8PVU
Если вы думаете куда сходить в кино, то это Победа. В Новосибирске нет другого настолько культурного и заботливого кинотеатра. Там понимают, что на Остров собак люди захотят взглянуть в оригинальной озвучке и пускают такой сеанс, а вот на новых Мстителей таких ценителей не найдётся. Понимают, что люди, которые смотрят кино в оригинале пришли ради кино и вместо трейлеров грядущих фильмов показывают анонсы культурной части кинотеатра: французские короткометражки, съемки зарубежных театров и ретроспективы.

Всегда любил этот кинотеатр. Они одни понимают зрителей и держат тонкий балланс между коммерцией и культурой. Будьте как Победа, заботьтесь о людях.
https://vpobede.ru/event/list/schedule