283

Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе.

Третья часть здесь:


https://pikabu.ru/story/kak_invalidu_stat_professionalom_bez...


Добрый день всем.


Наступила середина следующей недели.


Вкратце хотел бы отчитаться о моем развитии.


Первое:


Так как я начал осваивать именно специализацию UI/UX дизайнера, то для полноценной работы над ним оказалось, что недостаточно знаний как правильно строить проекты и композицию и вообще продумывать юзабилити.


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


Чтобы сделать элементы интерфейса, иконки, наполнение мне пришлось начать учиться работать в Adobe Illustrator, InDesign, Adobe XD.


Итак. Я начал изучать с нуля все это.


Прикрепляю ниже примеры моих работ.


Работа номер 1.


Потрачено около суток.

Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост

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

Золотая середина скажем так.


Что было освоено:


- Градиенты


- Построение произвольных фигур


- Работа с векторами


- Умение правильно подбирать цвета


- Работа с инструментами перо и прямоугольники


- Работа со слоями


Мне понравилась моя первая работа. Но!


Этого было недостаточно.


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


Прикрепляю прогресс за два дня.


Работа номер 2.


Потрачено двое суток.

Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост

Здесь я постарался придать выразительность и объем чашке и элементам внутри нее. Научился работать с кругом иттена и подбирать композиции цветов как антиподов, так и сочетаемых. Улучшил свое понимание слоев и группировки. Полностью все превратил в градиент, чтобы смотрелось как уже более реалистично. Научился накладывать тени и обрезать фигуры так чтобы они принимали такую форму, что я хочу представить.


Что было освоено:


- Круг Иттена – правильные цвета антиподы и сочетаемости


- Работу с тенями


- Градиент – еще больше усилил понимание того, как его надо применять


- Научился имитировать объём с помощью теней


- Еще сильнее улучшил работу с инструментами


- Научился группировать и еще лучше работать со слоями.


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


Так же были приняты первоначальные попытки в UI UX дизайне. На прошлой неделе был построен и спроектирован сайт.


Прикладываю элемент сайта и его полностью:

Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост
Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост

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

Не стоит его бояться, воспринимайте его как часть композиции.


Что я изучил при работе с лендингом:


- Работу с сеточкой, которая помогает все выровнять правильно


- Научился делать базовые элементы сайта


- Освоил правильное масштабирование под экран


- Изучил еще больше информации о том, как писать краткий продающий текст


Так же я научился полноценно работать в InDesign и с его помощью делать просто отличные презентации, которые при должном усердии, всегда лучше обычных презентаций из PowerPoint.

Прикрепляю различные страницы моей презентации как пример.

Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост
Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост
Как инвалиду стать профессионалом без работы и денег? Часть четвертая. Работа над собой, Illustrator и InDesign. Задачи себе. Домашнее обучение, Обучение, Работа мечты, Работа, Гайд, Изучение, Книги, Длиннопост

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


Что я освоил при написании первой презентации:


- Научился находить хорошие, интересные шрифты


- Научился не бояться кратких фраз и не растекаться мыслью по тексту


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


- Появилось легкое понимание того, что же такое правильная презентация


На этом вкратце я закончу отчет по дизайну.


Второе:


По поводу программирования, я по-прежнему работаю с LearnPython, и по-прежнему стараюсь выполнять их задачи, но есть один нюанс.


Их система обучения построена на том, что человек должен самостоятельно искать информацию, самостоятельно искать решения задачи. Только так происходит скачок в понимании кода, и только так запоминается связь между частями кода. При этом у них очень сильна менторская поддержка.


Что я успел освоить за это время:


- Почти закончил вторую неделю программирования по курсу


- Научился искать информацию с помощью интернета и правильно ее применять


- Появилось понимание циклов, модулей, библиотек и то, как можно это все совместить в единый код


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


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


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


На этом мой отчет по программированию окончен.


Мои будущие задачи самому себе.


- Усложнить задачи и иллюстрации. Начать полноценно применять полученные знания в следующем заказе от тех же заказчиков что попросили сделать лендинг выше.


- Так же обработать очень сложные векторы для полноценной иллюстрации


- Нарисовать комикс в IIllustration


- Научиться работать в Adobe XD


- Научиться делать анимацию для сайта с помощью After Effects


- Закончить вторую неделю программирования и показать вам программку


- Добить базы Питона и начать щупать Django


Так же появилось очень много возможностей для дальнейшего развития. Появилось 2 заказа которые будут оплачиваемые, так же появилась возможность поступить на курс от Skillbox.


Полезные ссылки:


- Дизайнерам


freepik.com – отличная база векторных и обычных рисунков и иллюстраций


flaticon.com/authors/freepik – здесь очень много иконок на любой вкус для оформления сайта


- Программистам


pythontutor.ru – очень полезный сайт для тех, кто хочет много задачек и много практики


pythoner.name – документация питона на русском


wombat - очень подробная документация для освоения настоящего Pythonic Way



Спасибо всем за внимание. Ждите 5 лонгрид про прогресс на следующей неделе.



С уважением, Максим Журавлев.



Форма связи со мной:


https://vk.com/cranepython


mr.crane.leather@yandex.ru

Найдены дубликаты

+14
Вот бы такую же инструкцию о том, как неинвалиду с работой стать профессионалом. А то че-то нет свободных суток сидеть, что-либо изучать
раскрыть ветку 4
+10

Уточню. Я работал до этого и я специально УВОЛИЛСЯ для того чтобы достичь мечты.
Вам же  ничто не мешает накопить и уволиться? У вас  больше возможностей в  поглощении информации чем у меня уж извините.=)

раскрыть ветку 3
+4
Чтобы накопить, надо жену к теще отправить и снимать комнату, вместо двухкомнатной квартиры
раскрыть ветку 1
0
Да, спасибо) сразу после комментария прочитал предыдущие посты. Но что-то вот не получается накопить, для этого какой-то остаток с зарплаты нужен
+5

все отлично. продолжай дальше

раскрыть ветку 1
+4

Спасибо=)

+3

нравятся ваши посты, столько энергии
начинать лучше с книг, типа питон для детей,  питон для начинающих и на русском
для сайтов нужен js, вам верстать то  в html придется поначалу
a до питона дорости нужно, это ж в несколько раз сложнее делать серверную часть

раскрыть ветку 5
+1

Много книг читать - зло. Практика, практика, практика!

раскрыть ветку 4
+1

Что я и делаю в час ночи, практикуюсь ))

0

Начните с одной)))

раскрыть ветку 2
+2

Завидую белой завистью такому упорству и целеустремлённости.

+2

Вы большой молодец! Маленькая подсказка - в форме для заявки внизу ещё можно прописать про политику конфиденциальности (сейчас за её отсутствие штрафы от 50 тр у юриков). И как у нёё с валидацией полей? Можно вбить буквы в поле телефона(стоит ли там маска)?

Ин Дизайн - в основном для вёрстки журналов-книг-газет.

раскрыть ветку 1
0

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

+2

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

раскрыть ветку 4
+2

Предполагалось что потом на  питоне/джанго буду делать сайты которые еще  и обработаю в плане  дизайна, вот зачем=)

раскрыть ветку 3
+3

Как по мне, вам как "для профи в дизайне" проще клепать сайты на сервисах модульных конструкций (я не знаю что сейчас модно, но когда я этим интересовался была джумла и еще подобные...думаю сейчас их побольше), это проще так как стандартные и типовые схемы сайтов там все уже есть и вы можете посвятить себя только дизайну, или даже собственноручно сделать свою схему, но в более менее удобном пользовательском интерфейсе (думаю все стандартные вещи которые вы будете изучать программно месяцами там уже есть и реализованы в интерфейсах). Я просто не представляю какой поток информации на вас висит по дизайну, а вы еще плюсом в программирование углубляетесь (а там углубляться можно годами...). Да и одного питона для полноценного бек-енда мало - джава, пхп...и тд и тп (но я в этом не спец просто мнение основанное на давних примерах)
я не эксперт в веб.
но меня очень интересует, почему вам до сих пор никто не сказал не путать гречку и котлеты и изучать что-то одно? (Этож первое правило тех кто суется в веб или уже нет?) Дизайн - изучай дизайн, не лезь в программирование, тем более при изучении дизайна, у тебя и так поток инфы большой, много тонкостей в программах, функционал, интерфейсы...плюсом благодаря программированию тонкости языка, его недостатки, разные среды разработки и тд (ну с питоном там многое проще, но все же...язык так скажем тоже не самый беспроблемный).
Да понимаю и там и там интересно, но я просто не представляю как ты это все у себя в голове по полочкам разложишь, если порой просто при изучении программирования приходится некоторые вещи осмысливать часами.
Если даже очень хочется и нужно, то раздельно, изучил дизайн...работаешь, уже и кушать и жить можно) если нравится бэк-энд уже с чистого листа занимаешься этим...
Есть конечно умельцы...могу все и сразу. Но как правило такие могут не все и не так качественно как узконаправленные профи)
Просто мой совет не претендующий на исключительно верный, если хотите то изучайте на здоровье, но делайте это хотя бы последовательно, зачем все в кучу? (Или поинтересуйтесь у профи, коим я себя назвать не могу конечно=D)
А так вы молодец, удачи вам в реализации себя)

раскрыть ветку 2
+2
Vecteezy.com тоже куча векторных рисунков) Молодец! Главное не работай в Кореле😁
раскрыть ветку 3
+2

А вот это интересная ссылка - сохранил=) Спасибо!

А почему  не корел?)

раскрыть ветку 2
+3
Я работаю в Кореле, и не понимаю такого негатива в его сторону. Просто мне там удобнее и результат не хуже иллюстратора. Но среди дизайнеров корел это фу отстой прошлый век и непрофессионально.
раскрыть ветку 1
+2

Довольно симпатично. Много подобного приходилось покупать на стоках.

раскрыть ветку 1
0

Спасибо буду стараться=)

+2

Очень даже современно и приятно получается!


По крайней мере мне, так кажется, как существу с той стороны ИТ которую пользователь никогда не видит :)


PS: Не хотите взаимовыгодно посотрудничать? Есть у меня в разработке кастомный движок для сайта с фотками. А интерфейса нету :) Не дизайнер я ни разу :)

раскрыть ветку 2
+1

А вот это интересно, как с вами связаться ? Или возможно вы напишете мне по контактам написанным ниже?

раскрыть ветку 1
+1

А напишу :)

+2
Векторы довольно чистые и приятные:)
раскрыть ветку 2
+2

Спасибо буду стараться=)

раскрыть ветку 1
+2
Блииин, пробежалась по постам, подписалась и восхищаюсь:) Ты очень крут в своем планомерном и последовательном подходе! Успехов тебе во всем!
+1

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

Иллюстрация к комментарию
Иллюстрация к комментарию
Иллюстрация к комментарию
Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку 2
0

Это градиентная сетка ?

раскрыть ветку 1
+1

меш. не градиент. Но что вроде того

+1
Красава мужик
+1
Автор, вы большой молодец)
Я чот тоже пытаюсь двигаться в сторону ux/ui, но не могу построить себе обучение никак. Вы можете посоветовать какой-то курс или что-нибудь еще для новичка?
раскрыть ветку 5
+2

А основы и азы собственно самого дизайна уже есть? Если да то вам будет проще гораздо.

А вообще чисто по курсу если, то можно посмотреть от скиллбоксов лекции, так же напишите почту я скину вам потом  информацию какая у меня есть по данному вопросу.

раскрыть ветку 4
+1
Сейчас осваиваю основы дизайна. o.kulik2015@yandex.ru
Спасибо вам огромное)
раскрыть ветку 3
+1
Это однозначно не для всех... Подойдет только для тех, кто ум в детстве перепрофилировал в техническое русло... Если этого не делал то такие советы не помогут
0

Мужик, ты молодец! Мы с тобой ровесники и ситуации схожие, я проработал после универа 5 лет на заводе инженером и с каждым днем становилось все невыносимее, по многим причинам. Я понимал, хоть я и хорошо справляюсь со всеми своими рабочими задача, но я не могу сам себя назвать хорошим инженером, потому что это не мое, я никогда не был на 100% технарем и не имею тот фундамент знаний, которым должен обладать настоящий инженер. Да и сама работа стала ужасно рутинной, я быстро ее делал и большую часть рабочего дня просто занимался херней, как и все так. Я понял, что так дальше не может продолжаться, что еще немного и я просто не смогу заставить себя нормально работать. В итоге я уволился, сейчас сижу дома, осваиваю дизайн, прохожу курсы на Скиллбоксе, успехи пока не супер, но уже потихоньку идут заказы, нарабатываю портфолио. Я думаю, что у тебя все получится! Удачи!

раскрыть ветку 1
+1

Спасибо, очень постараюсь, и да понимаю тебя как никто=)

0
Мне показалось что термины UX и UI Вы используете как синонимы?
раскрыть ветку 1
0

Это разные вещи если честно, просто они очень тесно связаны

0

Сайт довольно прикольным вышел. Может и надо что то поправить по самим блокам и структуре. Но норм так то. Иллюстрации тоже видно что старались.

0

Молодец! Для web UI/UX рекомендую пощупать Figma

раскрыть ветку 1
0

Я щупал, пока что функционал очень схож с адоб ХД, но есть небольшие отличия конечно)) посмотрю где удобнее будет )

0
Сайт тоже в иллюстраторе? Лучше юзайте фигму, она хоть доступна для всех, ну и более приспособлена для этого.
раскрыть ветку 4
+1

Сайт в адоб ХД сейчас делаю, очень удобно оказалось

раскрыть ветку 3
0
Там есть экспорт хоть во что-то общедоступное? Вот нарисуете вы дизайн, скинете мне на вёрстку, а у меня нет adobe XD, пиратскую ставить не вариант
раскрыть ветку 2
0

Класс!

0

Так держать!

0

если кто не вкурсе, то есть бесплатная альтернатива Adobe Illustrator / корел дро - Inkscape

ненадо ни покупать, ни пиратить

Иллюстрация к комментарию
раскрыть ветку 6
+4

Я тоже смотрел в сторону  этой программы, но адоб, будем честны  очень сильно приблизил к интуитивному пользованию свои программы. Мне просто приятно в  них работать=)

+2

Иллюстратор можно бесплатно на торренте качнуть))))))))

раскрыть ветку 2
+2

Йо-хо-хо-хо и бутылка рому!(с)

раскрыть ветку 1
0
А что это? Можно название?
раскрыть ветку 1
0
0

Отличная работа! Прогресс налицо! Продолжай в том же духе, сразу видно, что это твоё!

0

Ну для широты кругозора: дизайн, это такая вещь в которой нет правил. И вот: все тренды которые ты видишь уже устарели, ведь ты их уже видишь

раскрыть ветку 3
0

Но для  того чтобы нарушать правила  надо знать эти правила, верно?)

раскрыть ветку 2
-2

Нет. В том и прикол, их даже ненужно знать. Просто должно цеплять

И самый невъе...ломенный дизайн делают нарушая правила.


Вот учишь сочетания цветов, балансы шрифтов. Ритмика-типографика... Формализм

Ведь кто-то определяет цвет года(пантон только фиксирует) кто-то формирует тренд на начертание

раскрыть ветку 1
0

Ты молодец. А что у тебя с инвалидностью?

раскрыть ветку 3
+1

Глухой=)

раскрыть ветку 2
+1

Ну учитывая, что сейчас много что по переписке, я думаю норм. Молодец. продолжай. У тебя все получится. Сайты нынче нехило стоят.

раскрыть ветку 1
Похожие посты
Возможно, вас заинтересуют другие посты по тегам: