О чём этот канал и кому тут будет некомфортно
Здесь не учат «чувствовать дизайн».
Здесь учат делать сайты, которые работают.
Webcraft — про веб-дизайн как ремесло:
UI/UX, логика, структура, Figma, Tilda, ошибки новичков и почему они ошибки.
Если ты ждёшь:
• вдохновения,
• волшебных шрифтов,
• «найди свой стиль»,
• мотивационных речей,
тебе будет скучно и неприятно.
Если хочешь понимать, почему сайт работает или не работает, и перестать делать визуальный шум — оставайся.
Здесь не учат «чувствовать дизайн».
Здесь учат делать сайты, которые работают.
Webcraft — про веб-дизайн как ремесло:
UI/UX, логика, структура, Figma, Tilda, ошибки новичков и почему они ошибки.
Если ты ждёшь:
• вдохновения,
• волшебных шрифтов,
• «найди свой стиль»,
• мотивационных речей,
тебе будет скучно и неприятно.
Если хочешь понимать, почему сайт работает или не работает, и перестать делать визуальный шум — оставайся.
Почему «красиво» — самый бесполезный критерий в дизайне
«Красиво» — не аргумент.
«Мне нравится» — тоже.
Пользователь не оценивает красоту.
Он либо:
✓ понимает, что происходит на сайте
✗ либо уходит
90% новичков делают одно и то же:
— добавляют эффекты
— играются с цветами
— лепят шрифты
и забывают задать один вопрос:
что здесь должен сделать человек?
Дизайн — это не украшение.
Дизайн — это организация информации.
Пока это не станет очевидно, сайты будут выглядеть «интересно» и работать никак ✗
«Красиво» — не аргумент.
«Мне нравится» — тоже.
Пользователь не оценивает красоту.
Он либо:
✓ понимает, что происходит на сайте
✗ либо уходит
90% новичков делают одно и то же:
— добавляют эффекты
— играются с цветами
— лепят шрифты
и забывают задать один вопрос:
что здесь должен сделать человек?
Дизайн — это не украшение.
Дизайн — это организация информации.
Пока это не станет очевидно, сайты будут выглядеть «интересно» и работать никак ✗
Главная ошибка новичка в веб-дизайне
Новичок начинает с Figma.
Плохой новичок — с цветов.
Совсем плохой — с «хочу что-то необычное».
Правильный порядок ✓
1️⃣ Текст
2️⃣ Структура
3️⃣ Иерархия
4️⃣ Визуал
Если ты не можешь:
✗ объяснить сайт без картинок
✗ пересказать его смысл
✗ показать, где главное
никакие сетки и шрифты не спасут.
Дизайн начинается до макета.
Всё остальное — косметика.
⸻
Если хочешь, дальше логично пойдут:
• первый разбор плохого сайта
• пост «что такое UX без умных слов»
• короткие жёсткие заметки на 5–7 строк
Для заказа сайта:
✉️Написать мне: @TommyIee
Новичок начинает с Figma.
Плохой новичок — с цветов.
Совсем плохой — с «хочу что-то необычное».
Правильный порядок ✓
1️⃣ Текст
2️⃣ Структура
3️⃣ Иерархия
4️⃣ Визуал
Если ты не можешь:
✗ объяснить сайт без картинок
✗ пересказать его смысл
✗ показать, где главное
никакие сетки и шрифты не спасут.
Дизайн начинается до макета.
Всё остальное — косметика.
⸻
Если хочешь, дальше логично пойдут:
• первый разбор плохого сайта
• пост «что такое UX без умных слов»
• короткие жёсткие заметки на 5–7 строк
Для заказа сайта:
✉️Написать мне: @TommyIee
Эффект бомбиииищеской мозайки 👾
1. Берем какую-нибудь яркую фотку, например из нейросети
2. Дублируем (CTRL+J), верхний слой преобразуем в смарт-объект
3. Выбираем фильтр-оформление-мозайка 33
4. Выбираем фильтр-галерея фильтров-штрихи-акцент на краях
Настройки будут зависеть от вашей фотографии, так что экспериментируйте сколько угодно 😋
5. Создаем маску слоя, инвертируем CTRL+I, берем белую кисть с непрозрачностью 0% и проводим по области, где хочется пикселей.
Для заказа сайта:
✉️Написать мне: @TommyIee
1. Берем какую-нибудь яркую фотку, например из нейросети
2. Дублируем (CTRL+J), верхний слой преобразуем в смарт-объект
3. Выбираем фильтр-оформление-мозайка 33
4. Выбираем фильтр-галерея фильтров-штрихи-акцент на краях
Настройки будут зависеть от вашей фотографии, так что экспериментируйте сколько угодно 😋
5. Создаем маску слоя, инвертируем CTRL+I, берем белую кисть с непрозрачностью 0% и проводим по области, где хочется пикселей.
Для заказа сайта:
✉️Написать мне: @TommyIee
This media is not supported in your browser
VIEW IN TELEGRAM
Сенсорное управление в iOS, которое позволяет быстрее выполнять задачи и взаимодействовать с интерфейсом.
Для массового выделения нативных элементов можно использовать свайп вниз двумя пальцами по области экрана.
Для заказа сайта:
✉️Написать мне: @TommyIee
Для массового выделения нативных элементов можно использовать свайп вниз двумя пальцами по области экрана.
Для заказа сайта:
✉️Написать мне: @TommyIee
РЕГУЛЯТОР ГРОМКОСТИ В FIGMA ЗА 25 МИНУТ.
Сегодня мы занимаемся созданием регулятора (освещения, громкости и т. п.). Этот урок включает множество деталей и требует внимательного подхода.
Для заказа сайта:
✉️Написать мне: @TommyIee
Сегодня мы занимаемся созданием регулятора (освещения, громкости и т. п.). Этот урок включает множество деталей и требует внимательного подхода.
Для заказа сайта:
✉️Написать мне: @TommyIee