Не переживайте, визитки не 20 сантиметров, так только на экране. После печати они будут меньше

Нет, я их не печатал, это просто мокап

Нет, сделать копию Фейсбука будет стоить немножко дороже, чем 300 долларов

Через неделю это имелось в виду начиная с понедельника и в течение следующей недели, один день вы не отвечали на мой вопрос, плюс один день погоды не сделает, и у меня часовой пояс такой что когда у меня день у вас уже ночь поэтому еще +1 день. Так получилось 6+7+6+1+1+1= 22 дня

То что я вам не отвечал 3 месяца, это плохо. Но поверьте, на то были весомые причины. Давайте побыстрее заканчивать проект

Ребята, всем привет ✋

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

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

И первое, о чем я бы хотел поговорить – это нашумевшие в последнее время «Дизайн-системы»:
https://youtu.be/VNpxjMRJHzQ

Короткая выжимка из видео

Что такое «Дизайн-система»?

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

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

Например, Facebook использует React JS — готовый фреймворк, который имеет в себе уже готовые компоненты (кнопки, формы и т.д.) в коде. И новым разработчикам, чтобы вставить какой-то компонент в проект, достаточно обратиться к этой библиотеке и использовать его.


Что включает в себя дизайн-система?
1. Философию и визуальный язык
2. Руководство по стилю
3. Готовые компоненты в коде
4. Документацию по принципам и правилам
5. Пропагандистов дизайн-системы


Зачем нужна дизайн-система?
Нужна для создания больших сайтов, сервисов, мобильных и веб-приложений, где есть много повторяющихся элементов. А еще:
1. Экономит время на дизайн/разработку.
2. Динамична и легко обновляемая.
3. Служит готовым конструктором.
4. Стандартизирует интерфейсы и минимизирует баги.
5. Легко масштабируется.


Примеры дизайн-систем

1. Bootstrap
https://getbootstrap.com/

2. Google Material Design
https://www.material.io/

3. Apple Design
https://developer.apple.com/design/

4. IBM Design Language
https://www.ibm.com/design/language/

5. Polaris (Shopify)
https://polaris.shopify.com/

6. Chulakov Design System
https://design.chulakov.ru/

7. Paradigm (Mail.ru)
http://design.mail.ru/paradigm/

Кстати, к вышесказанному, есть клевый авторский канал, который ведёт девочка по имени Роберта. В канале круто и интересно рассказывает о том, как она строит дизайн-систему в Figma.

Мне прям очень материал зашёл, что аж решил поделиться каналом с вами:
https://tttttt.me/designsystemfigma

Тяжелее всего – реализация

Как думаете, почему так много классных кейсов на Бехансе и Дрибле, а из реализованных – не более 5%? Потому что рисовать макеты не трудно. Трудно их реализовывать.

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

Часто наблюдаю историю, когда дизайнеры готовят макеты и все – на этом их работа заканчивается. Но этого недостаточно. Важно еще убедить клиента, в том, что этот дизайн – хорошо. Важно написать большущее ТЗ на много страниц, где доступно и описать, что, как и где должно работать (а лучше показать – анимацией, примерами и пр.)

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

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

Мое новое видео на тему "Что такое бренд, брендинг и логотип"

Часто вижу в портфолио дизайнеров и целых студий работы с тегами #брендинг, #branding и заголовками вроде “Я разработал брендинг для компании XXX”. Захожу туда, а там логотип, блокнот и пара визиток.

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

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

https://www.youtube.com/watch?v=Hztcuj894mw&feature=youtu.be

Если тебе понравилось это видео, жмите 👍 + 🔔и пиши 💬

Сделал еще текстовую расшифровку видео у себя на сайте:
https://bit.ly/2lu1fIX

Отступи немного

У начинающих дизайнеров одна из самых распространённых проблем — это отступы. Если, например, со шрифтами и цветами ещё можно выучить несколько несложных правил и уже можно работать, то вот с отступами посложнее.

Помню, как натаскивал нескольких дизайнеров и у всех было много ошибок именно с этим. То поставят слишком большое расстояния между блоками одного порядка, то наоборот уменьшают до невозможного. Но самое главное — поначалу они этого не видят. Только потом, спустя некоторое время эти ребята начинают говорить мне, что «странно, как я этого раньше не замечал(-а)».

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

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

Как вы помните, я недавно рассказывал о дизайн-системах и в одном из примеров обнаружил крутейшую штуку, которая поможет вам или вашему начинающему дизайнеру разобраться с отступами. Это часть дизайн-системы Чулакова об отступах: https://design.chulakov.ru/space

Пользуйтесь на здоровье 🙌

UX Личности

Мы воспринимаем понятие UX как что-то связанное с интерфейсами, сайтами, диджиталом. Однако это не совсем корректно. UX – это про любой человеческий опыт, связанный с чем угодно: с мобильным приложением, кассиром в магазине, с коллегой на работе или с вашим партнером по жизни.

Я уже как-то рассказывал про UX в контексте мобильных приложений. Но сегодня хотел бы поговорить про UX личности. Что я имею в виду: каждый день мы работаем, общаемся и проводим время с разными людьми. Есть приятные люди, с кем хочется работать, проводить время и общаться. А есть такие, с кем не хочется ни работать, ни проводить время, ни общаться.

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

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

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

Привет, ребята ✋

У меня есть к вам личная просьба: недавно я подал сайт на Awwwards и нужна ваша помощь. Поддержите, пожалуйста, сайт лайком и голосом:
https://www.awwwards.com/sites/kirill-pritula-marketer

Спасибо 🙌

Мыть посуду — это тоже дизайн

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

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

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

И человек, как часть природы, тоже стремится к порядку. А лучшее тому проявление — создание дизайна как акт проектирование порядка. Будь то создание сайта, телефона или складывание вещей в шкафу — все это дизайн.

Взять те же градиенты из iOS, которые были вдохновлены цветами неба или Гугл Материал Дизайн, который идеологически базируется на настоящих материалах и физике. Это все основано на природных явлениях. И поэтому нам стоит поучиться у природы созданию порядка.

Наткнулся на клевый авторский блог по дизайну от одного своего коллеги: @leojblog

Он делится интересными мыслями, опытом про веб-дизайн и фриланс. Читать интересно, много полезного будет для тех, кто начинает карьеру дизайнера и для тех, кто уже работает в это сфере. Так что заходим, читаем, подписываемся 👉 t.me/leojblog

Дизайн — это про итерации

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

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

Например, когда Джони Айв был ещё студентом и ему поручили сделать свой первый телефон (ещё не айфон, а простой, дисковый телефон с трубкой), он делал очень, ну прям очень много 3д-моделей проекта. Когда друзья приходили к нему в комнату, рассказывают, что некуда было поставить и бутылку пива, так как все было заставлено пенопластовыми моделями телефона. Да и сейчас он не изменяет привычкам (точнее методике). Если посмотрите одно из последних видео про дизайн-студию Apple , то заметите на большом столе несколько десятков моделей айфона с небольшими отличиями, из которых потом выберут финальный.

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

Привет, ребята!

На связи Илья. Давно не слышались. Решил реанимировать канал и время от времени делиться полезными для дизайнеров фишками, опытом и знаниями.

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

За это время со мной произошло многое. И сегодня хочу поделиться историей о том, что мне дали победы на конкурсах Awwwards и CSS Design Awards. Сразу оговорюсь, что тут описан исключительно мой личный опыт.

Если коротко, то награды дают:
1. Трафик на сайт.
2. Зарубежные проекты.
3. Рост качества и цен.

Более развёрнуто – по ссылке ниже 👇

https://designpub.ru/e6ccca385c08

Что общего у сайтов, которые побеждают на Awwwards?

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

И мне все время было интересно, есть ли какие-то общие правила, «формула успеха» или принципы у сайтов-победителей? Решил в этом разобраться в небольшой статье на 10 минут чтения.

https://designpub.ru/1669389354d7

О насмотренности

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

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

https://designpub.ru/ef359c23bc30

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

Просто посмотрите это и покажите таким же здравомыслящим друзьям:
https://www.behance.net/gallery/138622023/STOP-WAR-IN-UKRAINE