Написал, как делать красивые градиенты, и подробнее о том, как подбирать подходящие цвета. И совсем капельку теории о цветовых пространствах Ҩ #design #longread
http://teletype.in/@krz42/rgb-alts
http://teletype.in/@krz42/rgb-alts
Teletype
Альтернативы RGB
Рассказываю о цветовых пространства, как делать красивые градиенты через Lab и как менять цвет, сохранив насыщенность и яркость.
Ля какая красота. Жаль, что корпоративные машины типа Сбера не могут так по-простому Ҩ #design
https://vc.ru/design/161139-kakim-mog-stat-sber-no-ne-stal-koncept
https://vc.ru/design/161139-kakim-mog-stat-sber-no-ne-stal-koncept
Когда-то я делал логотип для компании, которая занимается рыбной торговлей. Заказчик остался очень доволен, чему я рад Ҩ #design
Смотреть с ПК: readymag.com/karoza/nautilus/
Смотреть с ПК: readymag.com/karoza/nautilus/
nautilus
‘nautilus’ by Alex Karoza | Readymag
Логотип для ООО «Наутилус»
This media is not supported in your browser
VIEW IN TELEGRAM
На первом экране лендинга очень важно расставить приоритеты, поэтому нужно, чтобы основной стиль был только у одной кнопки.
Zeplin.io решают задачу очень интересно, пока главная кнопка видна, у неё самый сильный стиль, но когда она уходит из виду, этот стиль получает кнопка вверху.
А ещё прикольная пасхалка при наведении, очень круто Ҩ #design
Zeplin.io решают задачу очень интересно, пока главная кнопка видна, у неё самый сильный стиль, но когда она уходит из виду, этот стиль получает кнопка вверху.
А ещё прикольная пасхалка при наведении, очень круто Ҩ #design
Интерфейс отложенных твитов — идеальный пример того, как не надо делать интерфейс.
Во-первых вместо двух форматированных полей ввода сделали шесть выпадашек, причём в русской версии остаётся AM/PM, несмотря на 24-часовой формат.
Во-вторых кнопка Scheduled Tweets там, где должна быть кнопка Confirm. Из-за чего я дважды смотрел на пустой список отложенных твитов Ҩ #design
Во-первых вместо двух форматированных полей ввода сделали шесть выпадашек, причём в русской версии остаётся AM/PM, несмотря на 24-часовой формат.
Во-вторых кнопка Scheduled Tweets там, где должна быть кнопка Confirm. Из-за чего я дважды смотрел на пустой список отложенных твитов Ҩ #design
This media is not supported in your browser
VIEW IN TELEGRAM
Считаю, что у qiwi.com самое правильное поле ввода номера
· Мне не надо сначала выбирать код, потом вводить номер.
· При желании можно выбрать код кликнув на флаг.
· Если я вставлю номер со скобками и дефисами, то они просто проигнорируются.
· В инпут можно вводить только цифры и плюсик.
· Ввести неправильный код, кстати, тоже не выйдет.
Короче, нрав Ҩ #design
· Мне не надо сначала выбирать код, потом вводить номер.
· При желании можно выбрать код кликнув на флаг.
· Если я вставлю номер со скобками и дефисами, то они просто проигнорируются.
· В инпут можно вводить только цифры и плюсик.
· Ввести неправильный код, кстати, тоже не выйдет.
Короче, нрав Ҩ #design
Когда я нахожу что-то классное, то во мне борется две сущности, одна хочет поделиться со всем миром годнотой, а вторая самому в крысу смотреть или слушать, никому не показывая. В этот раз решил поделиться, потому что, если бы со мной не поделились, я бы не нашёл, а во вторых так лучше для автора годноты. Вас тоже призываю к тому, чтобы делиться крутыми находками, так благороднее и честнее.
Очень приятно смотреть на то, как профессионалы рассказывают о своей профессиональной деятельности, поэтому так приятно смотреть Шрифтовой видеоблог Александры Корольковой. То, с какой любовью она рассказывает о буквах и шрифтах — это кайф.
Начать можно с этого видео
https://youtu.be/wTab4uc6tj8 Ҩ #design
Очень приятно смотреть на то, как профессионалы рассказывают о своей профессиональной деятельности, поэтому так приятно смотреть Шрифтовой видеоблог Александры Корольковой. То, с какой любовью она рассказывает о буквах и шрифтах — это кайф.
Начать можно с этого видео
https://youtu.be/wTab4uc6tj8 Ҩ #design
YouTube
Как научиться отличать удачную кириллицу в шрифте от неудачной. Первый маркер — буква Д
Шерлок Холмс утверждал, что «по ногтям человека, по его рукавам, обуви и сгибе брюк на коленях, по утолщениям на большом и указательном пальцах, по выражению...
Предсказуемость — важное свойство интерфейсов. То есть, если куда-то нажал и ожидаешь что-то увидеть, то это ты и должен увидеть. Иначе гарантирована растерянность на первые пару секунд.
Например в новой шапке у Студии Лебедева все пункты меню ведут на внутренние страницы сайта, где точно такая же шапка. А вот пункт «Иронов» ведёт на отдельный подсайт с вообще другой шапкой, вернуться на главную можно только долистав до копирайта внизу. Ну или нажав кнопку назад в браузере.
На мой взгляд такие пункты меню лучше не располагать в шапке, ну или выделять, например добавив стрелочку в конце, которая покажет, что эта страница откроет внешний ресурс. Таким образом принцип предсказуемости не нарушится Ҩ #design
Например в новой шапке у Студии Лебедева все пункты меню ведут на внутренние страницы сайта, где точно такая же шапка. А вот пункт «Иронов» ведёт на отдельный подсайт с вообще другой шапкой, вернуться на главную можно только долистав до копирайта внизу. Ну или нажав кнопку назад в браузере.
На мой взгляд такие пункты меню лучше не располагать в шапке, ну или выделять, например добавив стрелочку в конце, которая покажет, что эта страница откроет внешний ресурс. Таким образом принцип предсказуемости не нарушится Ҩ #design
Генеративный дизайн
Будущее точно за генеративным дизайном, точнее в том числе за ним, но специалистов это должно не пугать, а радовать. Алгоритмы и нейросети способны делать много однотонной и нудной работы, в том числе творческой. Одно из таких применений — генеративные паттерны.
Классические паттерны — это, конечно, прикольно, но немного прошлый век. Окей, одно и то же изображение повторяется много раз, образуя узор. А вот генеративные паттерны — это уже интересно, потому что тогда каждый раз получается уникальный дизайн, но в едином стиле. Тут могут применятся как нейросети, так и математические алгоритмы, в том числе фракталы.
Вот, например, алгоритм задизайнил много упаковок Нутелы, красота же Ҩ https://youtu.be/sHYakhyvJps #design
Будущее точно за генеративным дизайном, точнее в том числе за ним, но специалистов это должно не пугать, а радовать. Алгоритмы и нейросети способны делать много однотонной и нудной работы, в том числе творческой. Одно из таких применений — генеративные паттерны.
Классические паттерны — это, конечно, прикольно, но немного прошлый век. Окей, одно и то же изображение повторяется много раз, образуя узор. А вот генеративные паттерны — это уже интересно, потому что тогда каждый раз получается уникальный дизайн, но в едином стиле. Тут могут применятся как нейросети, так и математические алгоритмы, в том числе фракталы.
Вот, например, алгоритм задизайнил много упаковок Нутелы, красота же Ҩ https://youtu.be/sHYakhyvJps #design
YouTube
Algorithm designs seven million different jars of Nutella
An algorithm has usurped the traditional role of a designer to generate millions of unique packaging designs for Nutella.
The algorithm pulled from a database of dozens of patterns and colours to create seven million different versions of Nutella's graphic…
The algorithm pulled from a database of dozens of patterns and colours to create seven million different versions of Nutella's graphic…
Написал подробную статью о цветовых пространствах по заказу Skillbox
Очень понравилась работа с редактором, однозначно статья стала лучше, понятнее и более полной. Самый приятный момент в том, что вместо правок были замечания и предложения, то есть моё авторское мнение учитывалось в полной мере, это круто и приятно. Конечно, писать статью по заказу в разы труднее, чем для себя, но результат кайфовее.
Рекомендую почитать, если хочется разобраться в теории и практическом применении цветовых пространств
https://skillbox.ru/media/design/rgb-cmyk-lab/ Ҩ #longread #design
Очень понравилась работа с редактором, однозначно статья стала лучше, понятнее и более полной. Самый приятный момент в том, что вместо правок были замечания и предложения, то есть моё авторское мнение учитывалось в полной мере, это круто и приятно. Конечно, писать статью по заказу в разы труднее, чем для себя, но результат кайфовее.
Рекомендую почитать, если хочется разобраться в теории и практическом применении цветовых пространств
https://skillbox.ru/media/design/rgb-cmyk-lab/ Ҩ #longread #design
Skillbox
Цветовые пространства: большой разбор
Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.
Опубликовал в Figma Community ремикс элемента календаря, теперь он подстраивается под любые размеры. Смело копируйте в свои проекты и модифицируйте под нужды, если вам это надо, конечно Ҩ #design
https://www.figma.com/community/file/996443683798104582
https://www.figma.com/community/file/996443683798104582
Figma
Calendar - Auto Layout
Figma Community file - A customizable calendar component, adjustable with auto layout.
Update 10/2022
Now with interactivity and updated to newest auto-layout features.
Update 10/2022
Now with interactivity and updated to newest auto-layout features.
Статья о градиентах для Skillbox
Написал вторую статью по заказу Скилбокс Журнала. В этот раз статья в разы проще, хоть она и довольно-таки объёмная, но в ней почти нет теории, только приёмы и сервисы, которые нужны при работе с градиентами. Особое внимание обратите на Gradient Easing, даже крупные сервисы не всегда его делают, а надо. В общем, приятного и полезного прочтения.
https://skillbox.ru/media/design/gradients/ Ҩ #longread #design
Написал вторую статью по заказу Скилбокс Журнала. В этот раз статья в разы проще, хоть она и довольно-таки объёмная, но в ней почти нет теории, только приёмы и сервисы, которые нужны при работе с градиентами. Особое внимание обратите на Gradient Easing, даже крупные сервисы не всегда его делают, а надо. В общем, приятного и полезного прочтения.
https://skillbox.ru/media/design/gradients/ Ҩ #longread #design
Skillbox
Градиенты: большой обзор
Рассказываем, какие бывают градиенты, как их создавать и как готовить к печати.