Начинающий дизайнер
645 members
49 photos
2 videos
2 files
62 links
Блог человека, который начинает свой путь в непростом мире UX/UI дизайна.

@nicklascazares - по всем вопросам

Чат канала - t.me/designrookiechat
Download Telegram
to view and join the conversation
Развиваем вкус

Полезное занятие для начинающих – разбор крутых сайтов по элементам.

https://httpster.net

https://www.awwwards.com/websites

Здесь собираются лучшие работы. Каждый день, по 15 минут смотрим, вдохновляемся и изучаем элементы сайта. Проекты, которые вам понравились, сохраняйте и периодически возвращайтесь к ним.

Мои фавориты за сегодня:

https://uv-way.com - Сервис для аренды люксовых авто, классные переходы и анимации.

https://www.herbieduah.app - Дизайнер сайта, считает, что в будущем у каждого будет свой сайт или приложение. Свое портфолио он интерпретировал через веб-сайт, где пользователь может изменять и настраивать его.

Когда вы начнете делать первые проекты, вам будет проще воспроизводить желаемые элементы. Каждый день, по 15 минут. Тренируйтесь!

#ссылки
Книга “Solving Product Design Exercises”

Небольшая заметка о книге, которую дал почитать коллега из отдела дизайна. Книга короткая (155 страниц), с наглядными иллюстрациями и примерами. На английском языке, читается легко.

О чем речь?

В книге пойдет речь о том, как решать разные задачи в области продуктового дизайна и как подготовиться к собеседованию на роль дизайнера. Например, на собеседовании, вас могут попросить сделать редизайн банкомата. Книга подскажет верный подход по решению этой задачи. Может, когда-нибудь, вам захочется улучшить музыкальный сервис Spotify. Структура по решению проблем, которая описана в книге, подходит для большинства продуктов, как физических, так и цифровых.

Здесь можно прочитать комментарий автора о книге: https://www.producthunt.com/posts/solving-product-design-exercises (первый комментарий)

Маленькое пособие, которое можно держать под рукой. К сожалению, в свободном доступе книги нет, но ее можно купить на Amazon.

#книги
Рабочие задачи

Показываю пример того, как дизайн может проникнуть в вашу повседневную работу.

Каждый член моей команды, вовлечен в какой-либо проект. Задача заключалась в том, чтобы упаковать все проекты в одном месте. Так, у каждого члена команды есть возможность узнать, кто чем занимается и если есть свободные места – стать соучастником.

Изначально все было представлено в виде простой таблицы, без визуальных подсказок. Таблица выглядела скучно и неинтересно.

При помощи изображений участников, нескольких иконок и красивого шрифта, получаем красивую подачу информации. Базовые знания Adobe XD и простая логика помогают креативно решать рабочие задачи.

Имена и фотографии участников, их должности и название проектов, изменены в целях конфиденциальности.
Макеты

Каждый второй проект на Behance, это приложение или сайт, которые обернули в красивые виды с телефона, планшета или ноутбука. Давно хотел узнать, как это делается, но сегодня об этом пошла речь во время обучающего курса.

Сверху, три моих примера. Домашняя страница сайта, которую я делал во время курса и приветственная страница мобильного приложения. Получается презентабельно!

Где брать макеты?

https://www.mockupworld.co
https://themockup.club

Два отличных ресурса, где можно найти бесплатные макеты на свой вкус.

Если есть желание воспользоваться моими примерами, пишите на @nicklascazares, дополнительно пришлю маленькое обучающее видео, которое записал сам.

#учеба
Поддержать канал монетой

Если вы хотите помочь каналу рублём, долларом, евро - этот пост для вас!

На что пойдут пожертвования?

- Развитие канала (преимущественно реклама)
- Оплата программ, в которых я работаю (Photoshop, Illustrator, Adobe XD)
- Платный контент (макеты, иконки)

Каждому участнику, кто решит поддержать канал, будет сделан личный набор стикеров. Для этого, оставьте свое имя пользователя в описании платежа, чтобы я мог с вами связаться и обсудить детали.

Платежи могу принимать только через PayPal.

Ссылка ->>> paypal.me/designrookie
This media is not supported in your browser
VIEW IN TELEGRAM
Последнее задание // Вайрфреймы

Готовлю последнее задание по курсу, дизайн коммерческой веб-страницы. Часто, перед началом работы, принято использовать вайрфреймы. Вайрфреймы — это схематичные разметки экрана. Их цель — показать, что из себя будет представлять проект.

Пример таких вайрфреймов, был у меня здесь. Это серые/белые блоки, без изображений. Над ними работают до того, как дизайнер начинает создавать высококачественные мокапы, на которые требуется гораздо больше времени.

Но, не хотел я рисовать пустые блоки и тратить на это время. В то же время, хотелось иметь простой план перед началом работы. Красиво выйти из ситуации поможет ручка и бумага.

Набросал грубый скетч, получил удовольствие и начал работу.

Про то, как вайрфреймы становятся ненужными, читайте здесь:

https://deadsign.ru/ux/wireframes-the-fifth-wheel/

С наступающим! 🥂
В связи с праздниками, новые материалы выйдут несколько позже. Пока, предлагаю поучаствовать в маленьком опросе, где можно поставить оценку каналу "Начинающий дизайнер".
Media is too big
VIEW IN TELEGRAM
Последнее задание

Курс пройден! Об этом событии будет отдельный пост. Сейчас, хочу показать последнее выполненное задание. Идея заключалась в создании сайта, где будут продаваться дорогие велосипеды (только 3 модели).

Как работает прототип, видно на видео. Это очень грубый концепт, но получилось интересно. Очень выручает unsplash.com, практически все изображения взяты с этого ресурса.

Работа выполнена при помощи Adobe XD и Adobe Photoshop.

Постарался красиво запаковать проект на Behance, советую глянуть.

Ссылка на проект: https://bit.ly/37tM6gO

#учеба
CV // Портфолио

Работу, случаем, не ищите?

Имея неплохое CV в запасе, решил его обновить под собственные нужды. Получился неплохой шаблон, который можно использовать для подачи заявления на работу. Получив определенные навыки, сделать такой шаблон несложно. В результате вы получаете CV, которое выглядит чисто и профессионально.

Свой вариант показать не могу, так как он содержит много личной информации. На картинках, очищенный шаблон, готовый к редактированию. Сделан в Adobe XD.

1. Страница с описанием себя, данные об учебе, контактная информация, социальные сети, дополнительные курсы.
2. Страница с перечнем рабочих мест, где вы работали.
3. Страница с языками и навыками.
4. Страница c обзором портфолио.

Если у кого-нибудь есть интерес к шаблону, пишите @nicklascazares
Как люди думают

Коротко о хорошей книге. Дмитрий Чернышев написал классную вещь под названием «Как люди думают». Получилось так, что первый раз прочитал ее залпом, без остановки. Теперь, читаю второй раз.

Творческое мышление доступно каждому и это не зависит от вашего склада ума. Книга учит смотреть на вещи с разных сторон, демонстрируя это на реальных ситуациях. Часто, автор сам предлагает поучаствовать в мысленных экспериментах.

В книге:

⁃ Интересные факты
⁃ Нестандартные вопросы
⁃ Логические задачи
⁃ Набор приемов, как из ничего вылепить идею

Читайте!

#книги
Чат канала // Общение

Если вы хотите чем-то поделиться, оставить отзыв или поговорить на тему дизайна - добро пожаловать в чат канала “Начинающий дизайнер”.

Будьте вежливы.
Стикеры // Статистика

Автор когда-то сделал пачку стикеров “Беззаботный дизайнер”. Это была вторая пачка стикеров, которая, к удивлению автора, стала достаточно успешной! На данный момент, стикеры установили более 1400 раз. Вся статистика видна на картинке сверху.

Ссылка на стикеры: https://t.me/addstickers/carelessdesigner

Нажимайте на пончик, если бы хотели больше стикеров в будущем.

Присылайте идеи! @nicklascazares
This media is not supported in your browser
VIEW IN TELEGRAM
​​Итоги первого курса // Udemy

Канал появился тогда, когда я начал проходить первый курс по UX/UI дизайну на Udemy. Во время учебы, вы учитесь работать в Adobe XD и самостоятельно делаете два маленьких проекта. Если вы будете повторять за учителем и делать самостоятельную работу, вы точно научитесь работать с программой.

На vc.ru у меня есть статья, как я начал проходить курс.

https://vc.ru/design/92518-kak-uchitsya-ux-ui-dizaynu-samostoyatelno-pri-pomoshchi-platformy-onlayn-kursov-udemy

Первые работы: вау

Последние работы: ого

Курс сделан для новичков, но теории UX/UI дизайна здесь не учат. До какого-то момента повторял за учителем, но когда изучил основы, выполнял только домашнюю работу.

Польза есть. Все программы для прототипирования и создания макетов имеют под собой одинаковую основу, поэтому у вас не будет проблем с переходом на другие платформы (Sketch, Figma).

Ссылка на курс: https://bit.ly/2sjqKDP

Покупайте только тогда, когда на Udemy скидки. Изначальная цена конкретного курса - 13500 рублей. Нет никакого смысла тратить такие деньги. Период скидок на Udemy, очень частое явление (я думаю, каждые недели две) и вы можете покупать курсы по 700 рублей.

PS. Обновил закрепленное сообщение для новых подписчиков.

#учеба
Стикеры // standart.io

Ловите маленькую пачку новых стикеров "Замашки дизайнера".

Иконки - standart.io, качественно и бесплатно.

Добавить себе стикерпак можно по ссылке: https://t.me/addstickers/designerhabits или нажмите на стикер под постом, чтобы сохранить все стикеры.
This media is not supported in your browser
VIEW IN TELEGRAM
​​Мотивация // Дизайн привычных вещей

Самое сложное, это держать планку мотивации на должном уровне. Конечно, мотивация, в последствии превращается в дисциплину. Быть дисциплинированным, означает отдаваться обучению или работе на постоянной основе. Сейчас меня ждет еще один курс (по Adobe Dreamweaver), но признаться, постоянно откладываю его на потом.

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

Что я читаю сейчас?

Прочитал половину книги “Дизайн привычных вещей”. Попадали ли вы в ситуации, когда включали не ту конфорку на плите? Может, приходя на работу, вы до сих пор путаете, в какую сторону открывается та или иная дверь? В большинстве случаев виноваты не вы, а дизайн. В книге очень подробно раскрываются проблемы дизайна привычных нам вещей и представлены способы их решения. Да, в большей степени книга затрагивает тот опыт, который окружает нас в повседневной жизни. Но, здесь пишут про основы, которые актуальны в любом направлении дизайна.

В интернете есть бесплатные копии, но с ошибками в тексте и только старое издание (1988 год). Поэтому, купил эту книгу в iBooks, за 6€ (410 рублей). Здесь электронный вариант можно купить еще дешевле. Переиздание от Манн Иванов и Фербер, с обновленными главами и примерами.

#книги
За кем следить в Telegram, кто пишет о дизайне

Я подписан на десяток каналов про дизайн и не все из них я успеваю читать. На одном канале пишут про тренды, на другом выкладывают новости, в третьем раздают полезные инструменты. Это полезные каналы, но иногда не хватает искренности.

Автор канала “Дизайн печь”, интересно рассказывает о своей профессии и ведет искренний канал про дизайн. Каждый пост я читаю с интересом - большой опыт автора может помочь избежать ошибок новичкам.

Иван состоялся как дизайнер интерфейсов и на данный момент работает в True Engineering.

Начинающим дизайнерам, советую ознакомиться с информативным постом Ивана о том, с чего начать знакомство с профессией.

Статьи автора - https://medium.com/@nordicus92

Портфолио автора на Behance (https://www.behance.net/Nordicus)

#телеграмдизайн