дизайн интроверта
Kanalga Telegram’da o‘tish
Библиотека для дизайнеров + канал об интровертном выживании веб-дизайнера и тонкостях работы на фрилансе. Контакт: @alenafedra О стиле: @fromfedra
Ko'proq ko'rsatish3 165
Obunachilar
+124 soatlar
+327 kunlar
+9830 kunlar
Postlar arxiv
3 165
кстати, 22-е число последний день, когда можно залететь на типографику.
уже первые реакции
Я пока посмотрела только 1 урок, но кайфанула). Очень классные вставочки ч-б) позволяют расслабиться во время изучения)) и я обожаю, когда классные референсы показывают, наделала уже скринов) 🤍
Тоже посмотрела первые два)) нравится, что по времени немного, а информации уже достаточно к размышлению 🙂🙂 оформление и музыка 🔥🔥 очень успокаивает 😌😌
Я посмотрела все, что доступно было на сегодня. @alenafedra визуал просто разрыв, личный кабинет 😏а если вы полуночник сегодня такой же как и я, то вот вам промокод БУКВА, что работает только до 7 утра.
3 165
Тени в проектах: обожаю
Я была одной из первых, кто на Тильде внес их в веб-сайт в качестве цветов. Я делала проект еще для Александры, тату-мастерицы. У нее сейчас огромный аккаунт в запрещенной соц.сети, приятно иметь отношение к какой-то части ее проекта. А сам сайт жив до сих пор: Sasha Vorb.
И до сих пор я добавляю во все актуальные проекты какие-либо: текстуры с тенями, элементы цветов или листьев, тени цветов в карточки или мелкие детали… уже будто почерк (но там где уместно, в мебельный проект с гротеском добавлять для мужчины клиента не стала 😇😇😇 ).
• • • • • • • •
Если в поиском у вас трудности, то в архиве в комментариях собрала для вас несколько подобных вариантов. Качайте!
• Что-то в png, что-то в jpg, можете самостоятельно поубирать фон.
А если хочется большего: в библиотеке для дизайнеров добавила во вкладку ЭЛЕМЕНТЫ доп. материалы — тени. Там 35 элементов для использования.
#jpg@designintrovert
3 165
Где ищем шрифты:
• Google font — ну это уже база и классика, но очевидно недооцененная. Смысл этого сервиса в том, что все гарнитуры там free for commers. Огромное количество реально хороших вроде: Manrope, Open Sans, Lora, Fira Sans и другие…
• HSE — если все же хочется какого-то неординарного решения — на сайте HSE University оформлены целые наглядные проекты с гарнитурами, как на Behance.
• Paratype — шрифты платные, да. Но там есть золото гарнитуры. Если мы не для себя, а ищем для коммерческого проекта что-то интересное, то этот магазин может помочь в выборе. Там мы брали такие: Helsa Display, Kydrashev Display, Gogol (а он, кстати, там бесплатный).
• Кириллица Дизайн (тг канал) @cyrillicdesign — не напрямую можно скачать шрифт, а вдохновиться проектами на русском языке. Таким образом понять, как работает та или иная гарнитура и взять для себя идеи.
——-
Хочется больше?
Всего 15 ссылок на поиск шрифтов даю в своем мини-курсе по типографике + целую страницу бесплатных для коммерции гарнитур. Залететь еще можно в ближайшие пару дней!
3 165
Во время монтажа видео заметила кучу паразитов в виду “да?” или “в принципе”… а еще много московского “ааааа”. ох. ребятаааа. сижу, кропотливо чищу, чтобы ваши ушки были в порядке). Обещаю, что все будет максимально приятно, насколько возможно, на слух!
Надо бы к учителю речи пойти 😆хотя, я просто скорее всего нервничала
3 165
Уже завтра я добавлю всех в Личный кабинет и открою первые уроки. А также добавлю в группу в тг, чтобы там вы удобно получали уведомления и в принципе могли беседовать, а не просто в сухую в тишине сидеть в лк.
Дерабатывая до сих пор все выходные материалы, кажется этот мини-курс должен быть стоить 10-15к 😳 Но я кайфую, будто бы сама повторяю все азы с 0 и напитываюсь). Как раз по лицензиям сейчас прохожусь и поняла, как правильно их объяснить ученикам, чтобы не запутаться.
3 165
Да, мой курс — это мини-курс. Но его цена не должна вкладывать в вас сомнения о качестве его наполнения, ведь:
• После курса вы запомните десятки полезных правил
• Откроете любой макет и почти сразу увидите, что именно делает его слабым
• Вы перестанете выбирать размеры текста наугад
• Перестанете сомневаться в выборе шрифта
• Просмотрите огромное количество примеров визуально, а не просто водяных фактов
• Научитесь объяснять свои решения клиентам, ведь, я поясню, как это делаю я, даже если изменила решение
И самое главное — ваши работы начнут выглядеть гораздо профессиональнее не потому, что вы купили новый шрифт, а потому что начнете понимать логику типографики.
[ Уже в понедельник ученики будут смотреть урок про основы и второй про историю шрифта, а также сразу откроются бонусы — залетай и ты ]
3 165
Книга: Модульные системы в графическом дизайне
Изучать информацию стоит не только через интернет. Как показывает практика — порой в проверенных качественных книгах можно узнать более реальную информацию, не искаженную в угоду красоте.
Модульные системы Йозефа Мюллера очень достойно и визуально понятно поясняет и за типографику, и за сетки. Если хочется напитаться дополнительной информацией, то я бы рекомендовала изучить ее.
Можно найти в pdf, но если вам зайдут на текст первые страницы — приобретите ее, не пожалеете. Читать и смотреть визуально не в экран, а перелистывать приемы и идеи намного комфортнее + если вы фанатик своего дела — это отличная книга на полку в коллекцию.
В ней можно познакомиться:
• с историческими шрифтами и фактами
• приемами типографики и соразмерностью
• соответственно самой сеткой (для веба тоже очень полезно, не думайте, что это только для графического дизайнера)
Ее я привожу в пример и на мини-курсе по типографике. А помимо этой книги я даю еще 5+ актуальных + ссылку на библиотеку интересных олдскульных книг о дизайне и тексте.
3 165
Почему я вообще решила сделать курс по типографике?
Потому что метафоры/дизайн и работа с визуалом текста — мои самые сильные стороны. Я могу быть хуиксером тем еще, но я точно отличный юай-человечек 😋
Всегда при разработке макета: я начинаю именно с типографики → если оно идеально встало → подгоняю все остальное под свой замысел → так поэтапно рождаются блоки.
Я находила инфо для курса из разных источников:
• интернет
• личные знания
• другие материалы (не сп**дила, как сказали бы, а интерпретировала под себя, ведь, абсолютно все знания мы откуда то узнали, если я использую зеленый в проекте, то я сп**дила его с листьев природы?)
• книги! — я вообще некоторые очень интересные факты, которые заврали в интернетиках и статьях о типографике, находила в необычной, казалось бы, литературе. К примеру, крутецкий факт о кириллице я прочитала в книге про славянские мифы (!), в такие моменты кайфуешь, что много читаешь и с удовольствием делишься этой информацией.
Всю душу я вложила в этот небольшой курс. Мне было интересно понять: как много я знаю об этом? Оказалось, мне есть что рассказать).
3 165
Таки я доработала наконец-то ЛК по типографике. Я так вовлеклась в тонкости и процесс дизайна страницы, что если бы сделала в таком же стиле продающую страничку, то он точно не попал бы в МОТ, как нынешняя 😆
Короче, котятки, кто залетел — вас ждет только красота, стиль, блеск и аккуратность.
3 165
+1
«Почему же ваши макеты выглядят дешево»
• Можно купить дорогой шрифт
• Можно сделать креативную сетку
• Можно подобрать красивые цвета
И всё равно получить макет, который выглядит... ну немножко недотянутым, скажем так.
Потому что хороший дизайн — это не только композиция. Очень часто впечатление складывается именно из типографики и правильного понимания ее основ.
100% вы встречали два проекта с одним и тем же шрифтом, где один выглядит сочно и мощно, а другой.. ну плакать охота. А может и у вас был подобный опыт? Увидели проекты с каким-нибудь Komunna или Panama… начинаете крутить… и ерунда получается 🧐 шо не так то?
— Слишком длинные строчки или наоборот мелковато и грузно читаемо
— Случайные размеры заголовков… стили вообще видимо не используются
— Маленький межстрочный интервал или чрезмерный…
— Отсутствие воздуха, т.е. того самого негативного пространства
— Неверный контраст вообще история больная
Каждая из этих ошибок кажется мелочью. Но именно они отличают работу начинающего дизайнера от работы специалиста.
Типографика — это язык, на котором дизайн разговаривает со смотрящим (будь то сайт, айдентика, афиша).И хорошая новость в том, что этому можно научиться. Именно поэтому я создала мини-курс по веб-типографике. Без воды, но с большим количеством пракических советов, визуальных примеров и разборов ошибок. [ Уже сейчас можно купить не киллограм помидор в азбуке вкуса, а приобрести доступ к мини-курсу за те же деньги, а стартует он уже 20го июля ]
3 165
Все же видели уже инфо о том, как Лебедев сделал лого для футбольной команды Родина — от лого отказались — и, конечно, Лебедев решил не принять это, как факт, а просто оскорбить их за отказ. Тут писать не буду его ответ — погуглить очень легко.
Короче, если вдруг у вас вопрос или сомнение в голове в духе: может мне еще курс пройти, прежде чем начать повышать чек, а то не дотягиваю? — то по данной истории исключительно видно, что можно делать дерьмецо за дорого, а если не примут, пожелать похавать еще говн*.
Не сомневайтесь в себе.
*видимо челик очень любит цвет своих волос. а презентация лого на их сайте, кстати, вообще улетная, рекомендую
3 165
+4
Размытые шумные буквы в figma
За серьезными эффектами для айдентики и прочего дизайна лучше идти в PS, но иногда хочется просто простого человеческого «стильного эффекта» с типографикой для соц.сетей или может для постеров.
#tools@designintrovert
3 165
Ура 🥳 сайт в моте ! Сайт получился таким , каким я его представляла , спасибо тебе 🥰 но конечно не в моте счастье , а в процессах которые ты мне настроила. Я прям чувствую как сильно бустанула . Когда шла прокачать дизайн , а в результате качнула все 💪 теперь и чек нестрашно поднимать )
3 165
Ученица в МОТ попала! С нашим проектом).
*ток что опять со скрином? где заголовок?
3 165
🔠🔠🔠🔠🔠🔠🔠🔠🔠🔠🔠
Еще немного о программе — [ урок 5 ] — мини-курс по типографике: что внутри?
• Композиция для веб-текста на макете
• Равновесие элементов, иерархия визуальная, правильный контраст
• Правило золотого сечения и другие приемчики
• Негативное пространство на макете
• Визуальные примеры композиций
• Сетка, модульная, колоночная
• Стили в figma
• Что еще почитать? Рекомендации
🗒 Помимо этого еще бонусные уроки: ошибки в типографики у новичка и советы для мобильных макетов
Забрать свое место можно прямо сейчас по ссылке. А старт уже на следующей неделе). После завершения доступ к урокам и материалам 2 месяца.
3 165
Repost from АХ дизайн
+1
🟠 Новости Тильды, о которых вы не прочитаете в соцсетях
Вчера у меня состоялся созвон с представителями Tilda Publishing, и на этом небольшом кастдеве мы поговорили про новые и будущие возможности Тильды.
С их разрешения делюсь самыми важными моментами:
🔸 Автоскейл стандартных блоков, который уже так успел нашуметь в новостях, будет и для других разрешений тоже (не только > 1200px), ведутся работы в этом направлении
🔸 Новые блоки магазина ST340 и ST340A с гибкими настройками дизайна, разделов и фильтров станут основными для магазинов
🔸 Будет улучшена работа разделов магазина, их логика и возможности
🔸 В ЛКИМ Тильды будет добавлена бонусная система 🔥 (уже вовсю ведется разработка), а также расширенные возможности кабинета в целом
Друзья, если у вас есть пожелания по новым возможностям Тильды — пишите везде, где только можно ) Вас слышат и принимают все во внимание, и берут в работу те фичи, которые получают наибольший отклик среди сообщества. Поэтому обращайтесь в ТехПоддержку (раздел «Пожелания по новому функционалу»), в официальные чаты Тильды или даже мне, я с радостью передам менеджерам Тильды 😊
❤️ Напишите в комментариях, каких новинок ждете больше всего. Можем собрать здесь самые горячие пожелания и отправить одним списком 😊
#тильда
3 165
Плагин: Stippling
Помогает видоизменять любые картинки в виде форм и их паттерна: то есть, из прямоугольничков можно создать фигуру цветка или из кружочков… короче, много в плагине разных настроек). Там можно знатно покрутиться в них.
Напомнило мне подобные: image trace, pixels или dotter patter generation.
Плагин для Figma. #tools@designintrovert
3 165
Еще немного о программе — [ урок 4 ] — мини-курс по типографике: что внутри?
• Большая библиотека бесплатных лдля коммерции шрифтов
• Другие ссылки, где их можно найти дополнительно
• Лицензии
• Виды шрифтов
• Как выбрать верный шрифт и его настроение
• Расширение
• Что сейчас в тренде, порассуждаем на реальных примерах
• Куча плагинов для работы с текстом в Figma
Как видно очень практическая история. Все на примерах и фактах будет рассказано в мини-курсе по типографике уже с 20 июля!
3 165
24 бумажных фона для текстурного дизайна
Я люблю ретро, грязный, пыльный диз. Надеюсь, что и вы. Я и так постепенно собираю в библиотеку разные материалы по чуть-чуть. И вот как раз делюсь фонами из бумаги в количества аж 24 штуки!
[ забрать можно по ссылке на диске ]
• • • • • • • • • • •
Если вдруг вам мало, то в библиотеку для дизайнеров я добавила новый раздел «Бумажный фон», там 40+ таких вот файлов в figma, их можно скопировать себе. А также помимо этого раздела, напомню, есть еще один с кучей текстур, где также есть бумага, там уже более 150 элементов… Надо их распределить 🐱
Добавлю еще и других форматов в ближайшее время, вроде кожи, шероховатостей и пр.
#jpg@designintrovert
3 165
Проверка и доработка типографики порой дольше и сложнее, чем разработка стиля в концепции
На обучалках (консультации, менторство и пр.) я всегда говорю, что концепт — это труд! Но потом мы переходим к моим круговым правкам уже в деталях и здесь ученики чувствуют настоящую антикомфортную зону, ведь, нужно же сложить 2+2 так, чтобы 4 вышло, а не 10 😀 а иногда то одно мешает, то стили забыл, то контейнер врет нагло.
Дала пример кусочками моего разбора ученице, как мы дотошно детально проходимся по макетам. Это уже правка, наверное, 3-4-я, но не потому, что ученик что-то не понял, а потому что я даю правки порционно. Да и где-то могу что-то в первый круг не заметить, а потом уже дорабатываем все досканально. Но в итоге все идеально и я обязательно поясняю «почему именно так».
На самом деле чем чище макет, тем проще заметить какую-то мелочную ошибку. Ведь, когда вся типографика кривая, и дизайн неуместный — там уже и не знаешь за что цепляться глазу.
Хотите доработок, разборов, бесед о буквах — жду вас на мини-курсе по типографике). Уже скоро!
