На Dribbble за вдохновением ежегодно приходят 25 миллионов уникальных посетителей, на платформу Behance от Adobe — еще больше.

Иногда дизайнерам сложно найти полезные материалы в ленте популярных сообществ — только в Dribbble пользователи уже загрузили больше триллиона пикселей. Кроме сайтов-гигантов есть сервисы поменьше, но с не менее полезным контентом. Мы составили подборку из десяти небольших сайтов, которые помогут не теряться в информационном потоке, развивать вкус и понимать тенденции дизайна и разработки.

Designspiration — вдохновляющие подборки

Разработчик сайта вдохновился когда-то популярным сервисом FFFFOUND и решил создать что-то похожее. Когда он опросил студентов института искусств в Сиэтле, оказалось, что половина тех, кто учится графическому дизайну, не слышали о FFFFOUND, а Behance посещали всего пару раз. Когда источником вдохновения большинство студентов назвали Google Images, разработчик решил создать ресурс вроде FFFFOUND, но с большим функционалом.

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

Поиск дизайнов по цветовой гамме работает точно: все цвета, которые выбрал пользователь, встречаются в картинках.

Цвета картинок подписаны в формате HEX. Пригодится, если захотите сохранить понравившийся цвет и использовать его в проектах

Muzli — расширение для Chrome

Плагин Muzli для браузера Chrome собирает свежие посты из дизайнерских сообществ на домашней вкладке. Расширение анализирует 120 источников — Pocket, Vox, Artstation, Product Hunt и еще сотню других — и выбирает то, что интересно конкретному пользователю. В настройках можно выбрать темы, которые плагин выводит на домашней странице: дизайн и вдохновение, технологии и разработка, бизнес, культура, — и тематические сайты. Новости можно добавлять в закладки или скрывать из ленты. Расширение анализирует пользовательский опыт, запоминает самые посещаемые сайты и со временем учится показывать только интересное.

Установите Muzli вместо домашней страницы, чтобы следить за важными для вас новостями

Uplabs — макеты приложений и сайтов

Uplabs — сообщество, которое помогает дизайнерам и разработчикам делиться UI-макетами для приложений и сайтов. Создатели Uplabs наблюдали за популярными платформами и заметили, что сервисы вроде Dribbble изолируют участников сообщества друг от друга и не помогают работать эффективно. Макеты проектов, которые выкладывают пользователи Dribbble, часто так и остаются концептами из-за до невозможности сложной реализации. Тогда решили создать инструмент, который поможет разработчикам и дизайнерам сосредоточиться на работоспособности проекта, а не на визуальной привлекательности.

Так появился Uplabs. Пользователи сайта делятся интерактивными прототипами интерфейсов для iOS, Android и веба. Контент в Uplabs разнообразный: иллюстрации, анимация, прототипы приложений с открытым кодом, библиотеки и готовые продукты. Некоторые работы доступны бесплатно, за другие нужно заплатить — так Uplabs помогает пользователям не только эффективно взаимодействовать и вдохновлять друг друга, но и зарабатывать.

В коллекциях Uplabs собраны работы из всех областей дизайна. Можно создавать собственные подборки

Graphic boutique — тамблер с дизайнерскими работами

Создатель профиля описывает свой тамблер как «Daily inspiration to go». Как и в других хороших сервисах для дизайнеров, в тамблере работы разделены на категории: графический дизайн, брендинг, иллюстрации, типографика, 3D, анимация. Найдется все — от классической швейцарской типографики до флэт-дизайна.

Вдохновляют не только работы, но и оформление профиля — близкие друг к другу публикации выдержаны в одной цветовой гамме

The perfect grid — подборка современного веб-дизайна

Еще один тамблер владельцев graphicboutique.tumblr.com, который посвящен современному веб-дизайну. Работы разделены на три категории: веб, приложения, UI-элементы. Много интересных решений для лендингов, фирменного стиля, навигации на сайтах и пользовательских сценариев.

В блоге встречается и поп-культура — кроме концептов приложений автор вдохновляется тизером к клипу Бузовой

Pttrns — коллекция макетов iOS и Android

За шесть лет коллекция скриншотов мобильных приложений в Pttrns выросла до восьми тысяч. Сервис доступен в пробном периоде и премиум-аккаунте. В бесплатной пробной версии функционал ограничен: можно просматривать ленту из двадцати макетов, сохранять скриншоты, фильтровать работы по категориям. Основные функции платные — чтобы загружать свои макеты и просматривать сайт без рекламы, придется купить премиум-подписку за 5 долларов в месяц.

Разработчики удобно структурировали контент — скриншоты разбиты на категории, что облегчает поиск. Он, кстати, также доступен только в премиум-аккаунтах.

Категории на сайте максимально подробные — все скриншоты разбиты на ОС, темы, даты и тэги. Интересное не потеряется в ленте

Really good emails — дизайнерские электронные письма

«Making great email is hard» — пишут разработчики сайта на странице о компании. Действительно, электронные письма в рассылках редко выглядят хорошо: странные шрифты, стоковые фотографии, некрасивая типографика. Создатели Really good emails решили исправить ситуацию и разработали сервис красивых электронных писем. Пользователи загружают на сайт шаблоны имейлов с открытым кодом — любой сможет сохранить код, заменить содержимое и рассылать эстетичные письма. В эпоху популярности рассылок шаблоны имейлов с профессиональными фотографиями и чистой версткой — незаменимый инструмент.

Пример имейла, который присылает сайт Universe. Оказывается, уведомления о регистрации аккаунта могут быть нескучными

Panda 5 — сборник новостей для дизайнеров и разработчиков

«An easy way to keep up with industry news and inspiration» — пишет про сервис издание TechCrunch. Panda 5 — это платформа, которая собирает картинки и новости с интернет-ресурсов в одном месте. Сервис доступен в веб-версии, в мобильном приложении и расширении для Chrome.

Panda 5 работает по схожему с Muzli принципу — собирает контент из разных источников и выводит на домашней странице. Отличает сайт больший выбор информационных ресурсов, разнообразие фильтров и список информации — в отличие от Muzli, контент выводится списком, а не плиткой. Перед первым запуском расширения Panda 5 спросит, какие темы и рубрики вам интересны. Для пользователей, которые интересуются разработкой и технологиями, Panda 5 предложит новости даже из CSS-Tricks — об изменениях в спецификациях и обучающих статьях вы узнаете первыми.  

Главная фишка Panda 5 — сервис собирает информацию из неограниченной подборки интернет-ресурсов

Подборка тамблер-профилей Даниэля Эклера

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

Профиль пользователя OLD HORSE из раздела «Искусство»  

Fubiz — новости дизайн-индустрии

Французский онлайн-журнал, который специализируется на творческом контенте. Fubiz начинал как маленькое интернет-издание Ромена Колина — студента, который увлекался культурой и искусством. Колин создавал сайт как агрегатор контента об искусстве и поп-культуре, и сейчас Fubiz вырос до 20 миллионов уникальных посетителей в год и по версии Forbes считается лучшим креативным медиа в мире.

Сейчас Fubiz специализируется на рекламе — на сайте рекламируют знаменитые бренды и продвигают малоизвестных талантливых людей. Благодаря платформе многие дизайнеры, модельеры, иллюстраторы становятся популярными. Как говорит создатель сайта, они предоставляют рекламодателям список креативных людей, которые способны создавать оригинальный контент и распространять его в СМИ. Материал на Fubiz распределен по структурированным разделам о дизайне, архитектуре, фотографии и поп-культуре.

Новости из мира технологий, которые мы заслужили: в старую технику Apple посадили растения

Сохранили что-нибудь себе? Расскажите в комментариях, какой сервис оказался самым полезным и какие инструменты помогают вам развивать вкус и насмотренность.

Это перевод статьи «Master Hot Design Trends (with Photoshop Tutorials)». Автор оригинала — Миклош Филипс (Miklos Philips) — UX-дизайнер с опытом более 16 лет.

Повседневная жизнь полна ярких визуальных образов. Из экспериментов в области графического дизайна рождаются горячие тренды и — внезапно — проникают всюду. Мы видим броские дизайнерские решения на автобусах, билбордах, в телерекламе, журналах и, конечно, в цифровом контенте. Приемов много: двойная экспозиция, глитч (glitch  — цифровые помехи, сбой, ошибка), цветовые каналы, фотомаски, смазанность, ультраяркие цвета или «ошибки печати» (misprint).

Трендовый эффект «глитч» на рекламе в метро Нью-Йорка

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

Для создания трендовых эффектов сегодня как никогда много цифровых инструментов. Но давайте помнить, что при всей доступности этих средств действительно притягательные работы не появляются без творческой смелости и новаторского подхода.

Стоит ли следовать трендам

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

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

Прием двойной экспозиции украсил вступительную заставку сериала «True Detective» от HBO.

Ниже мы рассмотрим несколько модных дизайнерских приемов и поделимся уроками по созданию эффектов в Photoshop.

Горячий тренд №1: двойная экспозиция

Этот прием позволяет создавать эффектные визуальные сочетания. Название пришло из пленочной фотографии, где можно сделать два или три снимка без прокрутки пленки — и кадры накладываются друг на друга. Эффект часто используют на киноафишах и в рекламных роликах на ТВ. Выше вы видели кадр из заставки сериала “True Detective”: сочетание двойной экспозиции с анимацией усиливает впечатление.

Главное условие успеха здесь — удачный подбор изображений. Когда вы берете за основу картинку с высокой контрастностью, следующий слой лучше разместить поверх самых темных ее участков. Часто портрет смешивают с более детализированной картинкой, вроде городского пейзажа.

А вот несколько хороших уроков, как сделать подобное в Photoshop:

Двойная экспозиция. Урок #1

Двойная экспозиция. Урок #2

Двойная экспозиция. Урок #3

Эффекты «глитч», «ошибка печати» и «визуальные помехи»

Это приемы одного ряда. С ними изображение притягивает взгляд, потому что выбивается из потока «идеальных картинок». В основе — цифровые искажения, или глитч. Когда все вокруг отфотошоплено до безупречности (кто-то назовет это фальшивым или «эстетически загрязненным»), хочется взглянуть на что-то более реалистичное, естественное и неприлизанное.

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

То, что  дизайнеры называют глитчем, еще может встречаться как VHS, RGB-сдвиг, искажение при сканировании, визуальные помехи и «ошибка печати». Дизайнеры-новаторы иногда совмещают несколько таких эффектов, чтобы получить оригинальный результат.

На постере к сериалу «Мистер Робот» несколько разновидностей глитч-эффекта подчеркивают контркультурный антураж.

Цветовой сдвиг + «ошибка печати» + цифровые помехи.

Чересполосное сканирование со смещением изображения создает необычный, притягательный для глаза эффект.

Добиться подобных результатов можно разными способами — осмотритесь на YouTube и выберите, что вам понравится. Есть даже готовые Photoshop Actions, которые можно купить, чтоб накладывать глитч в один клик.  

Парочка крутых Photoshop-уроков по этому тренду:

Глитч. Урок #1

Глитч. Урок  #2

Вы даже можете создавать glitch-эффект средствами CSS. Вот примеры слайдшоу и лендинга.

Двухтоновые эффекты

Прием «дуплекс» (duotone) давно в моде и не устаревает. Сотни лет назад с помощью сангины — красного мелового карандаша — однотонные рисунки создавал Леонардо да Винчи. Манера разбивать изображение на простые тона укоренилась, и современная двухтональная техника развивает идеи мастеров прошлого.

Рисунки сангиной, созданные да Винчи и мадемуазель де Мондран (de Mondran), а также современное фото в двухтоновой технике.

Дуплекс сегодня используют всюду: от постеров к голливудским блокбастерам до рекламы Apple и Spotify. Смысл — выделиться, выглядеть иначе. И здесь на помощь приходят Photoshop Actions и мобильные приложения.

Несколько хороших уроков Photoshop, из которых вы узнаете, как получить этот модный эффект:

Дуплекс. Урок Photoshop #1

Дуплекс. Урок Photoshop #2

Дуплекс. Урок Photoshop #3

Разделение RGB-каналов, цветовые каналы, двухцветная двойная экспозиция

Еще один примечательный эффект, который работает на фотографиях, тексте и контурах. Иногда, чтобы получилось интересно, берут три разных изображения в трех различных цветовых каналах и все это совмещают. Другая разновидность — смесь глитча и разделения RGB-каналов. Некоторые дизайнеры идут дальше — добавляют еще и двойную экспозицию.

Вот несколько крутых уроков по работе с цветовыми эффектами в Photoshop и Affinity Photo. Не обращайте внимания, как эти приемы там называют — каждый волен именовать их по-своему.

Двухцветная двойная экспозиция в Photoshop

Двухцветная двойная экспозиция в Affinity Photo

Яркие, кричащие цвета и флуоресцентный дуплекс

И снова задача — обратить на себя внимание. Чтобы следовать тренду, щедро используем в дизайне сочные и сияющие оттенки.

Флуоресцентный дуплекс в дизайне сайта компании New Deal Design.

Тот же веб-дизайнерский тренд использовали при создании календаря для AfriSam 2018 Corporate Stationery.

По моде — в ярких насыщенных цветах — оформлен и сайт дизайнерского агентства ELJE Group.

Сайт Hackernoon использует сочные флуоресцентные тона, чтобы стать заметнее.

Главное в этом деле  — уместная смелость, готовность рискнуть и попробовать кричащие цвета в дизайне сайта, на обложке альбома или на постере.

Маски, вырезки, абстракционизм, кубизм

Бесконечно возвращающийся тренд, который прочно закрепился в графическом дизайне. Это может быть сочетание жирного шрифта, плоских цветных поверхностей, монтажа и маскирования. Этой технике почти 100 лет, как и выполненным ее средствами советским пропагандистским плакатам 1920-х годов. (На самом деле нам показывают афиши к раннесоветскому кино  — прим. пер.)

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

Цифровой кубизм, абстрактное искусство и коллажи сегодня — растиражированные техники, которые доказали свою способность привлекать внимание.

Иногда современные эффекты визуального наслоения напоминают коллажи Матисса.

Интересный эффект фотомаски можно получить за счет игры со шрифтами и простыми геометрическими фигурами.

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

Тем не менее есть пара классных уроков Photoshop, которые на примере показывают, как создать подобные эффекты:

Как создать портрет из текста в Photoshop

Как создать букву-портрет в Photoshop

А вот еще один интересный урок — как с помощью слой-масок в Photoshop получить такой результат:

Из урока вы узнаете, как несколько простых приемов позволяют делать замысловатые иллюстрации с  несколькими слоями, маскированием, инструментом «Перо», базовым освещением и одной простой текстурой.

Анализируйте, будьте смелыми и прокладывайте свою колею

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

Россия — одна из самых образованных стран. У 40 % россиян есть диплом о высшем образовании. А если опросить людей в возрасте от 25 до 34 лет, то у 60 % из них. Это чуть меньше, чем в Японии (61 %), столько же, сколько в Корее, и больше, чем во всем остальном мире. Но каждый ли дипломированный специалист востребован на рынке труда?

Поводом для этой статьи стала сенсация: сразу несколько мировых корпораций публично вычеркнули диплом о высшем образовании из списка обязательных требований к соискателю. Портал Glassdoor опубликовал полный список из 15 компаний с перечнем позиций и локацией офисов, в которых можно пройти собеседование без диплома. Так, продакт-менеджер может попытать счастья в Google, приехав в Чикаго или Сан-Франциско. Аудиторов и налоговых специалистов ждут в британских офисах EY (Ernst & Young). Технические специалисты могут претендовать на работу в Apple, блокчейн-эксперты — в IBM. Так стоит ли тратить годы жизни и сотни тысяч рублей на учебу в институте?

Мы попытались найти связь между образованием, работой и заработком. Пообщались с работодателями и соискателями, разведали обстановку на рынке диджитал-труда.

Зачем и кому нужен диплом в России

В нашей стране образование получило священный статус с приходом советской власти. В 1917 году большевики «раздали буквари» всему Советскому Союзу и научили вчерашних крестьян читать и писать. К 50-м годам образование стало бесплатным и всеобщим; «поступить детей в институт» стало главной задачей каждого родителя. Это мы наблюдаем и сегодня: около 70 % выпускников школ поступают в вузы.

Цена высшего образования довольно высока: тем, кто не пройдет на бюджет, придется платить от 40 тысяч до миллиона рублей в год. Средняя стоимость обучения в ведущих вузах Москвы и Петербурга (МГУ, НИУ ВШЭ, СПбГУ) — 300 тысяч рублей в год. В вузах попроще — 150–170 тысяч. В регионах обучение обходится дешевле, но и дипломы провинциальных вузов котируются меньше. Умножим эти цены на пять лет, добавим стоимость аренды жилья и прочие расходы на учебу. Стоила ли овчинка выделки, а диплом — кредитов и займов, можно понять только после выпуска. Легко ли найти работу? На какую зарплату можно претендовать с этим дипломом?

«На предварительных собеседованиях в таких госкорпорациях, как Газпром, до сих пор важно не только наличие диплома, но и оценки. Это удивительно, ведь багаж знаний и опыта сильно меняется с момента их получения. Да и в структурах помельче по-прежнему встречаются бинарные бюрократические механизмы, которые теряют эксперта из-за заданных при поиске фильтров». Сергей Мелкумов, генеральный директор «Миттельштанд Консалтинг».

В прошлом году Роструд выяснил: по специальности работают меньше трети опрошенных. Стоит ли удивляться тому, что молодежь в возрасте от 18 до 24 лет называет учебу в институте необязательной. Согласно опросу ВЦИОМа, 72 % респондентов считают, что карьера возможна и без диплома. Не диплом красит человека, а soft skills, hard skills и релевантный опыт.

Петр Левич, основатель Future Foundation, утверждает, что «все больше работы будет связано со способностью придумывать новые решения или выносить собственные суждения, не опираясь на заранее заданные параметры».

Следовательно, задача образовательных учреждений — не столько обновить багаж передаваемых знаний, сколько переопределить логику образовательной модели. Вузам нужно время, чтобы изучить новые сферы труда, ориентированные на реализацию творческого потенциала человека (креативная экономика, киберэкономика и др.) и пересмотреть форматы обучения. В это время мы с вами можем использовать все существующее богатство образовательных форматов. Это стажировки, платные и бесплатные онлайн-курсы, мобильные приложения, устройства дополненной реальности, массовые игры и другие ресурсы.

Зачем и кому нужен диплом в IT

Билл Гейтс, Марк Цукерберг, Стив Джобс — все эти люди не имеют высшего образования. Илон Маск отправился в Стэнфорд (Калифорния) для получения докторской степени, но уже два дня спустя бросил учёбу и вместе с братом открыл свой первый бизнес в Кремниевой долине.

Но постойте-ка, это вовсе не значит, что они отрицают важность образования вообще! Они предпочли университету усердную работу и самообразование. Так, Билл Гейтс ушел с третьего курса Гарвардского университета, чтобы вместе с Полом Алленом основать Microsoft. Марк Цукерберг ушел из того же Гарварда, чтобы развивать Facebook. Джобс в своей знаменитой речи перед выпускниками Стэнфордского университета отдал должное семестру в колледже Рид. А Илон Маск тайно открыл школу-лабораторию для одаренных детей. В школе его мечты никому не ставят оценки, дети программируют, ставят химические опыты, занимаются математикой и сражаются с роботами. Иконы IT-индустрии не отказались от образования — они получили нужные навыки «в бою», следуя за собственным призванием. И вернулись за дипломами спустя годы.

Другими словами, от востребованного айтишника XXI века работодатель ожидает цифровой и эмоциональной грамотности: чтобы специалист быстро концентрировался на решении задачи, легко справлялся с большим потоком информации. Рутинные обязанности постепенно переходят в «руки» роботов, поэтому креативность сотрудника ценится выше исполнительности, а отсутствие диплома компенсируется развитыми soft skills. Но помните, что высшее образование часто нужно не только эйчару, но и вам самим — уже на рабочем месте. Так, в разработке часто встречаются «детсадовские» ошибки, когда программист изобретает громоздкие решения для задач, которые проходят на первых курсах профильного института.

Как стать ценным специалистом независимо от диплома

Лаcло Бок, бывший вице-президент Google, рассказал New York Times, что Google ценит в соискателях.

«В первую очередь мы обращаем внимание на следующие пять навыков кандидата:

1. Умение учиться. Оно определяет умственные способности специалиста. Поведенческие тесты показывают, насколько быстро человек схватывает новые знания, способен ли видеть картину в целом.

2. Лидерские способности. Умение принять ответственность в изменившейся ситуации, стать во главе команды, если вы оказались единственным, кто на это сейчас способен.

3 и 4. Скромность и чувство сопричастности. Без первого невозможен прогресс  специалиста, без второго — команды в целом. Иначе рискуешь оказаться заложником ложного превосходства, когда весь успех приписываешь себе, а неудачи сваливаешь на обстоятельства, других сотрудников и т.д.

5. Опыт. Ласло сравнивает двух кандидатов: один с красным дипломом, но без опыта, второй — без диплома, с задатками лидера и жаждой новых знаний. В Google возьмут второго, потому что вчерашний отличник в экстренной ситуации с большой долей вероятности будет действовать стандартным образом, тогда как самоучка будет вынужден изобретать свой путь и предложит оптимальный выход».

Перечисленные навыки, конечно, не зависят от образованности соискателя. И диплом в окно выкидывать тоже не стоит, даже если он не соответствует вашему нынешнему профилю. Как сообщила порталу Glassdoor Мэгги Стилвелл, партнер EY (Ernst and Young), управляющая кадровым потенциалом, «диплом об образовании еще принимается во внимание, но его отсутствие перестает быть непреодолимым барьером, как это было раньше».

Крупные российские работодатели пока не делают громких заявлений об отказе от классических фильтров поиска сотрудников, но уже принимают во внимание их человеческие качества. По всей видимости, идеальный соискатель должен быть одновременно и образованным специалистом, и комфортным в общении коллегой.

К какому бы выводу вы ни пришли относительно диплома как такового, обратите внимание на основные требования работодателей к предпочтительным навыкам соискателей. Пожелания универсальны: уметь учиться новому, не бояться ответственности, быть классным, жить осознанно.

И не бойтесь ходить на собеседования. Даже если вас не взяли с первого раза, помните о так называемых «хотелках» руководителя, на которые повлиять совершенно невозможно. 

Смотрите: Окей, Гугл! Как устроиться в Google?, гид по онлайн-самообразованию от GeekBrains, 7 навыков идеального веб-разработчика, Что следует знать каждому разработчику, Чего ждут от айтишников на собеседовании.

Почти все ответили: «креатив», «оригинальность», «что-то красивое», «минимализм». Но должен ли дизайн всегда быть необычным и красивым, а интерфейс — минималистичным? Давайте разрушим популярные мифы.

Миф № 1: Дизайн должен быть оригинальным

Никому не нужен креатив ради креатива, особенно это касается проектирования интерфейсов. Лучше адаптировать привычный для пользователя дизайн, чем изобретать колесо. Люди больше ценят удобство и простоту использования, чем новизну. «Привычное — ваш друг», — говорит Стив Круг в книге «Don’t make me think». И он прав, ведь если пользователю что-то непонятно, то он уйдет (разве что у продукта нет ни одного конкурента). Поэтому креативить нужно, если новое решение точно лучше существующего. Или если ваша задача — поразить пользователя собственной креативностью. Крутой дизайн зачастую сначала незаметен, ведь он в первую очередь передает идею.

Миф № 2: Дизайн должен быть красивым

Мне нравятся пастельные тона и строгие шрифты, а посетителям сайта анекдот.ру — кричащие цвета и Comic Sans. Стоит ли делать, как нравится мне (у меня же так развито чувство прекрасного)? Вряд ли. Главное, чтобы нравилось целевой аудитории. «Суть дизайна не в том, чтобы радовать глаз и красиво смотреться. Дизайн должен работать», — говорит Оливер Райхенштейн, дизайнер, CEO компании iA.

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

Миф № 3: Плевать на эстетику, главное — функционал

Не надо игнорировать эстетику. Доказано, что эмоции влияют на пользовательский опыт. Если вам принесут два одинаково вкусных блюда, но первое будет вывалено на тарелку как попало, а второе — оформлено аккуратно и привлекательно, какое вы предпочтете? Я почти уверена, что второй вариант многие даже выложат в Instagram, особенно если в подаче будет изюминка. Дизайн должен производить приятное первое впечатление (на целевую аудиторию, конечно). Дизайнер Дэн Норман объясняет, что, как и почему в книге «Emotion & Design: Attractive things work better».

Миф № 4: Пользователи знают, чего хотят

Выявить реальную потребность пользователей — суперсложная задача. Недостаточно просто спросить, чего они хотят от дизайна. Здесь в тему цитата, которую приписывают изобретателю автомобильного конвейера Генри Форду: «Если бы я спросил, чего хотят люди, они бы ответили, что им нужны лошади побыстрее». Пользователи зачастую не знают, чего хотят. Они не могут предсказать свою реакцию на те или иные вещи. Но они точно знают, какие проблемы и «боли» у них есть сейчас. Спроси Форд о том, что раздражает людей в нынешнем способе передвижения, — конечно, они бы сказали, что низкая скорость, что лошади быстро устают, болеют и так далее. Из подобных данных уже можно понять, каким должен быть дизайн, не упираясь в предыдущий способ решения задачи.

«Критическая ошибка пользовательских интервью в том, что вы просите людей либо учитывать предыдущий опыт использования, либо спекулировать на будущем использовании продукта», — говорит Якоб Нильсен в статье «Interviewing Users». Нужно добраться до истинной проблемы — только так появляются прорывные, креативные решения. Это сложно, но чертовски интересно.

Миф № 5: Чем проще и удобнее, тем лучше

Мне нравится цитата Джоэла Спольски, которая объясняет, почему удобство — относительная штука: «Если бы юзабилити-дизайнеры проектировали ночной клуб, то там было бы чисто, спокойно, хорошо освещено, всем хватало бы сидячих мест и меню, напечатанных Sans-serif, было бы много барменов и туалетов, которые легко найти. Но никто бы там не тусовался. Все бы пили пиво в “Гадком Койоте”».

Миф № 6: Детали важны только перфекционистам

«Детали — не просто детали. Они и есть дизайн», — сказал американский дизайнер Чарльз Эймс, который придумал кресло с оттоманкой, на котором так удобно релаксировать. Правка на 5 минут может стоить миллионы долларов. Например, для сайта BestBuy.com небольшое изменение, позволяющее пропускать регистрацию во время оформления заказа, привело к росту доходов на 300 миллионов долларов в год. Корпорация Apple, которая стоит более триллиона долларов, маниакально помешана на «мелочах». Как пользователь айфона (в прошлом ярый его противник), могу уверенно сказать, что не зря.

Миф № 7: Минимализм = простота

Упрощение часто путают с минимализмом — сокращением элементов. Но сокращать нужно не всегда. Иконки без текста сложно понять, как и трудно выбрать блюдо с помощью меню без фотографий еды. Эйнштейн отлично сказал на этот счет: «Все должно быть простым, насколько это возможно, но не проще». Джулия Жуо, директор по дизайну продуктов в Facebook, в статье «The 5 Most Common Design Mistakes» акцентирует, что не нужно жертвовать понятностью ради минимализма. Простота исходит из понимания целостного опыта пользователя, а минимализм — это стиль. Он не самоценен.

А какие мифы о дизайне знаете вы?

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

IT Arena 2018

Даты: 29 сентября — 1 октября 2018 года.

Где: Львов, Украина.

Описание: это одна из крупнейших IT-конференций не только на Украине, но и во всей Восточной Европе. Здесь представлено более 2800 мировых компаний, в разное время здесь проводили семинары Twitter, Uber, Facebook, Philips, Samsung, IBM, Google и Microsoft. На этот год запланировано выступление 90 спикеров, среди них СЕО Rockstar, представители GitLab, Google, Microsoft. В последний день проходит масштабный музыкальный фестиваль на 3000 человек, давно известный за пределами конференции.

Стоимость участия: 140–350 € в зависимости от выбранного пакета посещения мероприятий.

Стоимость авиабилетов: перелет через Беларусь будет стоить 176 €.

Стоимость гостиницы: во Львове можно найти гостиницу на любой кошелек, но приличные варианты стартуют от 60 € за ночь.

Прочие расходы: виза для въезда в Украину не нужна, транспортные и бытовые расходы на 3 дня вряд ли превысят 150 €.

Итого: от 640 € для комфортного посещения конференции — до 1000 €, чтобы получить максимум пользы и удовольствия.

World Summit AI

Даты: 10–11 октября 2018 года.

Где: Амстердам, Нидерланды.

Описание: 6000 тысяч участников и более 140 выступлений всего за 2 дня. И все это посвящено изучению искусственного интеллекта. Среди выступающих — представители Google, Яндекс, Unity, Apple, NASA, Microsoft, IBM, Dell, Toyota, General Motors, Phillips, Qualcomm и еще нескольких десятков компаний. Масштабное мероприятие — как по формату, так и по качеству организации.

Стоимость участия: 399 €.

Стоимость авиабилетов: 278 € за прямой перелет и от 171 € за рейсы с пересадкой.

Стоимость гостиницы: чтобы жить рядом с местом проведения конференции — а это самый центр Амстердама — придется отдать минимум по 110 € за ночь. Если расположиться чуть дальше или снимать частное жилье, плюс обойтись одной ночевкой, стоимость можно сократить до 70 € за поездку.

Прочие расходы: транспорт и еда на 2 дня облегчат кошелек по меньшей мере на 140 €. Для комфортного пребывания придется выложить от 250 €. Помним про 35 € на консульский сбор за оформление визы.

Итого: поездка осенью в Амстердам на 2 дня с посещением WSAI будет стоить не менее 780 €.

Oracle Openworld

Даты: 28 октября — 1 ноября 2018 года.

Где: Сан-Франциско, США.

Описание: Oracle OpenWorld — это ежегодная конференция для тех, кто принимает решения в бизнесе, связанном с IT: коммерции, облачных технологиях, социальном взаимодействии, безопасности, больших данных и аналитике. На OpenWorld можно познакомиться с новейшими решениями в области разработки приложений, искусственного интеллекта, повышения гибкости и эффективности. Так как организатором конференции выступает Oracle, большинство спикеров представляют именно эту компанию и ее партнеров.

Стоимость участия: 2150 $.

Стоимость авиабилетов: прямых авиарейсов в Сан-Франциско из России нет, а рейсы с пересадкой будут стоить минимум в 605 $.

Стоимость гостиницы: экономить на фоне таких трат вряд ли будет смысл, поэтому заложите от 660 $ на бизнес-отель недалеко от места проведения конференции.

Прочие расходы: учитывая длительность мероприятия, есть смысл арендовать автомобиль, что обойдется примерно в 250 $. Плюс питание и городской налог — еще столько же. Сделать визу в России быстро не получится, а с учетом сборов и денег на переезды в страны СНГ стоит заложить еще хотя бы 500 $.

Итого: поездка в Сан-Франциско обойдется в 4450 $.

Gartner IT Infrastructure, Operations Management & Data Center Conference

Даты: 4–7 декабря 2018 года.

Где: Лас-Вегас, США.

Описание: одно из важнейших мероприятий для IT-руководителей состоится в конце года в Лас-Вегасе. Ожидается, что за 4 дня его посетит несколько тысяч человек, от которых зависит сегодняшний облик IT и перспективы отрасли. Пройдет более 60 семинаров, гости которых узнают о ведущих тенденциях на 2019 год, смогут обзавестись контактами и оценить нынешние успехи.

Стоимость участия: 3050–3575 $ — в зависимости от срока покупки билета и доступа к разным мероприятиям.

Стоимость авиабилетов: добраться до Вегаса чуть сложнее, чем до Сан-Франциско. Придется дважды менять самолеты и отдать при этом минимум 615 $.

Стоимость гостиницы: плюс Вегаса в том, что там есть достойные отели за умеренную плату. Снять номер на 3 ночи в пятизвездочной гостинице недалеко от центра можно за 225 $.

Прочие расходы: визовый сбор — 160 $, питание — не меньше 130 $, транспорт — от 40 $. С учетом налога на проживание и поездок для оформления визы сумма накладных составит около 510 $.

Итого: главное IT-событие уходящего года обойдется минимум в 5135 $.

И бонус-трек, если вы рядом с Швецией!

IP EXPO Nordic

Даты: 19–20 сентября 2018 года.

Где: Стокгольм, Швеция.

Описание: одна из крупнейших IT-конференций в Европе со множеством участников, стендов и тем. Масса информации об облачных технологиях, кибербезопасности, сетях, анализе данных, искусственном интеллекте.

Стоимость участия: простое посещение — бесплатно, но VIP-билет с допуском на семинары от ведущих специалистов Amazon и Microsoft обойдется минимум в 775 € (если поторопиться).

Стоимость авиабилетов: прямой рейс из Москвы — 248 €, с пересадками — от 199 €.

Стоимость гостиницы: Стокгольм — дорогой город, так что приличная гостиница недалеко от конференции будет стоить от 65 € за ночь.

Прочие расходы: если у вас нет шенгенской визы, придется отдать от 35 € за ее оформление (за срочное через посредников — и все 120 €). Транспорт и питание на 2-3 дня обойдутся в столице Норвегии еще минимум в 170 €.

Итого: эконом-вариант — 534 €, с комфортом и бизнес-программой — от 1500 €.

Как вы относитесь к конференциям? Ездите ли на них? Делитесь мнением в комментариях.

Технологии упрощаются: раньше для создания сайта требовалась команда программистов, сейчас — собственные знания и навыки. Фронтенд и бэкенд оставим профессиональным разработчикам, для обычных пользователей придумали конструкторы. Они предлагают широкие возможности, сопоставимые с самописными сайтами, и простой интерфейс, как у ресурсов на CMS (Content management system).

Видео-курс по Tilda

Мы совместно с командой платформы Tilda запускаем видео-курс по созданию сайтов. За 16 уроков слушатели познакомятся с техническими настройками и функциональными возможностями конструктора, чтобы научиться запускать продвинутые web-ресурсы.

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

Курс подойдет дизайнерам, маркетологам, предпринимателям, а также всем, кто хочет создавать wow-проекты самостоятельно. Для обучения не требуется знать языки программирования или разбираться в дизайне. Достаточно начальных навыков работы на компьютере и желания.

Программа курса

Слушатели изучают теорию с помощью видеолекций и методический материалов. Теория закрепляется на практике через домашние задания. Обучение разработано по системе микроленинга — короткие уроки по 10 минут и простые задания. Это помогает быстро учиться и не терять мотивацию. За время учебы вы создадите четыре сайта, пройдя полный цикл: прототип — сайт — контент.

Домашние задания проверяют преподаватели. Они подскажут, что изменить и как сделать лучше. На курсе преподают digital-специалисты со специализацией в дизайне, рекламе и маркетинге.

В течение курса вы изучите темы:

• обзор конструктора;
• предварительное исследование перед созданием сайта;
• предконцепция;
• прототипирование;
• текстовый и визуальный контент;
• типографика и композиция;
• колористика и модульные сетки;
• функциональные возможности — формы, интернет-магазин, seo;
• анимация;
• zero-блоки;
• верстка;
• метрики и тестирование.

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

Почему Тильда

Tilda — конструктор сайтов, который был создан в 2014 году компанией FunkyPunky. Он сочетает в себе продвинутые возможности и простой интерфейс разработчика. На платформе есть готовые шаблоны, которые можно сразу использовать в работе.Однако это будут примитивные лендинги с типовой структурой.

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

Для интерактивности Тильда предлагает использовать анимацию. Вы сможете продумывать сценарий: когда и что будет открываться и выезжать, как будет прокручиваться страница. Сможете внедрить функции animation, parallax и fixing. Это даст эффект параллакс при скроллинге, фиксацию меню, футера или другого элемента и разное появление блоков.

Сайт на Тильде — это не просто страничка в интернете с доменом третьего уровня. Вы сможете подключить собственный домен, добавить форму оплаты, проводить А/В-тестирование. Сайты корректно работают на всех мобильных устройствах благодаря встроенному адаптивному дизайну. Есть seo-продвижение: вы самостоятельно прописываете ключевые слова и оптимизируете ресурс под поисковики.

Сайты на конструкторе подходят для любого бизнеса. Крупный бизнес экономит время — проект создается за рабочий день. Малый бизнес экономит средства — ему не требуются дизайнер, верстальщик и разработчик. На Тильде можно сделать основной сайт, а можно — отдельные работы: промо-страницы мероприятий, лендинги под акции или продукт, дайджесты, имиджевые проекты.

Запись на курс

Курс начинается 24 сентября. Чтобы записаться на курс, оставьте заявку или позвоните по телефону 8-800-700-68-41. Запись закрывается в воскресенье 23 сентября. Если у вас остались вопросы, задавайте их по телефону или в комментариях.

13 сентября (в 256 день года) весь мир отмечает День программиста. Гик-сообщество давно ожидает, что эта дата станет красной в календаре (помните государственный курс на инновации?), но, кажется, наш голос пока слишком тих. Что ж, попробуем привлечь больше людей на нашу сторону, напомнив, почему быть программистом — круто. 

Доступность обучения и развития

Сфера IT все время развивается и вы вместе с ней.

Изучайте книги и документацию, запишитесь на курсы, шерстите интернет, общайтесь на форумах и в сообществах. Практикуйтесь.

Реализуйте самые смелые фантазии в программах и приложениях. Так вы станете крутым специалистом и сможете работать в любой компании. 

«Помните, как забыв про всё, вы собирали конструктор в детстве? Программирование – тот же конструктор, только для взрослых. Бывает и такое, что не можешь понять задачу, раздражаешься и унываешь. Но как только докапываешься до её решения, в очередной раз убеждаешься: программировать круто! Самое интересное – использовать программирование для решения не только рабочих задач. Например, взял и сделал викторину по классическим композиторам или удобный калькулятор для домашнего пивоварения!» Максим Ермоленков, разработчик Ruby on Rails в Рокетбанке.

Трудоустроенность

Когда вы выбираете будущую профессию, именно этот вопрос встает в первую очередь. Если отбросить специалистов из сферы услуг (с продавцами и водителями такси сложно конкурировать), вряд ли вы найдете более востребованное направление. Неважно, куда вы направитесь: в мобильную сферу, веб, разработку десктопного и специального ПО, администрирование, моделирование и анализ данных, — везде требуется множество специалистов разного уровня. 

«Сегодня HeadHunter рекомендует 4,5 тысячи вакансий на моё резюме. Я получаю столько звонков, что не на все собеседования успеваю сходить». Никита Охотников, Python-разработчик, выпускник GeekBrains.

Интересная работа

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

«Программирование для меня — дело, которое никогда не дает скучать. Каждый день — новые вызовы и преодоления препятствий. Если ты справишься, получишь мало с чем сравнимое удовольствие. Видеть, как продуктом, созданным твоими руками, пользуются другие люди, дорогого стоит». Константин Колесников, руководитель разработки GeekBrains.

Отличная зарплата

Откройте исследования зарплат любого рекрутингового ресурса — на вершине рейтинга топ-менеджеры, руководители, строители и, внимание, айтишники всех мастей. Да, профессия программиста — не гарантия золотых гор, но при условии работы над собой у вас есть возможность жить, мало в чём себе отказывая.

Светлое будущее

Сегодня даже руководители нефтяных государств тратят огромные средства на развитие IT-сектора. Все понимают неизбежность цифрового будущего: это касается человеческих и государственных отношений, финансовых операций, информации, производства — всего. Разумеется, ценность программистов в таком мире огромна, а значит за своё будущее они могут не переживать. 

«Когда-то я и представить не мог, что во мне проснется интерес к разработке и IT в целом. Не мог, потому что не знал многих возможностей этой сферы: большой инструментарий, чтобы работать на себя; с технологиями можно связать любое свое увлечение или идею. Например, сделать сайт о путешествиях или обучающее приложение по игре на гитаре». Роман Булатников, веб-разработчик, выпускник GeekBrains.

Куча новых знакомств

Для программистов проводится огромное количество событий, где можно завести кучу новых знакомств. Хакатоны, конференции, флешмобы — постоянно где-то проходит event, направленный на объединение, получение новых знаний. В такой ситуации найти друзей проще, чем откомментировать собственный код. 

Радость интроверта

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

Свобода от офиса

Да, многие программисты работают удаленно. Опрос Developer Survey Results 2017 на Stack Overflow показал, что разработчики очень ценят возможность удаленной работы, в том числе, выбирают рабочее место по этому критерию. При таком обилии программ для дистанционного управления проектами, групповой разработки и рабочих чатов, можно легко работать из дома. И не только из дома.

Возможность жить и работать в любой точке мира

Если вы программист, вы не привязаны ни к офису, ни к городу, ни к стране. Хотите — живите на азиатских островах, работайте на мультинациональные корпорации в США и Европе, поднимайте бизнес в Африке и Латинской Америке. Границы для тру-программиста существуют только в голове. Да и то не в своей.

Вот, например, рассказ Олега Иванова о работе в Болгарии.

Программист — это звучит круто

The New Yorker еще в 2014 году назвал программистов новыми рок-звездами. С тех пор ценность программистов только растет. Присоединяйтесь к сообществу! 

Дизайн-система — термин, который в моде и у всех UI-дизайнеров на устах. Чтобы разобраться, что это и зачем, я перевела обзор полезных материалах по дизайн-системам. Автор — Ведран Арнаутович (Vedran Arnautovic) — ведущий продуктовый дизайнер в Zendesk. Оригинал здесь: «Design System Resources».

Последние пару лет я усиленно собирал по сети публикации о дизайн-системах. Ниже я делюсь ссылками на видео и тексты, которые считаю самыми ценными из всего найденного за время исследования.

Этот контент повлиял на мое понимание темы и на то, как мы с коллегами из Zendesk работаем над собственной системой Garden.

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

Видео

«Дизайн-системы. Когда и сколько?»

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

По мере того как дизайн-системы перерастают хайп и укореняются в культуре продуктового дизайна, все важнее становится вопрос, как оценивать их успешность. Спикеры углубляются в эту тему на временной отметке 12:20. IBM использовала качественные и количественные методы исследования, чтобы понять, насколько созданная ими дизайн-система подходила их большой и очень распределенной команде.

Дизайн-системы в Zendesk

Дизайн-системы способствуют распространению принципов доступности. На 17-й минуте 35-й секунде мой коллега Остин Грин (Austin Green) начинает говорить о проектировании в рамках нашей дизайн-системы. Это моя любимая часть доклада, потому что Остин объясняет, как мы встраиваем средства обеспечения доступности (accessibility) в каждый компонент системы. Объяснение хорошо тем, что доступно (улавливаете?) даже неспециалистам в разработке и проектировании.

Устойчивые дизайн-системы

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

Статьи

Design Systems Handbook («Руководство по дизайн-системам»)

Создавать дизайн каждого продукта индивидуально — это медленно и непоследовательно. Обслуживать его со временем становится все сложнее.

Дизайн-системы позволяют командам создавать более качественные продукты быстрее — за счет повторного использования дизайна и возможности масштабировать его применение. В этом ключевой принцип и главная ценность дизайн-систем.

Прочтите, если…

...вы ищете, с чего начать. Эта статья — просто находка. Она описывает практически все аспекты дизайн-системы и дает фундамент для дальнейшего исследования тем, в которые вы захотите углубиться.

Больше всего мне понравился раздел, где развенчиваются мифы о дизайн-системах. Например о том, что своими излишними ограничениями они убивают творчество.

Для моей работы и текущих задач также оказался очень полезен раздел, посвященный формированию команд и разным моделям участия специалистов.

Why design systems fail («Почему дизайн-системы не достигают цели»)

Ваша дизайн-система должна стать путем наименьшего сопротивления — снижать накладные расходы на разработку, а не увеличивать их. Это жизненно важно.

Прочтите, если…

...вы уже поняли, что дизайн-системы прекрасны, и хотите узнать, как в работе с ними избежать распространенных ошибок. Статья раскрывает главные организационные требования, без которых дизайн-системе не устоять.

Your sketch library is not a design system («Ваша скетч-библиотека — еще не дизайн-система»)

Может прозвучать банально, но надо понимать, что приложение не создашь из одних скриншотов и файлов Sketch.

Прочтите, если…

...вы хотите разобраться, почему разработка дизайн-системы в приложениях типа Sketch — это отличное начало, но далеко не конечная цель.

People over pixels («Люди за пикселями»)

Вот в чем прелесть построения дизайн-системы. Ты принимаешь решение по вопросу один раз, а дальше вся работающая над продуктом команда может сосредоточиться на текущих проблемах клиентов.

Прочтите, если…

...вам интересен пошаговый отчет о том, как распределенная команда сообща переработала дизайн компонентов, которые использовались более чем в 40 продуктах на двух континентах.

Мне понравилось, как они переломили огромную на первый взгляд проблему — за счет командного редизайна нескольких ключевых экранов. Для этого им пришлось нанимать дизайнеров из разных групп. И интересно, что поначалу они разошлись во взглядах и были вынуждены тестировать ворох разных решений, прежде чем нашли предпочтительное.

The most exciting design systems are boring («Лучшие дизайн-системы скучны»)

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

Прочтите, если…

...вы ищите объяснение, почему дизайн-система — это не просто набор UI-элементов. Я твердо верю в важность руководящих принципов и инструкций, которые раскрывают, что делать (и чего не делать) с компонентами дизайн-системы.

Особенно близко моим взглядами утверждение, что дизайн-система — не повод провести ребрендинг и выкинуть все старое ради новеньких компонентов и фреймворков. Внедрение дизайн-системы — это когда вы находите самые частые, рутинные и значимые взаимодействия и оптимизируете их в рамках существующей системы.

AirBnB: Building a visual language ( «AirBnB: создание визуального языка»)

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

Прочтите, если…

...вам нужно толковое объяснение, зачем создавать дизайн-системы, как это делать и какие от этого плюсы. Статья приводит список причин, почему дизайн-системы необходимы и использовать их — хорошая идея. Наверное, это лучший подобный список из всех, что я видел до сих пор. AirBnB — одни из лидеров в этой области, так что их мнение достойно внимания. А еще в статье отличные цитаты о дизайн-системах и их преимуществах.

Интереснее всего часть текста, где обсуждается определение более крупных компонентов, чем элементы атомарного уровня.

Designing design systems for complex products («Создание дизайн-систем для сложных продуктов»)

Раньше я обносил свой дизайн множеством ограничительных линий, пояснений и уточнений. Но результат был не очень, потому что дизайнеры не всегда соблюдали установленные мной ограничения.

Прочтите, если…

...вы хотите понять разницу между дизайн-системой и руководством по стилю. Статья написана очень просто и подходит тем, кто только начал вникать в дизайн-системы и их достоинства.

Animation in design systems («Анимация в дизайн-системах»)

Мы относимся к анимации, как к чему-то второстепенному — отчасти потому, что не понимаем всей ее силы. Когда пользователи просматривают фото, сайт и любое окружение, они пытаются мысленно достроить карту пространства вокруг себя. И ничто в этот момент так не управляет вниманием, как движущийся объект.

Прочтите, если…

...вам нужны практические советы, как обосновать и сделать приоритетным включение UI-анимации в вашу дизайн-систему.

Atomic Design («Атомарный дизайн»)

Прочтите, если…

...просто прочтите! Скорее всего, об этой вещи будут говорить как об одной из основополагающих работ по дизайн-системам.

Atomic design: how to design systems of components («Атомарный дизайн: как создать систему компонентов»)

Прочтите, если…

...вам интересно, как один дизайнер реализовал «атомарный дизайн» на практике.

А какие материалы по дизайн-системам нравятся вам?

Надеюсь, вы нашли в этом списке хотя бы один интересный пост или видеоролик. Если у вас на примете есть другие классные источники — пожалуйста, делитесь ими в комментариях.

Привет, я Роман. Живу в Эстонии, работаю в сфере логистики, интересуюсь журналистикой, играю на гитаре и люблю путешествовать. Честно сказать, я никогда не был заинтересован в IT — это казалось мне скучным. На уроках информатики не хватало терпения досидеть до конца — и я их прогуливал. Этот предмет меня раздражал. Все это длилось до тех пор, пока у меня не появилась цель — сделать свой сайт. Но это произошло не сразу.

Как все начиналось

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

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

Искал курсы и нашел GeekBrains через рекламное объявление. Описание показалось мне интересным, и я прошел курс веб-мастера. Сделал собственный сайт на Wordpress, установив его через дистрибутив. Wordpress удобен, потому что позволяет собрать сайт, как конструктор. Я настроил подходящую тему оформления, установил все необходимые плагины, перенес контент со старой версии сайта (он бы написан на Joomla) — одним словом, сделал все для полноценной работы ресурса. С некоторыми трудностями столкнулся при переносе накопленного за 2 года контента на новый хост: картинки были разного формата, и их приходилось добавлять заново.

Сейчас все это кажется мне естественным, но до знакомства с GB я не имел представления о таких простых вещах. Полноценное понимание пришло уже в процессе обучения — во многом благодаря преподавателям, которые все подробно объясняли. Оказалось, освоить основы сайтостроения можно всего за 2 месяца, не углубляясь в серверные языки и базы данных.

Полная независимость

Спустя время я уже не зависел от веб-мастера, но по-прежнему пользовался готовыми темами оформления. Относительно моего бюджета это стоило немалых денег: одна из них обошлась в 60 долларов. И все бы ничего, если бы плата была разовой. Но в дальнейшем приходилось доплачивать за обновления, да и готовые плагины накладывали свои ограничения — ты априори зависишь от их ассортимента. Я же хотел независимости, но для этого нужно было приобрести больше навыков.

Тогда я решил освоить следующий курс — веб-разработку с нуля. Мы изучаем HTML, CSS, PHP, Javascript и базы данных. Могу сказать, что эти знания мне очень пригодились при работе над своим проектом. Они помогли создать свой сайт с нуля — таким, каким я хочу его видеть. До курса я тратил много времени на установку сайта на хостинг, а теперь это происходит гораздо быстрее и легче. Вишенкой на торте стал факт, что после обучения я смогу зарабатывать, создавая сайты для заказчиков.

Вскоре я действительно увлекся и взялся еще три курса: по SEO, системному администрированию и информационной безопасности. После знакомства с веб-разработкой пришел к неожиданному выводу: системное администрирование дается мне сложнее, чем сам JavaScript. Раньше думал, что быть сисадмином — легко. Возможно, у меня были общие заблуждения насчет этой профессии. Думал: протянул кабель, настроил оборудование — и готово, иди пей кофе. Оказалось не так. В системном администрировании нужно вникнуть в общий принцип: как работают программы, для чего они нужны. Общая картина складывалась тяжело, чего не скажешь о JavaScript, где все было понятно сразу: надо было лишь выучить и запомнить некоторые вещи, как при изучении иностранного языка. Просто учите, зубрите, повторяете.

Как не бросить все

При работе над сайтом постоянно всплывали ошибки. Когда что-то не получалось, опускались руки. Я пугался и думал: «Все пропало, шеф, все пропало», «Это не мое» и все в таком духе. Но любая задача решаема.

Ребята, даже если у вас есть опытный наставник, не пренебрегайте гуглением. Грамотный поиск и изучение нужной документации помогут вам найти ответы практически на любые вопросы. Другое дело, что наставник может задать вектор: подсказать, где именно и как искать. Верный алгоритм поиска — уже половина успеха, плюс сэкономленное время. Конечно, не все сразу: долгое время можно пребывать в тупике и унынии. Бывало, в критические моменты меня охватывала паника. Но справиться с ней можно, если:

• выждать момент, пока эмоции утихнут. Успокоиться и продолжить поиск уже на свежую голову;
• посидеть над задачей подольше, как бы банально это ни звучало.

Сейчас я уже окончил курсы SEO-специалиста и веб-мастера и стараюсь довести до ума оставшиеся три — системное администрирование, веб-разработку и информационную безопасность. Главной проблемой остается нехватка времени.

Так получилось, что я взялся за несколько курсов одновременно. С одной стороны, сложно угнаться за несколькими зайцами сразу. С другой — это лишний раз мотивирует: ты понимаешь, что уже встал на этот путь и несешь ответственность за свой выбор. Надо довести начатое до конца, чтобы не было стыдно перед собой.

Если считаете, что у вас нет времени на дополнительное образование — не спешите с выводами. Всего и сразу успеть нельзя, но выстроить свой день максимально продуктивно — можно. Могу поделиться своим скромным опытом. Я просто записываю. Когда вокруг много всего, ты будто выпадаешь из реальности. Записи помогают в нее вернуться. Не менее важно — планировать свое время по часам.

Мой обычный день выглядит примерно так:

• 9:00 – 9:30 — завтрак;
• 9:30 – 10:30 — час на изучение JavaScript;
• 10:30 – 11:00 — полчаса на спортивную тренировку;
• 11:00 – 12:00 — час на работу над своим сайтом;
• 12:00 – 12:30 — полчаса на занятия по гитаре;
• 12:30 – 13:30 — собираюсь на работу;
• 13:30 – 14:30 — время в пути до работы, оно же — для изучения английского языка. В дороге я слушаю аудиопособия. Английский очень пригодится в IT-сфере — это конкурентное преимущество и интеллектуальный актив;
• 14:30 – 23:00 — рабочий день;
• после работы — время на другие дела или отдых.

Как видите, найти время можно на многое, если грамотно распланировать свой день. Я работаю на заводе сменами, поэтому личный график может меняться. Иногда встаю в 3 часа ночи, чтобы успеть на работу к 4 утра. Дело не в том, как именно составлен ваш график и насколько педантично вы его придерживаетесь. Суть в самом факте планирования, когда вы стабильно уделяете определенное время — пусть и небольшое — каждой из задач. В этом смысле мне было удобно проходить обучение дистанционно, гармонично встраивая его в личное расписание. На мой взгляд, это еще один плюс GeekBrains: можно просматривать вебинары в удобное время. Кроме того, на курсах советуют неплохие дополнительные материалы для самостоятельного изучения, вроде порталов htmlbook.ru, flexboxfroggy.com или webref.ru. От себя могу порекомендовать ресурс theory.phphtml.net. Все это помогает в условиях нехватки времени.

Что получилось

В итоге мой сайт стал более интересным и кликабельным. Раньше это выглядело как лента вида «картинка–текст». Сейчас есть рубрикация и категории. Внутренняя линковка работает лучше, а интерфейс стал более удобным: пользователю проще выбрать, что именно он хочет почитать. На сайте пишут люди из разных уголков мира. Я вошел во вкус и хочу развиваться дальше.

Аппетит приходит во время еды — именно так вышло у нас с IT. Я начал с простого, увлекся и перешел к более сложному. Не планировал становиться программистом, просто хотел научиться обслуживать свой сайт самостоятельно. Создавая проект, думал о его монетизации и предвкушал скорее результат, чем удовольствие от самого процесса.

Когда-то я считал эту сферу скучной или недосягаемой. Сегодня все иначе — во многом благодаря GeekBrains, где ты не просто проходишь курс, но и получаешь профессию. У каждой специализации есть подробное описание на сайте, и это позволяет приступить к учебе уже немного подготовленным. Наставники всегда помогут и подскажут. Ты чувствуешь, что не брошен — это важно. Сейчас я соотношу свои возможности с требованиями рынка и понимаю, что программистом может стать практически каждый.

Когда-то я и представить не мог, что во мне проснется интерес к разработке и IT в целом. Не мог, потому что не знал всех возможностей этой сферы:

• большой инструментарий, чтобы работать на себя;
• с технологиями можно связать любое свое увлечение или идею. Например, сделать сайт о путешествиях или обучающее приложение по игре на гитаре;
• освоить новую IT-специальность вполне реально за полгода–год, а на базовые вещи может уйти всего пара месяцев;
• войти в эту сферу можно в любом возрасте и без предварительной подготовки.

Многие из нас в юности выбирают специальность неосознанно — а потом всю жизнь не чувствуют себя реализованными, не получают от работы удовольствия. Сейчас мне 31, и потребность в изучении чего-то нового появилась у меня в 30. Главное — целеустремленность и желание постоянно развиваться. В IT начать никогда не поздно.