Как устроена работа дизайнера и почему прототип рисуют раньше красивой картинки. Сколько занимает отрисовка макета, что такое адаптив, зачем нужен фирменный стиль и когда готовый шаблон в итоге выходит дороже индивидуального дизайна.
Елена Захарова:
Начинать нужно не с самой Figma, а с подготовки: соберите 3-5 референсов похожих сайтов, определите список страниц и контент, который на них…
Елена Захарова:
Веб-дизайнер продумывает, как посетитель будет пользоваться сайтом: структуру страниц, расположение блоков, кнопки, шрифты и то, как всё это выглядит на телефоне и…
Елена Захарова:
UX-дизайнер отвечает за логику и удобство: как пользователь проходит путь от захода на сайт до целевого действия, из каких экранов и шагов…
Елена Захарова:
Начните с создания фреймов под каждый экран: в Figma для этого есть готовые пресеты размеров, для сайта обычно нужны как минимум десктоп…
Елена Захарова:
Редизайн начинают не с новой картинки, а с аудита старого сайта: смотрят метрики (откуда идёт трафик, какие страницы приносят заявки, где люди…
Елена Захарова:
Адаптивность в CSS держится на четырех вещах вместе: теге viewport в head, относительных единицах вместо фиксированных пикселей, media-запросах под конкретные ширины экрана…
Елена Захарова:
Адаптивный сайт начинается с правильной разметки HTML, а не с media-запросов в CSS в самом конце: используйте семантические теги (header, nav, main,…
Елена Захарова:
Цвет фона сайта задаётся CSS-свойством background-color, и то, где именно его менять, зависит от платформы: в конструкторах вроде Tilda или в теме…
Елена Захарова:
Для сайта нужны минимум два шрифта: один для заголовков, где можно позволить характер и декоративность, и один для основного текста - строгий,…
Елена Захарова:
Прототип сайта - это схематичный чертёж будущей страницы: где расположен каждый блок, в каком порядке идут разделы и что происходит при клике…
Елена Захарова:
Шрифт на сайте подключается правилом @font-face в CSS: файл шрифта, обычно формата woff2, загружается на сервер вместе с сайтом или берётся из…
Елена Захарова:
Макет сайта - это его визуальная схема, собранная в графическом редакторе (чаще всего Figma) до того, как страницу начнут программировать. Сначала делают…
Елена Захарова:
Макет сайта - это статичное визуальное изображение будущей страницы: расположение блоков, цвета, шрифты, фотографии и тексты в том виде, в каком их…
Елена Захарова:
Добавлять цвет стоит не хаотично, а через простую систему: один основной, брендовый цвет, один акцентный для кнопок и важных элементов и один-два…
Елена Захарова:
Веб-дизайн - это проектирование внешнего вида и структуры сайта: расположения блоков, навигации, шрифтов, цветов и того, как всё это ведёт посетителя к…
Елена Захарова:
Дизайн сайта делают в несколько шагов: сбор требований и референсов, прототип с расположением блоков, визуальный макет в Figma с цветами и шрифтами…
Задать свой вопрос
Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.
Вопрос отправлен на модерацию. После проверки он появится на сайте вместе с ответом.
Вопрос не отправлен: нужно подтвердить согласие на обработку персональных данных.
Нужен разбор вашей задачи?
Опишите проект, и мы посчитаем стоимость с разбивкой по этапам. Бесплатно и без обязательств.
Часть файлов нужна, чтобы сайт работал. Остальные передают обезличенную статистику
в Яндекс.Метрику. Если вы против, нажмите "Отклонить": счётчик остановится,
а выданные им идентификаторы удалятся. Что и зачем собирается, написано
в Политике cookies
и Политике обработки ПДн.
