попап
анимация
шапка и подвал
СТАНДАРТНЫЕ И ЗЕРО БЛОКИ
фавикон

лендинг

404

ux/ui

Страница 404. Она как кот Шредингера. Она вроде есть, а вроде и нет. То есть вы до нее вряд ли доберетесь. Но пользователь, заблудившись, может забрести. Это когда вы попадаете на сообщение, что страница не существует, page not found… и это грустно. Но чтобы вашим пользователям не было грустно, как раз тут можно оттянуться. Многие дизайнеры любят тут пошутить, независимо от серьезности самого сайта. К тому же, можно помочь выбраться в нужном направлении.
Но и еще, поисковики тоже очень ценят наличие 404 на сайте.
Это маленькая иконка, которая видна на вкладке браузера рядом с названием сайта. Очень полезная штука, помогает найти нужный сайт в море открытых окон.
Эта иконка есть не только во вкладке браузера, но и в истории, в закладках, в  выдаче поисковиков. Сделать фавикон важно для узнаваемости бренда. Можно использовать логотип, если он хорошо виден в маленьком размере, можно выбрать символ, вписывающуюся в стилистику сайта и ассоциирующуюся с тематикой бренда. Но нельзя проигнорировать, без него скучно и почти неприлично.
Это окно, открывающееся поверх страницы. Оно обычно меньше, с затемнением внешней части окна, в котором может находиться форма или дополнительная информация.
Есть базовая (basic), такая как всевозможное появление текста или картинки, фиксация при скролле и многое другое. Тут Тильда все сделает сама, нужно лишь привязать ее к элементу. А есть пошаговая (step-by-step), где у элемента можно выбирать положение и поведение в разных точках, тут настройки более сложные, ручные и можно создавать интересные эффекты.
Шапка (header)– это обычно меню, верхняя часть сайта, повторяющаяся на всех страницах. Ну а подвал (footer), как можно догадаться, его нижняя часть, тоже повторяющая. Там обычно контакты, соцсети, иногда опять список страниц, форма для запроса, политика конфиденциальности и прочая обязаловка.
А здесь про такое знакомое слово «лендинг». В обиходе мы называем все одностраничные сайты лендингами, но все-таки есть различие.
Изначально лендинг, или лендинг-пейдж, то бишь посадочная страница, подразумевалась как страница для запуска и продажи одного конкретного продукта или сервиса. А одностраничный сайт может быть информационным сайтом небольшой компании. Он может быть, как и лендингом, если ориентирован на конкретное действие, так и визиткой, витриной.
Например, есть одностраничный сайт преподавателя английского языка. Со всеми его регалиями, курсами, специализацией, тарифами и прочее. И тут он решил запустить и прорекламировать оффлайн мероприятие с носителями языка и нужно набрать толпу желающих. Он сделает лендинг и там напишет, где, когда, как и почем.
Вот так примерно)
Тильда предлагает набор готовых блоков (для текстов, заголовков, галерей, кнопок, меню и всего всего) в которые достаточно вставить контент и лишь настроить цвета и шрифты. Они не требуют адаптации под мобильные устройства, сами подстраиваются. А вот Зеро блоки так называются, потому что все нужно делать с нуля, самим. В том числе и адаптацию. Но они дают гораздо больше свободы для дизайна. Хоть и работать в них сложней, оно того стоит. На сайте можно комбинировать эти блоки, это очень удобно.
Веб-дизайнеры с гордостью представляются как UX/UI дизайнеры. Я в том числе.
Но обычный человек совсем не в курсе, что это за такой УХ/УЙ… Ни ресторатор, ни психолог или ювелир не могут знать, что это такое мы им предлагаем, им просто нужен сайт…
Расшифровываю:
UX от User Experience. Пользовательский опыт. То есть, чтобы было понятно, удобно и легко на сайте все найти и понять куда жать. Пресловутое «интуитивно ясно»
Не понятно, правда, почему не UE…
UI от User Interface. Пользовательский интерфейс. Это чтобы было красиво и приятно. Тут про цвета, шрифты, картинки и прочее, что радует глаз.
Просто теперь, когда у нас есть инструмент, позволяющий не только дизайнить, но и верстать и можно делать сайты под ключ, стало необходимо освоить и базу маркетинга, чтобы собрать сайт реально удобный и понятный. Не бойтесь страшных аббревиатур.
Общаясь с заказчиками, заметила, что многие термины, которые для дизайнеров кажутся очевидными, отнюдь не очевидны для многих людей, работающих совсем в других сферах.
давайте найдем общий язык
насмотренность
Это когда помимо курсов по дизайну и целенапраленному обучению, выделяешь время на просмотр awwwards, behance, dribble, desigspiration, siiimple, onepagelove, MOT и прочих сайтов, где выкладывают свои работы дизайнеры.
Это когда в соцсетях подписан на маститых профи и даже окунувшись в ленивый скролл, видешь не только котиков и приколы (куда же без них), но и последние тенденции и гениальные находки дизайна и рекламы.
Это когда видишь в зданиях композицию первых экранов, на парковках подходящую палитру, в титрах фильмов интересные шрифты…
Кстати, говорят в дизайне нет восьмой заповеди. Это про не укради. Но утешим себя еще одной цитатой — Хороший художник копирует, великий художник ворует — Пабло Пикассо.