Дизайн как жизненная необходимость [СофтСкилл]

 Публичный пост

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

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

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

Вастрик Клуб, у меня к тебе вопросы:
С чего начинать учить графический дизайн?
Какие каналы, блоги, книги для начинающих можно использовать?
Есть ли где-нибудь ЖИВЫЕ сообщества дизайнеров, где могут общаться новички и задавать сверх-глупые вопросы, будучи не посланными в гугл?

Прошу воздержаться от профессиональных решений в области UX/UI уровня фигмы и сплайнов фотошопа. Задача - получить максимум, затрачивая минимум усилий.

Даешь каждому консольщику навык создания красоты в дом!

Связанные посты
32 комментария 👇
Dima Ollyak софтваре инжениир 29 января 2021

С чего начинать учить графический дизайн?

  1. Часок почитать и посмотреть примеры про теорию близости. И про ритм (включая сетки, но не упарываясь). И про контраст. Если в источнике попадается выражение «золотое сечение», сразу же закрывать навсегда.
  2. Часок посмотреть видео с переверсткой чужих дизайнов, как в Советах Бюро.
  3. Оставить в своем арсенале один шрифт (ну или два). И два-три цвета. Можно включить в арсенал чей-нибудь стайлгайд.
  4. Воспроизвести самому пару понравившихся чужих дизайнов.
  5. Оформить в том же стиле свои данные. KPI — делать десяток вариантов за час, без сожалений выкидывая их в корзину.
  6. Повторять в течение года пп. 1-5.
  7. Если получается красиво, то... Profit, теперь вы дизайнер! Если все равно получается некрасиво, то вы — эксперт по дизайну.
  Развернуть 1 комментарий

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

На самом деле именно это стимулирует делать свою работу, и делать её качественно :)

  Развернуть 1 комментарий

@ollyak, а что не так с золотым сечением?

  Развернуть 1 комментарий

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

  Развернуть 1 комментарий

Вам идеально должна подойти книга. Есть в русском переводе.

  Развернуть 1 комментарий

@seminioni, прочитал.

За рекомендацию надо ставить высший бал. Книга действительно оказалась для недизайнеров. Рассказывает о 4 правилах: выравнивании, приближенности, повторении и контрасте.

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

Оказывается, что есть еще книга от того же автора "Шрифты для недищайнеров". Пойду читать)

  Развернуть 1 комментарий

@Whispered, привет, рад, что понравилась книга!

  Развернуть 1 комментарий

Можно прочитать за два вечера «Типографику и вёрстку» Горбунова: https://bureau.ru/projects/book-typography/

Она покрывает всё основы (теория близости, якорность и т.д.) с разбором на живых примерах из веба. Даже тестики етсь, чтобы закрепить.

Потом можно подписаться на Советы Бюро и почитывать вопросы по вёрстке и визуализации.

Всё, в общем-то. Для уровня «сверстать невсратую презентацию» будет более чем достаточно.

  Развернуть 1 комментарий

@evgeny-kh, плюсую к совету, как погроммист с тягой к дизайну, отучившийся в школе дизайнеров бюро для фана.

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

А потом практика, конечно же.

  Развернуть 1 комментарий

Думаю тут не только дизайн важен но еще и контент(заголовки). Вместе это кажется можно назвать навыками презентации или самопрезентации. Обратите внимание на статьи по маркетингу.

Думаю начинать стоит с таких вот статеек - https://tilda.education/articles-how-to-create-presentation
полистайте https://tilda.education/

Есть сервисы с симпатичными шаблонами https://netology.ru/blog/infographics

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

  Развернуть 1 комментарий
  Развернуть 1 комментарий

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

  1. Всегда считал что дизайн в любом смысле — это слишком сложно для меня, потому что я испытывал (и по сей день испытываю) физическое отвращение от итерфейсов фотошопа/иллюстратора. А в фигме с первого дня кайфую от процесса. Такие дела.
  2. Подписаться на миллион пабликов по дизайну — потеря времени для меня, от всего отписался. После часа на awwards своя работа не может показаться классной, даже если в ней всё классно.
  3. Мне показалось разумным читать теорию только по ходу практики. Нужно оформить табличку? — с этого и начну. Потому что формулировка "учить дизайн" как и "учить английский" — занятие на всю жизнь. А вот "мне нужно сделать план дачного товарищества через две недели чтобы было не так уродливо как раньше" — уже совсем другое дело.
  4. Помогает, когда может покритиковать более опытный в деле товарищ — позволяет не терять время на тупняк, который неизбежно случится когда глаз "замыливается".

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

  Развернуть 1 комментарий
Maximus Электрический инженер 28 января 2021

Хм, посмотри пост с АМА по дашбордам: вполне возможно, что всё необходимое для крэш-курса там уже есть.

  Развернуть 1 комментарий

@Maximus, а можно ссылочку пожалуйста

  Развернуть 1 комментарий

@Maximus, оно не очень подходит. К сожалению, BI != дизайн.

Конечно, в книге Information Dashboard Design: The Effective Visual Communication of Data, которую советует автор AMA по дашбордам есть целых 5 страниц про правильный дизайн (пресеты цветов, чистота графиков). Но этого мало. В остальных книгах хуже (я их читал).

Хочется понять принципы построения объектов в соответствии с визуальным восприятием современного графического дизайна. Воткнуть график посреди слайда и сказать "это есть красиво" - путь в никуда. =(

  Развернуть 1 комментарий

@Whispered, в этом АМА есть очень годная мысль, которая мне кажется, подойдет и тебе - что надо развивать насмотренность и копировать. Что есть наборы карточек с типовыми вариками и не надо придумывать, а надо выбирать подходящий из существующих.

P.S. Дизайн это не софт, а хард скил

  Развернуть 1 комментарий

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

Дайжесты хороших визуализаций:
Месячный: https://www.visualisingdata.com/2021/01/best-of-the-visualisation-web-october-2020/
Годовой: https://www.informationisbeautifulawards.com/showcase?page=1&type=awards

Коллекция визуализаций, когда не могу решить, какую выбрать для конкретного случая: https://datayoga.ru/vizcards и на басурманском: https://datavizproject.com/#

Чарт-доктор от Financial Times: https://github.com/ft-interactive/chart-doctor & https://www.ft.com/chart-doctor

Сюда хожу, когда кончаются идеи какие ещё метрики можно померять в конкретном процессе: https://www.klipfolio.com/resources/kpi-examples

Выбор цветов (это влияет на восприятия данных "бизнесом", которому нужно "красиво", а не циферки): https://blog.datawrapper.de/colorguide/ + остальной блок ок вроде

Так же оказалось очень полезным посмотреть мануалы-тренинги по офисному пакету (в частности PowerPoint & Excel, я в кровавеньком корпорате...) и оно того стоило в моём случае. Сейчас ещё вот в Power BI пытаюсь :)

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

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

  Развернуть 1 комментарий

@seteo, ссылка на колоргайд отличная . Спасибо! Это практически то что нужно.

Со многим согласен. Даже BI я делю на 4 задачи с 4 разными инструментами: Power Bi для рутинных дашбордов, Datawrapper для стендэлоне графиков в статьях и презах, InfoGraf для сплошного инфомесседжа и Plotly чисто если ковыряешься в данных в исследовательских целях. Благо потом из плотли в Adobe Illustrator все можно запихнуть.

Но все это меркнет, если твое понятие красиво не согласуется с чужим понятием красивого.

  Развернуть 1 комментарий

@Whispered, Я в корпорате, поэтому набор тулов сильно ограничен. Данные по сути только в екселе, в корпоративном powerBi и базах где-то в недрах. :(

Но все это меркнет, если твое понятие красиво не согласуется с чужим понятием красивого.

Поэтому я обычно исследую аудиторию заранее где возможно :) Если знаю, что аудитория хочет так, как я не умею - отдаю дизайнерам на аутсорс (хотя надо бы самому учиться, конечно)

  Развернуть 1 комментарий

Просто совет - не пытайтесь делать "круто","красиво","необычно" это вот обычно приводит к самому трешовому виду.

  Развернуть 1 комментарий

@kellas, не все живут голыми цифрами. Такой совет может не подойти к ЦА уровня зумеров.

  Развернуть 1 комментарий
Влад Клюев Дизайнер, js-разработчик. 28 января 2021

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

Тафти почитайте, что ли. Лучше него про инфографику никто не написал.

  Развернуть 1 комментарий

@crafted, читал. Представить графику понятно - задача простая. Представить графику красиво - это рисовать кастом. Это уже вне BI стандартов.

  Развернуть 1 комментарий

@Whispered, но тогда что вы ищете? Если понятно — просто, а красиво — не надо?

  Развернуть 1 комментарий

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

Рекомендую почитать подборку советов Бюро Горбунова Бирман пилит таблицы для понимания как таблицы можно сокращать.

Ну и Как сверстать хороший макет для дизайнерского минимума.

А по поводу сверх глупых вопросов можно писать мне. С радостью помогу.

  Развернуть 1 комментарий

@mrwebic, P.S. Люблю верстать таблицы :)

  Развернуть 1 комментарий

Я согласен с этим желанием изучить дизайн, пока времени не хватает на это. Но по крайней мере для мелких рисунков типа лого (текст + небольша картинка), открыл что nocode работает неплохо. Я лично пользуюсь https://www.namecheap.com/logo-maker/app/new но кажется что таких сайтов много: https://www.nocode.tech/category/logo-designers

  Развернуть 1 комментарий

Тоже недавно задавалась подобным вопросом, по ответам выстраиваю себе путь, поделюсь потом, что получается, но может тебе эти ответы тоже помогут: https://vas3k.club/question/7409/

  Развернуть 1 комментарий

Могу посоветовать книгу "Storytelling with data" http://www.storytellingwithdata.com. Автор как раз рассказывает с позиции как подать информацию чтобы читалась и как дизайнить истории, много полезных приемов.

  Развернуть 1 комментарий

Советую книжку https://leanpub.com/visualthinkingworkbook/

  Развернуть 1 комментарий
Iuliya Moshkareva Дизайнер / иллюстратор 2 февраля 2022

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

если хочется большего, то да, можно начинать изучать углубленно.

  Развернуть 1 комментарий

😎

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

Что вообще здесь происходит?


Войти  или  Вступить в Клуб