Самое лучшее решение в жизни = завести пушистого друга
Всю свою жизнь я всегда хотел себе домашнего питомца, но никогда не получалось его завести.
Было около трех попыток завести собаку и все они стали не успешными по нескольким причинам.
1. Дворняга - все было хорошо, но в моменте она слишком сильно заболеевает.
2. Шпиц - на этот раз из за переходного возраста и из за стресса появляется бронхиальная астма (пока что без аллергии).
3. Йоркширский терьер - на этот раз астма ушла, но появилась аллергия на шерсть. Как я полагаю была вызвана она также из за стресса.
Скажу сразу, всем животным был найден новый и хороший дом, где они проживают до сих пор.
И вот на этом попытки закончились. Я долго решался на новый шаг, ведь аллергия давным давно не проявлялась и астма тоже.
И вот, переехав в новую квартиру где можно жить с питомцами я решился. Но собаку я уже не хотел, слишком много плохих воспоминаний из детства, поэтому начал думать на счет кота/кошки.
Теперь в этом посте я знакомлю вас со своим котом, которого зовут Чижа. Ему сейчас 4 месяца и живет он у меня с 1 июня этого года.
И это стало самым лучшим и правильным решением в моей жизни. Хоть он очень капризный и пиздец как буянит, я невероятно сильно привязался к нему за столь короткое время.
Я никогда не понимал, как можно жить и не любить домашних животных не важно будь то собака, кошка или вообще рыбки в аквариуме.
Всю свою жизнь я всегда хотел себе домашнего питомца, но никогда не получалось его завести.
Было около трех попыток завести собаку и все они стали не успешными по нескольким причинам.
1. Дворняга - все было хорошо, но в моменте она слишком сильно заболеевает.
2. Шпиц - на этот раз из за переходного возраста и из за стресса появляется бронхиальная астма (пока что без аллергии).
3. Йоркширский терьер - на этот раз астма ушла, но появилась аллергия на шерсть. Как я полагаю была вызвана она также из за стресса.
Скажу сразу, всем животным был найден новый и хороший дом, где они проживают до сих пор.
И вот на этом попытки закончились. Я долго решался на новый шаг, ведь аллергия давным давно не проявлялась и астма тоже.
И вот, переехав в новую квартиру где можно жить с питомцами я решился. Но собаку я уже не хотел, слишком много плохих воспоминаний из детства, поэтому начал думать на счет кота/кошки.
Теперь в этом посте я знакомлю вас со своим котом, которого зовут Чижа. Ему сейчас 4 месяца и живет он у меня с 1 июня этого года.
И это стало самым лучшим и правильным решением в моей жизни. Хоть он очень капризный и пиздец как буянит, я невероятно сильно привязался к нему за столь короткое время.
Кстати сейчас он уже очень вырос и отличается от прикрепленных фоток к посту.
Я никогда не понимал, как можно жить и не любить домашних животных не важно будь то собака, кошка или вообще рыбки в аквариуме.
👌10💯7🤯6🐳2🍌1
Media is too big
VIEW IN TELEGRAM
Где я пропадаю почти фулл тайм
Привет, с прошлых постов прошло достаточно много времени, хотя по моей внутренней задумке я вообще должен был сделать некий «щитпост» после них.
Так вот сейчас я дико засел в веб дизайн. Почему? Да я сам хз, просто дико нравится то, что все идеи из своей головы я могу поместить на белую, еще только родившуюся страничку.
Купил я как обычно подписку Plus 13 числа и закончилась она у меня за 2 дня, хотя в основном сидел на Terra модели. И меня это так сильно затянуло, что 15 августа я уже был с Pro на x5 (пока что хватает). Пересел на Sol и до сих пор в ахуе насколько просто там все делать.
Сейчас целыми днями я сижу и просто от кайфа набиваю себе руку, создавая новые скиллы на основе каких то нововведений и так далее.
Могу кратким списком поделиться чем пользуюсь и для чего:
— Scroll Scrubbed Visual Sequence - скилл помогает создавать сцены, которыми пользователь управляет через скролл. Анимация может идти вперед и назад, карточка может раскрываться во весь экран и тд.
— Emil Design Engineering - качественные интерфейсные анимации. Помогает подобрать нормальную скорость, плавность, появление элементов и убрать или подправить дерганые переходы.
— Visual Verdict - скилл для сравнения готового сайта с референсом по скриншотам. Он ищет различия в расположении элементов, шрифтах, цветах и отступах.
— Так как я генерирую кучу референсов в самом ChatGPT, я создал скилл, позволяющий генерировать такие референсы, которые он 100% сможет воплотить в код.
Быстрый вопрос к вам - хочу получить фидбек. Сайт прикрепленный к посту в видео, скажите: что доработать, улучшить или же все заебись.
Следующим постом покажу своего Pet. Да, с трендами я опоздал, но с малыми лимитами мне было страшно лезть его создавать , а сейчас я могу даже немного разгуляться.
Канал перерастает больше в щитпост моей души и демонстрации того, чем пользуюсь лично. Еще увидимся.
Привет, с прошлых постов прошло достаточно много времени, хотя по моей внутренней задумке я вообще должен был сделать некий «щитпост» после них.
Так вот сейчас я дико засел в веб дизайн. Почему? Да я сам хз, просто дико нравится то, что все идеи из своей головы я могу поместить на белую, еще только родившуюся страничку.
Купил я как обычно подписку Plus 13 числа и закончилась она у меня за 2 дня, хотя в основном сидел на Terra модели. И меня это так сильно затянуло, что 15 августа я уже был с Pro на x5 (пока что хватает). Пересел на Sol и до сих пор в ахуе насколько просто там все делать.
Сейчас целыми днями я сижу и просто от кайфа набиваю себе руку, создавая новые скиллы на основе каких то нововведений и так далее.
Могу кратким списком поделиться чем пользуюсь и для чего:
— Scroll Scrubbed Visual Sequence - скилл помогает создавать сцены, которыми пользователь управляет через скролл. Анимация может идти вперед и назад, карточка может раскрываться во весь экран и тд.
— Emil Design Engineering - качественные интерфейсные анимации. Помогает подобрать нормальную скорость, плавность, появление элементов и убрать или подправить дерганые переходы.
— Visual Verdict - скилл для сравнения готового сайта с референсом по скриншотам. Он ищет различия в расположении элементов, шрифтах, цветах и отступах.
— Так как я генерирую кучу референсов в самом ChatGPT, я создал скилл, позволяющий генерировать такие референсы, которые он 100% сможет воплотить в код.
Быстрый вопрос к вам - хочу получить фидбек. Сайт прикрепленный к посту в видео, скажите: что доработать, улучшить или же все заебись.
Следующим постом покажу своего Pet. Да, с трендами я опоздал, но с малыми лимитами мне было страшно лезть его создавать , а сейчас я могу даже немного разгуляться.
Канал перерастает больше в щитпост моей души и демонстрации того, чем пользуюсь лично. Еще увидимся.
🤯8🐳6💯6
This media is not supported in your browser
VIEW IN TELEGRAM
Знакомься - это Леха, или как там по модному «Pet»
Мой друг интроверт, который в несколько раз умнее меня. Он ненавидит мой курсор и в целом избегает меня.
В себе он прячет лишь одно - сферу с ответом кодекса на мой запрос. Давайте расскажу немного подробно про его создание и все возможные анимации.
К сожалению, слишком много анимаций сделать попросту не вышло, поэтому ограничился легкими, но вроде прикольными.
Леха почти полностью черный. У него нет лица, ног и каких либо признаков того, что он настоящий.
В руках он держит сферу. А если точнее, большую часть времени прячет ее между сомкнутыми ладонями. Выглядит так, будто Леха что то спиздил и пытается утаить от меня.
Сначала я сгенерировал несколько вариантов его силуэта, один был слишком аккуратным и объемным, другой каким то нарисованным. Второй понравился мне больше по сравнению с первым, но все равно выглядело дерьмово.
Я решил объединить две идеи и создать нарисованного, но при этом объемного кента.
А че по анимациям то? На видео показы почти все, но расписать нужно.
В спокойном состоянии Леха едва заметно покачивается в воздухе. Его края постоянно шевелятся, иногда он моргает показывая что все еще жив.
Когда Codex работает над чем то - Леха переходит в более активное состояние. Его тело сильнее колышется, но сферу при этом он все равно не показывает.
Когда ответ готов, он плавно раскрывает руки и между ними появляется яркая белая сфера, которая олицетворяет готовый ответ.
Если что то пошло не так, то Алексей расстраивается, опускается и гасит свою сферу. Если Codex требует моего решения или вмешательства, он вопросительно наклоняется и над ним начинает формироваться знак вопроса.
Ну и летает он классно, либо вверх либо в стороны. По задумке он должен был следить за курсором и прятать сферу в противоположное положение, но не вышло.
Все, мини задачку из прошлого выполнил, можно дальше работать. Еще увидимся!
Мой друг интроверт, который в несколько раз умнее меня. Он ненавидит мой курсор и в целом избегает меня.
В себе он прячет лишь одно - сферу с ответом кодекса на мой запрос. Давайте расскажу немного подробно про его создание и все возможные анимации.
К сожалению, слишком много анимаций сделать попросту не вышло, поэтому ограничился легкими, но вроде прикольными.
Леха почти полностью черный. У него нет лица, ног и каких либо признаков того, что он настоящий.
В руках он держит сферу. А если точнее, большую часть времени прячет ее между сомкнутыми ладонями. Выглядит так, будто Леха что то спиздил и пытается утаить от меня.
Сначала я сгенерировал несколько вариантов его силуэта, один был слишком аккуратным и объемным, другой каким то нарисованным. Второй понравился мне больше по сравнению с первым, но все равно выглядело дерьмово.
Я решил объединить две идеи и создать нарисованного, но при этом объемного кента.
А че по анимациям то? На видео показы почти все, но расписать нужно.
В спокойном состоянии Леха едва заметно покачивается в воздухе. Его края постоянно шевелятся, иногда он моргает показывая что все еще жив.
Когда Codex работает над чем то - Леха переходит в более активное состояние. Его тело сильнее колышется, но сферу при этом он все равно не показывает.
Когда ответ готов, он плавно раскрывает руки и между ними появляется яркая белая сфера, которая олицетворяет готовый ответ.
Если что то пошло не так, то Алексей расстраивается, опускается и гасит свою сферу. Если Codex требует моего решения или вмешательства, он вопросительно наклоняется и над ним начинает формироваться знак вопроса.
Ну и летает он классно, либо вверх либо в стороны. По задумке он должен был следить за курсором и прятать сферу в противоположное положение, но не вышло.
Все, мини задачку из прошлого выполнил, можно дальше работать. Еще увидимся!
👌8🐳6🍌6
This media is not supported in your browser
VIEW IN TELEGRAM
Где я пропадаю почти фулл тайм 2 часть
Привет, после этого поста и до сегодняшнего дня я занимался созданием нового дизайна. В этот раз решил, что хочу сделать акцент на продукте.
Так и появился он,Тайлер Дёрден SILT.
Это полностью выдуманный магазин электронных сигарет. Дизайн создавался чисто для портфолио.
Почему вообще электронки?
По мимо того, что у меня есть вредная привычка. У электронок достаточно простая форма, но сильно отличаются материалы, размеры, экраны и всякие мелкие детали. Поэтому на них удобно учиться показывать разницу между товарами.
Сначала появились три основных устройства - SILT ONE, SILT AIR и SILT CORE. Под каждое я попытался сделать свою визуальную подачу.
Один более простой и минималистичный, второй лёгкий, третий уже с экраном и настройками. Дальше сгенерил и другие модели, которые показы в каталоге.
Кстати, как раз таки на каталог я потратил больше всего времени. Он дергался, слишком сильно лагал и ощущался так, будто он не принадлежит к самому сайту. Но основные проблемы были именно с кривой анимацией.
Сколько бы правок я не вносил, какого контекста они бы не были - мне все равно максимально не нравилось то, что получается. Поэтому я порыскал и нашел этот скилл - UI Animation. Он чем то похож на Emil Design Engineering (который упоминал в прошлом посте). Но слегка отличается в том, что он разбирает дерганные анимации, резкие переходы, непрерывность движения и обратные состояния.
Что использовалось из интересного при создании:
— Первый экран и каталог сделаны через sticky-сцены. Пользователь продолжает листать страницу, но сам блок какое-то время остаётся на месте. Внутри него уже меняются устройства, фон, текст и остальные элементы.
— В каталоге вертикальный скролл превращается в горизонтальное движение. Так можно показать больше устройств и не делать очередную бесконечную сетку из карточек (я ее пиздец хейчу хз почему).
— Ещё я отказался от резкого переключения между готовыми состояниями. У всей сцены есть непрерывный прогресс от 0 до 1, и уже от него рассчитывается положение карточек, их прозрачность и момент перехода к следующему блоку.
— Движения при скролле дополнительно сглаживаются. Также при движении есть небольшая инерция из за которой карточки перестают дергаться.
— Для пользователей с отключёнными анимациями я ещё оставил обычную последовательную версию товаров.
Теперь можно сказать, что это моя некая постоянная рубрика. Я буду показывать вам то, чему научился и что сделал.
Сейчас хочу еще сильнее в это погрузиться, потому что доставляет невероятное удовольствие (осталось только придумать, как это можно монетизировать).
Сейчас активно готовлю хороший видеоролик на ютуб, выйдет уже в течение недели. Еще увидимся!
Привет, после этого поста и до сегодняшнего дня я занимался созданием нового дизайна. В этот раз решил, что хочу сделать акцент на продукте.
Так и появился он,
Это полностью выдуманный магазин электронных сигарет. Дизайн создавался чисто для портфолио.
Почему вообще электронки?
По мимо того, что у меня есть вредная привычка. У электронок достаточно простая форма, но сильно отличаются материалы, размеры, экраны и всякие мелкие детали. Поэтому на них удобно учиться показывать разницу между товарами.
Сначала появились три основных устройства - SILT ONE, SILT AIR и SILT CORE. Под каждое я попытался сделать свою визуальную подачу.
Один более простой и минималистичный, второй лёгкий, третий уже с экраном и настройками. Дальше сгенерил и другие модели, которые показы в каталоге.
Кстати, как раз таки на каталог я потратил больше всего времени. Он дергался, слишком сильно лагал и ощущался так, будто он не принадлежит к самому сайту. Но основные проблемы были именно с кривой анимацией.
Сколько бы правок я не вносил, какого контекста они бы не были - мне все равно максимально не нравилось то, что получается. Поэтому я порыскал и нашел этот скилл - UI Animation. Он чем то похож на Emil Design Engineering (который упоминал в прошлом посте). Но слегка отличается в том, что он разбирает дерганные анимации, резкие переходы, непрерывность движения и обратные состояния.
Что использовалось из интересного при создании:
— Первый экран и каталог сделаны через sticky-сцены. Пользователь продолжает листать страницу, но сам блок какое-то время остаётся на месте. Внутри него уже меняются устройства, фон, текст и остальные элементы.
— В каталоге вертикальный скролл превращается в горизонтальное движение. Так можно показать больше устройств и не делать очередную бесконечную сетку из карточек (я ее пиздец хейчу хз почему).
— Ещё я отказался от резкого переключения между готовыми состояниями. У всей сцены есть непрерывный прогресс от 0 до 1, и уже от него рассчитывается положение карточек, их прозрачность и момент перехода к следующему блоку.
— Движения при скролле дополнительно сглаживаются. Также при движении есть небольшая инерция из за которой карточки перестают дергаться.
— Для пользователей с отключёнными анимациями я ещё оставил обычную последовательную версию товаров.
Теперь можно сказать, что это моя некая постоянная рубрика. Я буду показывать вам то, чему научился и что сделал.
Сейчас хочу еще сильнее в это погрузиться, потому что доставляет невероятное удовольствие (осталось только придумать, как это можно монетизировать).
Сейчас активно готовлю хороший видеоролик на ютуб, выйдет уже в течение недели. Еще увидимся!
🐳9💯7🤯5
Как часто вы слышите ИИ треки?
Я как будто постоянно встречаюсь с ними.
Например, даже сейчас, когда еду межгородом в автобусе играют онли ИИ треки. Один плохой сменяется вторым.
И каждый из них как будто создан для того, чтобы загонять людей в какую-то ебануто любовную депрессию (по крайней мере за два часа я не услышал ни одного веселого).
Я бы не сказал, что это режет уши, но они уже повсюду.
Я как будто постоянно встречаюсь с ними.
Например, даже сейчас, когда еду межгородом в автобусе играют онли ИИ треки. Один плохой сменяется вторым.
И каждый из них как будто создан для того, чтобы загонять людей в какую-то ебануто любовную депрессию (по крайней мере за два часа я не услышал ни одного веселого).
Я бы не сказал, что это режет уши, но они уже повсюду.
🤷♂8🐳4👨💻2🤯1
Почему все хуесосят вайбкодинг?
К посту прикреплено несколько скринов, которые я увидел за 2 ролика в тиктоке. И я искренне не понимаю их. Человек берет, создает что то и показывает на видео, как вывод - его хейтят за то, что он полез в вайбкодинг будучи НЕ профессионалом в программировании.
Так вот вопрос, почему его хейтят? За то, что он собирается создать что то вайбкодом?
Нет, его хейтят за то, что он это демонстрирует. И это настолько низко что пиздец.
К самой критике я отношусь очень положительно, но только это уже не критика, а просто хейт. У людей сейчас есть возможность создать свои идеи при помощи вайбкода, им необязательно учится несколько лет, чтобы что то сделать и загрузить в сеть.
Зачем хейтить человека, который просто хочет показать то, чем он занимается. Да похуй пусть это даже будет счетчик калорий или трекер привычек. Да пусть хоть десяток таких создаст.
Почему людям реально не похуй на то, чем человек занимается. Или почему им так легко обосрать, но настолько тяжело поддержать кого то.
Кто то может реально объяснить смысл такого хейта людей, что у человека в голове когда он пишет какой то уебанский комментарий. Мне действительно очень интересно.
К посту прикреплено несколько скринов, которые я увидел за 2 ролика в тиктоке. И я искренне не понимаю их. Человек берет, создает что то и показывает на видео, как вывод - его хейтят за то, что он полез в вайбкодинг будучи НЕ профессионалом в программировании.
Так вот вопрос, почему его хейтят? За то, что он собирается создать что то вайбкодом?
Нет, его хейтят за то, что он это демонстрирует. И это настолько низко что пиздец.
К самой критике я отношусь очень положительно, но только это уже не критика, а просто хейт. У людей сейчас есть возможность создать свои идеи при помощи вайбкода, им необязательно учится несколько лет, чтобы что то сделать и загрузить в сеть.
Зачем хейтить человека, который просто хочет показать то, чем он занимается. Да похуй пусть это даже будет счетчик калорий или трекер привычек. Да пусть хоть десяток таких создаст.
Почему людям реально не похуй на то, чем человек занимается. Или почему им так легко обосрать, но настолько тяжело поддержать кого то.
Кто то может реально объяснить смысл такого хейта людей, что у человека в голове когда он пишет какой то уебанский комментарий. Мне действительно очень интересно.
🤷♂11🤯5🐳5💯1
Только легенды успели это лицезреть
Или то, как Тимер положил телетайп
Пишет мне не так давно Тимер и говорит, погнали в статью. Ну, а я пока звезду не словил и с радостью принял это предложение. Он решил позвать просто сумасшедшее количество маленьких гем каналов и задать всем вопросы.
ЧИТАТЬ
ЗАПОМИНАТЬ
ДОБАВЛЯТЬ
Смело рекомендую данную статью для прочтения, со многими ребятами из нее я лично знаком, так что за качество ручаюсь. Читайте, находите новых авторов и просто пополняйте свою голову новой информацией.
Всех обнял. Еще увидимся.
Или то, как Тимер положил телетайп
Пишет мне не так давно Тимер и говорит, погнали в статью. Ну, а я пока звезду не словил и с радостью принял это предложение. Он решил позвать просто сумасшедшее количество маленьких гем каналов и задать всем вопросы.
ЧИТАТЬ
ЗАПОМИНАТЬ
ДОБАВЛЯТЬ
Смело рекомендую данную статью для прочтения, со многими ребятами из нее я лично знаком, так что за качество ручаюсь. Читайте, находите новых авторов и просто пополняйте свою голову новой информацией.
Всех обнял. Еще увидимся.
🤯11🐳8💯6
This media is not supported in your browser
VIEW IN TELEGRAM
Мой процесс работы и создания дизайна
Выпустил новый ролик, где показал весь свой процесс создания сайта от поиска референсов до готового результата.
В начале разобрался с регистрацией и подписками на ИИ сервисы, а дальше уже перешел непосредственно к дизайну. Показал, где ищу хорошие референсы, как собираю из них одну общую идею и подбираю цветовую палитру. После этого закинул всё в Codex.
ПОСМОТРЕТЬ
Весь сайт создавался постепенно от первых секций и их доработок, до создания истории бренда и качественного каталога.
Лично для меня Codex сейчас является правой рукой во фронтенде. Он выполняет супер много в формировании сайта, но мне всё равно приходится искать референсы, понимать какой результат я хочу получить и постоянно доёбываться до мелочей. Но в этом и вся прелесть работы с ним.
Кстати, монтировал этот видос инфл круче меня - @bybass_build
Полезные ссылки из ролика:
• Dribbble - основное место, где я ищу референсы
• Awwwards - сайты с более интересными решениями и анимациями
• Pinterest - подбор цветовых палитр и визуального направления
• OnlineSim - одноразовые номера для регистрации
• Сервис для оплаты ИИ подписок
Надеюсь на ваш фидбек и поддержку! Еще увидимся.
Выпустил новый ролик, где показал весь свой процесс создания сайта от поиска референсов до готового результата.
В начале разобрался с регистрацией и подписками на ИИ сервисы, а дальше уже перешел непосредственно к дизайну. Показал, где ищу хорошие референсы, как собираю из них одну общую идею и подбираю цветовую палитру. После этого закинул всё в Codex.
ПОСМОТРЕТЬ
Весь сайт создавался постепенно от первых секций и их доработок, до создания истории бренда и качественного каталога.
Лично для меня Codex сейчас является правой рукой во фронтенде. Он выполняет супер много в формировании сайта, но мне всё равно приходится искать референсы, понимать какой результат я хочу получить и постоянно доёбываться до мелочей. Но в этом и вся прелесть работы с ним.
Кстати, монтировал этот видос инфл круче меня - @bybass_build
Полезные ссылки из ролика:
• Dribbble - основное место, где я ищу референсы
• Awwwards - сайты с более интересными решениями и анимациями
• Pinterest - подбор цветовых палитр и визуального направления
• OnlineSim - одноразовые номера для регистрации
• Сервис для оплаты ИИ подписок
Надеюсь на ваш фидбек и поддержку! Еще увидимся.
🤯8🐳7💯5🍌1
Media is too big
VIEW IN TELEGRAM
- Ало, Chow, я бы хотел заказать доставку на дом
Или то, как я впервые попробовал сделать вроде и базовый, но концепт для компании доставки еды.
Эта идея сидела в голове очень давно, ну все таки база как никак. Но я все не решался сесть за нее, так как эту идею просто перебивали идеи покруче. Но вот, собирая себе портфолио, я подумал что и это надо бы оформить.
Что получилось на мой взгляд круто, а что прям shit.
1. Начальная анимация - это было самым сложным, но при этом получилось самым красивым на мой взгляд. Продумывать логотип и кидать свои кривые наброски кодексу было невероятно тяжело.
А про то, чтобы нарисовать хотя бы примерную анимацию по кадрам я вообще молчу. На грамотную реализацию всего этого через код, включая всю возможную плавность ушло 4 часа непрерывной работы кодекса.
Получилось это все дело как по мне очень неплохо. Буква О - пицца (надеюсь все поняли)
2. Иконографика - одно из любимых.
Над самими иконками я не парился слишком долго, нашел прикольные на пинтересте и слегка видоизменил + сделал новые. Мне нравится тот стиль, который смог удержать кодекс во ВСЕХ иконках.
Как по мне, они не перегружают внимание пользователя, а как раз таки наоборот мягко обозначают важные элементы управления.
3. Главный экран - с ним были сложности не в плане реализации композиции и постановки элементов. Главной сложностью тут стала сама наполненность.
Было много вариантов структуры, но чаще всего они мега перегружали страницу. В итоге я остановился на простой и хорошей (на мой взгляд) структуре:
• адрес и профиль
• поиск
• акционное предложение
• рестораны с бесплатной доставкой
• категории
• полный каталог ресторанов
Изначально я поставил категории в самый вверх (после поиска) и получилось прям дерьмо, которым неудобно пользоваться. Чтобы поменять лишь одну категорию тебе приходилось скроллить все, что было на странице.
4. Карточки ресторанов - сначала они были слишком однообразные. Я не слишком старался над их заполнением в плане блюд, но постарался над внешним видом и удобством.
Сейчас в концепте 38 ресторанов, отдельные фотографии, нормальные названия, кухни, рейтинги, сроки и стоимость доставки. Для каждой категории есть несколько вариантов.
Карточки получились достаточно компактными, но в них осталось всё необходимое.
Финальная часть работы состояла в основном из полировки элементов: выравнивание, настройка hover-реакций, прокрутки, инерции, переходов и отмены конфликтующих анимаций.
Или то, как я впервые попробовал сделать вроде и базовый, но концепт для компании доставки еды.
Эта идея сидела в голове очень давно, ну все таки база как никак. Но я все не решался сесть за нее, так как эту идею просто перебивали идеи покруче. Но вот, собирая себе портфолио, я подумал что и это надо бы оформить.
Что получилось на мой взгляд круто, а что прям shit.
1. Начальная анимация - это было самым сложным, но при этом получилось самым красивым на мой взгляд. Продумывать логотип и кидать свои кривые наброски кодексу было невероятно тяжело.
А про то, чтобы нарисовать хотя бы примерную анимацию по кадрам я вообще молчу. На грамотную реализацию всего этого через код, включая всю возможную плавность ушло 4 часа непрерывной работы кодекса.
Получилось это все дело как по мне очень неплохо. Буква О - пицца (надеюсь все поняли)
2. Иконографика - одно из любимых.
Над самими иконками я не парился слишком долго, нашел прикольные на пинтересте и слегка видоизменил + сделал новые. Мне нравится тот стиль, который смог удержать кодекс во ВСЕХ иконках.
Как по мне, они не перегружают внимание пользователя, а как раз таки наоборот мягко обозначают важные элементы управления.
3. Главный экран - с ним были сложности не в плане реализации композиции и постановки элементов. Главной сложностью тут стала сама наполненность.
Было много вариантов структуры, но чаще всего они мега перегружали страницу. В итоге я остановился на простой и хорошей (на мой взгляд) структуре:
• адрес и профиль
• поиск
• акционное предложение
• рестораны с бесплатной доставкой
• категории
• полный каталог ресторанов
Изначально я поставил категории в самый вверх (после поиска) и получилось прям дерьмо, которым неудобно пользоваться. Чтобы поменять лишь одну категорию тебе приходилось скроллить все, что было на странице.
4. Карточки ресторанов - сначала они были слишком однообразные. Я не слишком старался над их заполнением в плане блюд, но постарался над внешним видом и удобством.
Сейчас в концепте 38 ресторанов, отдельные фотографии, нормальные названия, кухни, рейтинги, сроки и стоимость доставки. Для каждой категории есть несколько вариантов.
Карточки получились достаточно компактными, но в них осталось всё необходимое.
Финальная часть работы состояла в основном из полировки элементов: выравнивание, настройка hover-реакций, прокрутки, инерции, переходов и отмены конфликтующих анимаций.
🤯8💯7👨💻7🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
Ну сделай уже из своего дашбордика конфетку
Пост о моей ненависти к дашбордам и их дизайну. Я пытался несколько раз сделать из дашборда не только красивую, но и удобную систему. А эти две вещи иногда бывает очень сложно состыковать.
Но у меня получилось.
К посту прикреплен видеоролик вымышленного дашборда. Мне кажется дизайн получился достаточно минималистичным, но при этом очень приятным и самое главное - УДОБНЫМ.
Давайте я сначала расскажу как и что я делал, почему дашборд именно такой, а в конце дам вам собственный скилл для ИИдеального повторения такого же стиля (палитра, шрифты, расположение ваших компонентов, графики и тд.)
Больше всего меня раздражает и нервирует, когда на экране есть полно информации, но ты в душе не ебешь куда смотреть и твои глаза просто разбегаются по всем данным.
Я решил создать дашборд для аналитики рекламных компаний для наглядного примера (его вы можете увидеть в видео прикрепленным к посту).
Так вот, что же я делал для того, чтобы решить типичные проблемы + сделать привлекательный и не отвлекающий вид.
• Первое, что вам нужно сделать - определить, какая информация самая важная и что вы хотите видеть первым своими глазами.
В моем случае это связи между рекламным каналом, кампанией и результатом. Поэтому большую часть экрана занимает карта, по которой можно пройти эту цепочку.
Выбираешь кампанию, ее связи выделяются, а снизу уже появляются все подробности. То есть я КОНКРЕТНО могу понять, что это за цифры и за что они ОТВЕЧАЮТ.
• Второе - разобрался с цветами. В ранних версиях при разработке дизайна у меня было куча проблем и мне самому не нравилась ни одна палитра из тех что пробовал. Сначала я хотел взять акцент на бежевом и его оттенков и глубине, после переключился на зеленый, но все это выглядело дешево и ужасно.
В итоге решил трайнуть черный + графитовый и мне безумно сильно зашло. Потом начал слегка играться: рабочую область сделал темнее, плашки чуть светлее, добавил тонкие границы и небольшую глубину. А свечение оставил только для выбранных элементов.
• Третье - циферки и шрифт.
У меня были плашки, которые выглядели просто ужасно из за их содержания внутри и их размера. Где то слишком мало места, а где то наоборот полно.
Поэтому я отдельно подгонял размеры самих блоков, отступы и соотношения текста с цифрами.
Для цифр взял Instrument Sans с табличными знаками (цифры занимают одинаковую ширину и их удобнее сравнивать между собой). Плюс следил, чтобы сумма и знак валюты не разъезжались по разным строкам.
• И финал - кнопки и взаимодействия с ними.
Изначально кнопки мне тоже вообще не нравились. Переделал скругления, иконки, внутренние отступы и состояния при наведении.
Потом доделал список, чтобы при нажатии все было хорошо.
Карту я тоже сделал интерактивной: можно приблизить нужную область и рассмотреть связи подробнее.
Ну и теперь обещанный скилл.
Все эти решения я собрал в Graphite Dashboard Design: палитру, шрифты, поверхности, отступы, оформление компонентов и правила проверки.
Он помогает ИИ создавать дашборды в таком же стиле, но под ВАШУ задачу. Копировать мою карту связей не обязательно. Я уже попробовал его на аналитике видеороликов и расходах компании.
В репозитории есть инструкция по установке и примеры, которые можно открыть и потыкать.
Буду безумно рад вашему фидбеку и тестам! Еще увидимся.
Пост о моей ненависти к дашбордам и их дизайну. Я пытался несколько раз сделать из дашборда не только красивую, но и удобную систему. А эти две вещи иногда бывает очень сложно состыковать.
Но у меня получилось.
К посту прикреплен видеоролик вымышленного дашборда. Мне кажется дизайн получился достаточно минималистичным, но при этом очень приятным и самое главное - УДОБНЫМ.
Давайте я сначала расскажу как и что я делал, почему дашборд именно такой, а в конце дам вам собственный скилл для ИИдеального повторения такого же стиля (палитра, шрифты, расположение ваших компонентов, графики и тд.)
Больше всего меня раздражает и нервирует, когда на экране есть полно информации, но ты в душе не ебешь куда смотреть и твои глаза просто разбегаются по всем данным.
Я решил создать дашборд для аналитики рекламных компаний для наглядного примера (его вы можете увидеть в видео прикрепленным к посту).
Так вот, что же я делал для того, чтобы решить типичные проблемы + сделать привлекательный и не отвлекающий вид.
• Первое, что вам нужно сделать - определить, какая информация самая важная и что вы хотите видеть первым своими глазами.
В моем случае это связи между рекламным каналом, кампанией и результатом. Поэтому большую часть экрана занимает карта, по которой можно пройти эту цепочку.
Выбираешь кампанию, ее связи выделяются, а снизу уже появляются все подробности. То есть я КОНКРЕТНО могу понять, что это за цифры и за что они ОТВЕЧАЮТ.
• Второе - разобрался с цветами. В ранних версиях при разработке дизайна у меня было куча проблем и мне самому не нравилась ни одна палитра из тех что пробовал. Сначала я хотел взять акцент на бежевом и его оттенков и глубине, после переключился на зеленый, но все это выглядело дешево и ужасно.
В итоге решил трайнуть черный + графитовый и мне безумно сильно зашло. Потом начал слегка играться: рабочую область сделал темнее, плашки чуть светлее, добавил тонкие границы и небольшую глубину. А свечение оставил только для выбранных элементов.
• Третье - циферки и шрифт.
У меня были плашки, которые выглядели просто ужасно из за их содержания внутри и их размера. Где то слишком мало места, а где то наоборот полно.
Поэтому я отдельно подгонял размеры самих блоков, отступы и соотношения текста с цифрами.
Для цифр взял Instrument Sans с табличными знаками (цифры занимают одинаковую ширину и их удобнее сравнивать между собой). Плюс следил, чтобы сумма и знак валюты не разъезжались по разным строкам.
• И финал - кнопки и взаимодействия с ними.
Изначально кнопки мне тоже вообще не нравились. Переделал скругления, иконки, внутренние отступы и состояния при наведении.
Потом доделал список, чтобы при нажатии все было хорошо.
Карту я тоже сделал интерактивной: можно приблизить нужную область и рассмотреть связи подробнее.
Ну и теперь обещанный скилл.
Все эти решения я собрал в Graphite Dashboard Design: палитру, шрифты, поверхности, отступы, оформление компонентов и правила проверки.
Он помогает ИИ создавать дашборды в таком же стиле, но под ВАШУ задачу. Копировать мою карту связей не обязательно. Я уже попробовал его на аналитике видеороликов и расходах компании.
В репозитории есть инструкция по установке и примеры, которые можно открыть и потыкать.
Буду безумно рад вашему фидбеку и тестам! Еще увидимся.
1🤯9🐳7🍌6👨💻2
Я к чему то очень хорошо готов, но пока что не знаю к чему...
А пока готовится видеоролик на ютуб о веб-дизайне с Astra, я бы вам очень рекомендовал посмотреть этот
Также готовлю много приколюх на GitHub. В скором времени выложу готовые UI элементы, которые можно будет забрать и адаптировать под свой проект, скиллы для анимаций элементов и отдельный скилл для аудита UI/UX. Он будет находить косяки и подсказывать, что вам стоит исправить.
А пока готовится видеоролик на ютуб о веб-дизайне с Astra, я бы вам очень рекомендовал посмотреть этот
Также готовлю много приколюх на GitHub. В скором времени выложу готовые UI элементы, которые можно будет забрать и адаптировать под свой проект, скиллы для анимаций элементов и отдельный скилл для аудита UI/UX. Он будет находить косяки и подсказывать, что вам стоит исправить.
👌9🤯6💯4🐳3
This media is not supported in your browser
VIEW IN TELEGRAM
GPT 6 ASTRA в ВЕБ-ДИЗАЙНЕ - СМОТРИ
Новый ролик на моем канале, где решил затестить Astra в реализации дизайн идеи из головы.
Пока записывал, успел немного приболеть, поэтому заранее извиняюсь за хрип и заложенный нос в некоторых моментах. Как только наступает осень, сразу ложусь с температурой, так что совет - одевайтесь теплее.
ПОСМОТРЕТЬ
Идея, которая была для создания: магазин роботов, в максимально темных тонах, использовав при этом генерацию видео.
Короче, решил побаловаться и сделать для себя что то новое + загрузить вам на ютубчик.
В ролике показал весь основной процесс, готовый каталог, корзину и отдельную страницу с историей бренда. В конце еще рассказал, что думаю про Astra и сколько лимитов у меня на всё это ушло.
Всем приятного просмотра! А ниже я лишь оставлю ссылки из видео:
• Покупка подписок, сервис из ролика
• Генерация изображений и видео
• Pinterest
• Dribbble
• Awwwards
В течение 2х дней хочу затестить создание 3D моделей через Astra, поэтому ждите постик! Еще увидимся.
Новый ролик на моем канале, где решил затестить Astra в реализации дизайн идеи из головы.
Пока записывал, успел немного приболеть, поэтому заранее извиняюсь за хрип и заложенный нос в некоторых моментах. Как только наступает осень, сразу ложусь с температурой, так что совет - одевайтесь теплее.
ПОСМОТРЕТЬ
Идея, которая была для создания: магазин роботов, в максимально темных тонах, использовав при этом генерацию видео.
Короче, решил побаловаться и сделать для себя что то новое + загрузить вам на ютубчик.
В ролике показал весь основной процесс, готовый каталог, корзину и отдельную страницу с историей бренда. В конце еще рассказал, что думаю про Astra и сколько лимитов у меня на всё это ушло.
Всем приятного просмотра! А ниже я лишь оставлю ссылки из видео:
• Покупка подписок, сервис из ролика
• Генерация изображений и видео
• Dribbble
• Awwwards
В течение 2х дней хочу затестить создание 3D моделей через Astra, поэтому ждите постик! Еще увидимся.
🤯13🍌9🐳8
Всем огромное спасибо! Без вас этого бы не было
Лучшая статистика за все ведение канала на ютубе, которая продолжает расти сегодня целый день.
Очень радуют бегущие цифры просмотров на экране. А если еще не смотрели, кликайте сюда.
(Сегодня выкачу первую версию библиотеки UI элементов и сделаю вам постик, уже сделано 70+ разных приколов).
Лучшая статистика за все ведение канала на ютубе, которая продолжает расти сегодня целый день.
Очень радуют бегущие цифры просмотров на экране. А если еще не смотрели, кликайте сюда.
(Сегодня выкачу первую версию библиотеки UI элементов и сделаю вам постик, уже сделано 70+ разных приколов).
🤯11💯6👌5🐳2🍌1