В центре нашей галактики находится сверхмассивная чёрная дыра — Стрелец А*. По современным представлениям, её диаметр в 45 раз больше диаметра орбиты Земли. Орбиты, по которой наша планета вращается вокруг Солнца:

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

И наоборот: подарили что-то простое, недорогое. Но это «что-то» делает твою жизнь немного лучше, проще, приятнее.

В подарке важна не цена, а ценность. Дарите простые подарки, которые нужны в моменте, сегодня.

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

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

Студии и дизайнеры

Бюро Горбунова ★
Проектируют интерфейсы, веб-сервисы, навигацию и тд. Люблю их проекты за чистую функцию, ничего лишнего. Так же выпускают электронные учебники по типографике, интерфейсам, управлению и редактуре. Знамениты своими советами.

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

ONY
Фокусируются на брендинге и цифровых продуктах. Работают с Яндексом, Тинькофф, zolla, Мегафон.

CreativePeople
Тоже мощные ребята, за которыми стоит следить.

Александр и Екатерина Лагута
Нравится их визуал, вдохновлённый швейцарским стилем. Можно подглядеть много интересных решений. Они на бехансе

Сергей Гуров ★
Свободный дизайнер, как он себя называет. Классный визуал, композция и сетки. Его беседа о смысле дизайна — Свет внутри дизайнера

Вова Филатов ★ и его Супрематика
Нравятся за простые, но наполненные смыслом, решения в брендинге. Например, это или это. А у Вовы очень душевные лекции — раз, два, три и четыре.

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

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

Максим Ильяхов ★
Научит как писать кратко и информативно.

Илья Бирман ★
Арт-директор Бюро. Проектирует интерфейсы, транспортные схемы и навигацию.

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

Телеграм-каналы

Оди — Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Дизайн-снайпер ★ — Всякое разное из сферы дизайна. Один из моих любимых каналов.

R.G.B. — Галерея всякой красоты.

Secret Design — Всё из мира дизайна.

DesignBoard  — Тоже всякое о дизайне.

ParaGraph — Кейсы по брендингу, айдентике и логотипам.

Design Lessons — Уроки, ресурсы, полезности.

Новые Шрифты — Выкладывают крутые шрифты с кириллицей.

Designdealer — Чувак выкладывает всякие ресурсы, инструменты и полезности.

Десигн — «Хуевый дизайн». Мемасы и приколы для дизайнеров.

Рекурсия — Название говорит само за себя.

Инструменты

Miro
Бесконечная макетная доска. Можно создавать интеллект карты и все такое. Инструмент для раскладывания информации по полочкам.

Notion ★
Всё в одном. Записи, документация, планирование, ведение дел и задач. Можно создавать базы данных с бесконечной вложенностью. Кто-то ведёт проекты в Notion. Я его использую для коллекционирования знаний, статей и ссылок. А по работе пишу в нём гайд-лайны для разработчиков. В общем, универсальный инструмент.

Trello
Канбан доска для ведения проектов и задач.

Figma ★
Как же без неё родимой. Если будешь заниматься вебом и интерфейсами — мастхев.

LightShot
Бесплатная скришотилка для Винды.

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

Fish Text
Лучший генератор рыбного текста на русском. Текст выглядит естественно. Если не вчитываться, то и не догадаешься, что это рыба.

Инструмент для работы с цветом ★
Тут есть всё что нужно: поиск сочетаний, вытягивание цветовой схемы из фоток и тд.

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

Размеры всего на свете
Не знаю, кому это может пригодиться. Например, есть даже размеры Эминема

Фотографии

Генератор лиц
Можно настроить пол, возраст, цвет кожи и даже цвет глаз.

Конструктор фоток
Можно выбрать чувака, вставить на любой фон и всё такое.

Unsplash ★
Просто красивые фотки и картинки со свободной лицензией.

Типографика

Типографская раскладка Бирмана ★
Позволяет вводить с зажатым Альтом особые символы, например, длинное тире «—», знак рубля «₽», правильные кавычки «», неразрывный пробел и многое другое.

Гугл Шрифты ★
Коллекция бесплатных качественных шрифтов. Можно скачать или подключить к сайту напрямую. В Figma они подтянуты по умолчанию.

Font Ninja
Расширение для браузера, которое покажет название понравившегося шрифта на сайте.

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

Glyphy ★
Позволяет быстро копировать и вставлять специальные глифы и значки в текст. К сожалению, есть только один шрифт, который поддерживает все там перечисленные — Inter. Так что, если вставишь символ, а он не отображается, значит шрифт его не поддерживает.

Иконки

Material Icons
Гугловские иконки для интерфейсов.

Line Awesome ★
Шрифт, в котором ~1480 интерфейсных аутлайновых иконок. Для использования нужно скачать и установить сам шрифт. А для подключения на сайт достаточно одной строчки кода. Все инструкции по ссылке.

Icon8
Бесчисленная база наборов иконок, фотографий и иллюстраций на все случаи жизни. Увы, но не всё там бесплатное.

Иконки Чикина
Классные иконки для графдизайна, плакатов и навигации. Каждый день добавляется новая. Сейчас их уже ~1500 штук.

Emoji Pedia
Огромная база эмодзи в высоком разрешении. Можно найти смайлик с любой платформы, например, вот Эпловские и Майкрософтовские.

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

P.S. Платные курсы не показал, потому что сам их никогда не проходил, не могу за них ручаться.

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

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

Теория близости

Простой, но пожалуй главный принцип, без которого твой дизайн развалится. Буквально. Термин придумал Артемий Лебедев: «Объекты, расположенные близко друг к другу, воспринимаются связанно». Полная статья

Близкое по теме:
Теория близости в интерфейсах
Правило внутреннего и внешнего
Гравитация в дизайне

Гештальты

О том, как работает восприятие:
Принципы гештальта в дизайне
Гештальты в дизайне интерфейса

Типографика

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

Вёрстка

Якорные объекты
Модульная вёрстка

Коллеция советов по типографике и вёрстке.

Композиция

Законы композиции
Миф о золотом сечении

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

Золотые принципы дизайна

Закон Фиттса
Максимизация полезного действия
Убрать всё лишнее
Интерфейс — зло

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

Книги

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

Дизайн привычных вещей — Д. Норман
Дизайн для реального мира — В. Папанек

Основы стиля в типографике — Р. Брингхерст
Облик книги — Ян Чихольд
Типографика и вёрстка — А. Горбунов
О шрифте — Э. Шпикерманн

Модульные системы в графическом дизайне — Й. Мюллер-Брокманн
Основы композиции — О. Голубева
О языке композиции — Ю. Гордон

Найти идею — Г. Альтшуллер

Пользовательский интерфейс — И. Бирман
Интерфейс: новые направления в проектировании компьютерных систем — Д. Раскин

А ещё можно полистать Ководство

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

Неудача не так страшна. Намного страшнее упущенная возможность. Лучше попробовать и обосраться, чем всю жизнь мучать себя мыслью «А вдруг получилось бы?..»

Наша галактика настолько огромна, что сравнивать её с какими-то привычными объектами, например, с Землей, нет никакого смысла. Даже диаметр в световых годах нам мало чего даст — 100 000 световых лет — да, много. Но сколько это? В одном световом году 9 460 730 472 580 километров. А это насколько много? Тоже не понятно.

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

Мне нравится переводить огромные числа в другие показатели. Например, если проехать световой год на машине со скоростью 100 км/ч, то на путешествие уйдет почти 11 млн лет. И это только 1/100 000 диаметра нашей галактики.

Или вот: В Млечном Пути примерно 300 млрд звёзд. Если пересчитывать их по одной, уделяя на каждую по секунде, уйдёт 9,5 тысяч лет.

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

Ну и самое главное, наша галактика — пылинка на фоне даже наблюдаемой вселенной.

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

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

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

Кстати, радио-помехи создают не только такие хабы, но и обычные ссд-накопители.

В Figma (и в других граф. редакторах) есть такие хоткеи: alt+H — отцентровать по горизонтали, alt+V — по вертикали. А ещё зеркальное отражение — shift+H и shift+V.

Я постоянно притормаживал на секунду, думая, какую же клавишу нажать, чтобы выровнять по горизонтали, например. В голове была такая цепочка: H — horizontal — горизонтальный, параллельный горизонту значит. А запомнить так, чтобы вообще не задумываться, не получалось.

И я придумал ассоциативный трюк. У буквы «H» есть горизонтальная перекладина. А «V» похожа на стрелку показывающую вниз, как бы вдоль вертикальной линии. Вот и всё. Теперь я не задумываюсь, какую клавишу нажать.

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

Чтобы убрать ?go=all из ссылки на статью, нужно найти файл в папке блога на сервере:
/user/config.php
и прописать в нем эту строку

$_config['url_composition'] = 'synthetic';

У меня сработало сразу же. Делал на Эгее 2.10.

Захламлённый дизайн и акцент на всем — это как несколько одновременно включенных песни — нихрена не понятно.