Хотелось бы начать с того, что веб-дизайном, как таковым, я стала интересоваться ещё с 2019 года. Часто и внимательно рассматривала различные специальности в тех или иных школах, которые предоставляли возможность обучения по данной специальности, но из-за внутреннего страха откладывала саму идею обучения куда подальше. Но время шло, интерес не пропадал, и по счастливой случайности в январе этого года мне на глаза попадается пост, гласящий о том, что в Логомашине намечается вебинар по веб-дизайну. «Почему бы хотя бы глазком не глянуть?» – подумала я и отправила заявку на данное мероприятие. И кто же знал, что вскоре меня, словно в омут, затянет в обучение, о котором я так мечтала?
Моей первой серьёзной работой стало создание лонгрида, который представляет из себя длинностраничный материал, который состоит из большого количество текста, разбитого на части с помощью различных мультимедийных элементов. На выбор было две темы:
- «Теория поколений: есть ли ей место в дизайне?»;
- «7 заповедей по работе с клиентами из дома».
Было решено остановиться на второй, так как она показалась мне максимально актуальной для нынешнего времени, когда представители абсолютно различных профессий постепенно перебираются на работу из дома.
Откуда черпать вдохновение
Тема выбрана... А что дальше? А дальше мне пришлось довольно много времени, пробегаясь глазами по вдохновляющим сайтам и картинкам, чтобы понять, какой будет цветовая гамма и шрифт. Хотелось чего-то лёгкого, что не «резало» бы глаз, и, насмотревшись невероятно красивых работ на Behance, захотелось спокойных тонов, которые в дальнейшем выразила через так называемые blobs. А площадка Google fonts отлично помогла с выбором пары шрифтов: Montserrat (для заголовков) Source Sans Pro (в качестве основного текста).
Прототип
Разобравшись с цветами и шрифтами, следовало перейти к особо важной задаче – создание прототипа будущего дизайна.
Было решено разбить текст на смысловые блоки, добавив к ним в дальнейшем небольшие забавные иллюстрации, чтобы не было тяжело читать.
Иллюстрации
Возвращаясь к иллюстрациям, хочу отметить, что отыскала их у @Icons8, Pixeltrue. И, пускай они довольно простенькие, но отлично сочетаются с blobs, которые разбросаны по всему лонгриду.
Итого
Подготовлено всё: цветовая гамма, шрифты, иллюстрации, а структура лонгрида продумана и представлена в прототипе. Самое время приступить к UI части!
А далее – познавательный фидбек от куратора, который помог с окончательным оформлением моего лонгрида. В итоге он был презентован на Behance, где можно ознакомиться с самой работой, которая проложила мне путь в дальнейшее изучение такого полюбившегося мне веб-дизайна :)
Спасибо за внимание!