Я что-то нажал, и все получилось
210 subscribers
141 photos
87 videos
1 file
137 links
Я методом тыка учился дизайну, методом тыка учу и вас 🤡 Исследую, создаю, ошибаюсь, рассказываю. Для вопросов и предложений есть бот: @yachtotonapisal_bot

Чат канала @yachtotoobsudil
Download Telegram
Удивительный факт, когда ты в outlook отмечаешь встречу как "не факт что приду, хватит уже", то она показывается в календаре еще ярче тех встреч, на который ты сказал "хорошо приду"
Дизайнеры иногда так сильно играют в логику и смысл, что проигрывают.

ЛитРес.
1. Страница книжки (для общего понимания).
2. Это кликабельные элементы.
3. Это тоже, но почему цвет другой, и вообще, почему не весь текст выделен?

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

Попробуем в логику.

“Скачать книгу” — что-то произойдет внешне.
“Отметить прочитанным”, “Добавить в список” — поменяется состояние.

Звучит логично? (Нет) И многое на сайте под эту логику попадает.

Кроме — картинка 4.

Вывод: дизайнеры не очень умные, сделали разным цветом кликабельные элементы.
Давно хотел высказаться об этой картинке.

Как я люблю повешу сразу ярлык: делал её явно какой-то дурачок новичок (не яд).

Потому что и то и другое это UX, слева удобный, справа нет. Всё. Сравнивать UI и UX, что UI = кривой UX— это не то что глупо, это даже опасно (для ментального здоровья).

Вторая картинка тоже пример ужасного UX и его исправления в виде костыля.

Гештальт закрыт.
Вчера Figma добавила в экспорт выбор типа сэмплинга.

✔️ Краткая справка
Когда вы изменяете размер изображения (уменьшаете или увеличиваете), пиксели не просто масштабируются механически, а пересчитываются с разными алгоритмами. Это и называется ресемплингом. От метода пересчёта зависит, насколько чётким или размытым будет изображение.

Есть два варианта Detailed и Basic.

✔️ Что надо знать?
Если при экспорте картинка говно, то либо у вас стоит Basic, либо картинка изначально говно.

Выбирайте Detailed, он более крутой.

✔️ Что нам скажет чатгпт на эту тему?
Basic → для иконок, пиксель-арта, простых UI-элементов.

Detailed → для фотографий, сложных текстур, иллюстраций, где важны плавные переходы.
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Экспресс урок.
Таких будет какое-то количество скоро, пока сюда буду выкладывать, потом еще куда-нибудь.

P.S. Звук чет говно, забыл буст сркутить в минус
P.S.S. Свет пока тоже, мне лень было весь ставить
This media is not supported in your browser
VIEW IN TELEGRAM
Коллаба Кроксов и Самсунг. Вот бы эпол была смелее 😭
Видимо раньше не работало

Но теперь можно взять diamond и angular градиент, сделать блюр фона и выгрузили как svg. И оно будет работать в вебе as is.

https://www.ddinstagram.com/reel/DF-0QvNPrkv/?igsh=MWU5MDRoazd5Nmw0Yw==
Я что-то нажал, и все получилось
Видимо раньше не работало Но теперь можно взять diamond и angular градиент, сделать блюр фона и выгрузили как svg. И оно будет работать в вебе as is. https://www.ddinstagram.com/reel/DF-0QvNPrkv/?igsh=MWU5MDRoazd5Nmw0Yw==
Если глянуть в SVG который отдаёт фигма, можно заметить прикольные штуки:

1. Angular градиент рисуется через css.

*️⃣То есть оно отлично сработает в web. В чистом виде в Android не сработает, надо попробовать конвертировать в Android Vector Drawable (.xml). В iOS понятно вообще не работает. Это надо учитывать. Для мобильных разработчиков надо объяснять, что вы там натворили.

2. Diamond градиент рисуется через 4 прямоугольника с линейным градиентом, которые преобразованны через матрицу трансформаций. Кайф.

3. Фигма добавляет свой тег, с описанием того, что это за объект, на случай если вы этот svg снова загрузите в фигму. Там будет обычный градиент как надо. Хорошее решение.

Отсюда следует — не забываем удалять лишнее из SVG перед тем как залить на сайт (нахер вам там инфа для фигмы нужна).
Please open Telegram to view this post
VIEW IN TELEGRAM
Всё уже давно придумано, не знаешь как сделать, ну сделай как делают все.

Но нет, нужен "дизайн", нужно проявить себя, "кто я такой, чтобы делать как все?" и потом получается это.

Думаю дизайнер неимоверно горд собой. А потом они будут удивляться почему конверсия такая маленькая и большая нагрузка на кол. центр.
Media is too big
VIEW IN TELEGRAM
Какие-то дизайнеры сделали какой-то концепт iOS. Несмотря на хорошо сделанную анимацию волны, больше смотреть не что. Это же надо, потратили столько человека часов, чтобы сделать ЭТО.

Но самое смешное в этом концепте, что он как новость из панорамы, скорее всего сбудется.
Наткнулся на интересный кейс (рис. 1). Стильно модно молодежно.

Добавил немного реальности (рис. 2):
1. Зрение −1
2. Зрение −1 + блик на солнце

Что-то уже не выглядит юзабельным (оно и до если честно не выглядело).
Media is too big
VIEW IN TELEGRAM
Казалось бы просто лента, но так залипательно, прям как в жизни.

https://ulucode.com/random/ribbon/

По сайту в целом можно полазить, есть прикольные проекты и эксперименты https://ulucode.com/
Media is too big
VIEW IN TELEGRAM
Когда я только учился делать сайты на таблицах, было модно скачать какой-то JS код и вставить на сайт. Одна из самых жирных вещей была бегущая строка, просто магия не иначе.

2025 год. Бегущая строка стала еще жирнее

https://marquee.joyco.studio/