Webcraft - вебдизайн с нуля
733 subscribers
39 photos
4 videos
2 links
Здесь учат делать сайты, а не «чувствовать дизайн».

UI/UX, Figma, Tilda, композиция, здравый смысл.

Webcraft — для тех, кто хочет результат, а не лайки.

Контакты:
@tommyIee
Download Telegram
О чём этот канал и кому тут будет некомфортно

Здесь не учат «чувствовать дизайн».
Здесь учат делать сайты, которые работают.

Webcraft — про веб-дизайн как ремесло:
UI/UX, логика, структура, Figma, Tilda, ошибки новичков и почему они ошибки.

Если ты ждёшь:
• вдохновения,
• волшебных шрифтов,
• «найди свой стиль»,
• мотивационных речей,

тебе будет скучно и неприятно.

Если хочешь понимать, почему сайт работает или не работает, и перестать делать визуальный шум — оставайся.
Почему «красиво» — самый бесполезный критерий в дизайне

«Красиво» — не аргумент.
«Мне нравится» — тоже.

Пользователь не оценивает красоту.
Он либо:
✓ понимает, что происходит на сайте
✗ либо уходит

90% новичков делают одно и то же:
— добавляют эффекты
— играются с цветами
— лепят шрифты

и забывают задать один вопрос:
что здесь должен сделать человек?

Дизайн — это не украшение.
Дизайн — это организация информации.

Пока это не станет очевидно, сайты будут выглядеть «интересно» и работать никак ✗
Главная ошибка новичка в веб-дизайне

Новичок начинает с Figma.
Плохой новичок — с цветов.
Совсем плохой — с «хочу что-то необычное».

Правильный порядок ✓
1️⃣ Текст
2️⃣ Структура
3️⃣ Иерархия
4️⃣ Визуал

Если ты не можешь:
✗ объяснить сайт без картинок
✗ пересказать его смысл
✗ показать, где главное

никакие сетки и шрифты не спасут.

Дизайн начинается до макета.
Всё остальное — косметика.



Если хочешь, дальше логично пойдут:
• первый разбор плохого сайта
• пост «что такое UX без умных слов»
• короткие жёсткие заметки на 5–7 строк

Для заказа сайта:
✉️Написать мне: @TommyIee
Как подобрать вложенный радиус

Для заказа сайта:
✉️Написать мне: @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
РЕГУЛЯТОР ГРОМКОСТИ В FIGMA ЗА 25 МИНУТ.

Сегодня мы занимаемся созданием регулятора (освещения, громкости и т. п.). Этот урок включает множество деталей и требует внимательного подхода.

Для заказа сайта:
✉️Написать мне: @TommyIee
Подборка бесплатных шрифтов для коммерции на кириллице.

Для заказа сайта:
✉️Написать мне: @TommyIee