Начинаю связываться с веб-дизайном и очень интересно узнать, с чего начать будет проще и плодотворнее. Если не сложно, распишите небольшой roadmap и различные курсы, как платные, так и бесплатные. Заранее спасибо!)
При создании вдохновился Титаником, который потонул из-за возникшего айсбергом, а после вспомнил про лис салата, который идеально подходит под тему) Планирую сделать анимацию, но это чуть позже.
Всем привет! Меня зовут Ольга и я веб-дизайнер.
На данный момент прохожу обучение в Логомашине. И недавно я закончила свой первый проект.
Для чего я здесь?! Хочу поделиться с вами, как я работала над этим проектом. Рассказать про этапы разработки дизайна и инструменты, которыми я пользовалась.
Итак, моей задачей было придумать дизайн-концепцию и оформить текст в лонгрид.
Тема текста: " 7 заповедей по работе с клиентами из дома".
На руках у меня был только готовый текст, разбитый на смысловые части.
1 этап: Поиск вдохновения и референсов. Создание мудборда.
Для поиска референсов я использовала две площадки: Pinterest и Behance. Там можно увидеть очень много качественных работ. Интерфейс очень понятный и позволяет быстро найти то, что необходимо.
Совет: непременно сохраняй то, что понравилось! Возможно, ты не используешь это сейчас, но в будущем может пригодиться. Для удобства можно распределить свои находки по категориям, по принципу того, что конкретно понравилось: шрифт, цветовая гамма, оформление какого-либо блока или расположение отдельных элементов в блоке и тому подобное.
При поиске референсов к данному проекту, мне приглянулось много вариантов.
И вот некоторые из них:
Что мне понравилось:
На первой фотографии мне понравилось расположение элементов, оно чередуется - то фото слева - текст справа, то наоборот. Может это и банально, но для статьи вполне подходящее решение. Поэтому я использовала данный вариант в своём лонгриде.
На второй - почерпнула идею "рамки" для изображения на главном экране. Но обыграла
в итоге немного по своему.
А на третьей - сочетание цветов. Один яркий акцентный цвет для выделения определённых элементов, светлый фон и текст чёрного цвета.
2 этап: создание вайрфрейма - чёрно-белого прототипа.
Он должен был быть, но.... я примерно понимала, как будут располагаться элементы.
Да и объём работы небольшой. Решила сразу приступить к сборке макета.
Поэтому перейдём к следующему этапу.
3 этап: UI KIT и сборка макета в Figma
Я определилась с элементами лонгрида, подобрала шрифт и цветовую гамму, нашла необходимый контент: изображения для обложки, фона и статьи. Изображения предпочитаю скачивать с сервиса Unsplash. Там много бесплатного и свободного контента.
Изначально у меня получался такой вариант. Расположение элементов как и хотела, но вот оформление в целом всё-же меня смущало. Много серого и текст на таком изображении читается плохо, не так ли?!
Но после проверки моей работы куратором, я поняла в какую сторону двигаться.
И вот что у меня получилось:
UI KIT проекта
Макет лонгрида
Для фона я использовала бумажную фактуру, так как статья ассоциируется у меня с журналами и газетами. Цветные фотографии и яркий оранжевый акцент оживили дизайн. Такую статью будет приятно читать и интересно рассматривать.
Вы можете посмотреть этот проект полностью, перейдя по ссылке.
P.S. Текст статьи очень полезный! Если вы работаете на удалёнке, советую прочитать)))
Благодарю за внимание!
Не поздно ли начинать изучать веб/дизайн и пытаться найти работу в этой области?
Дизайнеры, выручайте!
Всем здравствуйте. Меня зовут Станислав, 19 лет. Несколько месяцев назад начал самостоятельное обучение на профессию UI/UX дизайнер, интерес бешеный.
На днях появилась возможность сдать текстовое задание для банка в нашем городе, дабы на конкурсной основе они отобрали себе минимум 5 начинающих на стажировку с хорошей оплатой.
Задача заключается в том, чтобы разработать 5 экранов для travel сервиса в приложении банка, начиная с первого. Это может быть как бронирование отелей, автомобилей после прилёта, так и покупка экскурсионных билетов.
Вот сам текст с задания:
" Тестовое задание
Тестовое задание В будущем мы видим Kaspi Travel, как полноценный сервис организации путешествий, где клиенты смогут купить авиабилеты, забронировать отели, арендовать авто, выбрать туры, оформить страховку и прочее.
• Придумайте будущий интерфейс главной страницы Kaspi Travel со всеми новыми сервисами.
• Выберите любой новый сервис для путешествий и покажите процесс оформления покупки (не более 5 экранов).
• Объясните, почему Вы предложили именно такое решение.
Посмотреть подобные решения, можно в приложениях Tripadvisor, Expedia, Kayak, Trip.com, OneTwoTrip
"Прошу помочь советом или своими мыслями на счет того, какие решения лучше подойдут и как их лучше оформить, заранее всем спасибо за участие!
Вот ссылка на исходники: https://www.figma.com/file/ZBRwIsEGbavzFmA442OUbI/Исходники
ВАЖНО: Я ни в коем случае не хочу выполнить работу чужими руками. Это задание на стажировку, то есть берут начинающих или джунов. В любом случае я буду искать совет у более опытных, дабы выделиться и попасть на работу, которая мне сейчас просто необходима.
Нашел крутой, а главное бесплатный пак иконок для твоих проектов.) Архив прикрепил. Внутри все нужные файлы их можно перетащить в программу, которой ты пользуешься.
Форматы: Sketch, adobe xd, figma, ai, svg
Скачать: https://disk.yandex.ru/d/oFE1j-JU0CqjgQ
Начал замечать довольно внушительные зарплаты у UI\UX дизайнеров и дизайнеров интерфейсов и никогда не мог понять - почему, думал просто модно сейчас так, сам работал просто граф.дизайнером... вообщем не углубляясь в историю... начал изучать фигму, взял для набивания руки проект по созданию личного кабинета...
после выстраивания структуры(см рис. 1), когда пришел домой - положил пакет с продуктами в ящик с одеждой вместо холодильника, когда сообразил, что сделал - пронеслась мысль "а не зря вы едите свой хлеб".
Как и писал в предыдущем посте, иногда буду показывать свои работы. Вот одна одна из них. Проект "не боевой", чисто концептуальный, но в банк уже написал - может заинтересуются.
Ну и что бы вы могли оценить весь масштаб, посмотрите сегодняшний их дизайн:
http://www.nico-bank.ru (не реклама)
Меня можно по-прежнему найти в ВК (id: bogomol391).
Другие работы можно посмотреть в профиле на Behance (ссыль в вк).
Если будут какие-либо проекты от пикабушников, пишите, сделаю скидку.
