Восьмая часть здесь:

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

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

Сегодня я, пожалуй, расскажу вам о том, как я делаю сайт и логотип к нему. Расскажу о тестовом задании и как делал листовку для проекта и забавный баннер. И расскажу о проблемах с типографикой.

Итак начали.

Первое:

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

Задача клиента была такая:

- сделать так, чтобы такого не было ни у кого.

- сделать так, чтобы он был современным и одновременно простым.

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

- сделать *как вот у тех ребят, но лучше*.

Сошлись с ним на 20 тысячах.

Окей, первоначально я не знал даже как подступиться. Поэтому разбил задачу на несколько частей.

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

Отобрал самые лучшие фотографии и материалы. Боже мой сколько трэша было там. =) Ребят вы вообще знали, что в России вообще нет классных фоток бытовок? Ни одной!

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

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

В итоге получился такой набросок сайта и его главной страницы. Редизайн скажем так.

Теперь проясню элементы работы над ним.

Первое что нужно было сделать для клиента. Это лого – представление о нем и о том, что он продает и его возможности.

Первоначальный вариант у клиента на сайте был такой.

Как видите было не очень удачно подобрано как цвета, так и фон, и сама форма ни о чем не говорила.

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

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

Логотип был принят очень хорошо, поехали дальше.

Было принято решение полностью переработать саму подачу информации на сайте для потребителя от клиента.

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

То, как было сделано у клиента.

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

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

Это было решено исправить полностью. Да пусть встанет с колен бытовочная промышленность!

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

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

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

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

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

Убрал излишние кнопки в меню и оставил только то, что действительно важно.

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

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

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

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

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

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

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

Поэтому возникает вопрос к вам читатели. Какой шрифт вы бы посоветовали для этого сайта и почему? Так же есть вопрос по фотографиям. У кого есть хорошие интересные фотографии бытовок?

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

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

Второе:

На этой неделе, вы представляете мне предложили выполнить тестовое задание чтобы попасть на работу дизайнером фрилансером в компанию! И это была очень интересная задача.

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

Причем формат листовки должен быть легким и простым и отвечать всем канонам печатания и размерам. Это было серьезно очень интересно.

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

- А что, если показать прям что-то высокое и крутое?

- Не давай наоборот покажем самую глубину, где сокрыто самое крутое?

- Хм, а в этом что-то есть…а давай придумаем гору в глубине, Карл!

- Че?

- Айсберг в океане! Идеально!

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

Ну и выглядит прикольно как иллюстрация, которую можно и повесить на стенку. =)

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

Ох, и тут мы залипли с девушкой.

Мы придумали француза негра.

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

А вы угадали страны, которые описываются этими словами? =)

В целом в итоге мы решили остановиться на Финляндии и показать забавные особенности этой страны.

Это лоси и сауны!

Ведь финны очень любят сауны, а лосей там не видел только ленивый!

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

А пример от клиентов выглядел так.

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

Третье:

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

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

Это упражнение на воображение.

Задача очень простая. Вы берете лист бумаги и карандаш и идете гулять. Просто гуляйте без задней мысли, отдыхайте, постарайтесь просто смотреть как наблюдатель. Вы не поверите сколько радостных, смешных, плохих моментов вокруг происходит, Вы можете найти шикарный референс разрушенной башни, которую вы можете потом построить в своей игре, вы можете найти дерущихся голубей и у вас в голове родится идея как можно нарисовать смешных взлохмаченных людей которые дерутся и похожи на голубей!=)

И на этом думаю мы с вами закончим!

Ставлю себе задачи на следующую неделю:

- Добить сайт заказчика и переработать его в сторону улучшения читаемости и информативности и добиться хорошего взаимодействия.

- Добить еще 5 уроков.

- Не снижать темп и подготовиться к WEB DESIGN.

- Начать готовить третий урок для вас.

- Искать еще больше заказчиков.

Так же хочу прикрепить здесь ссылки, которые могут быть полезны вам:

https://dtf.ru/gamedev/62420-proektirovanie-urovney-molekuly... - Здесь очень интересно рассказывают о необычном применении дизайна, почитайте вам будет интересно узнать.

https://medium.com/@vit.onix/%D0%BA%D0%BB%D0%B0%D1%81%D1%81%... – Очень хороший текст если вы хотите узнать типографику и разобраться в основах с ней. И сам сайт сам по себе очень и очень сильный и направлен именно на дизайнеров. Статьи попадаются просто чумовые.

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

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

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

https://vk.com/cranepython

mr.crane.leather@yandex.ru

Седьмая часть здесь:

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

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

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

Поехали!

Первое:

Ребята, я хочу вам сказать вот что: вы потрясающи! (с)

Без шуток, ваша поддержка, сила Пикабу, это то, что заставляет меня работать и по ночам, и по 12 часов рисовать и искать новые возможности для развития. Без вас не было бы ничего!

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

Вы все можете все, что вы захотите!

Летайте! Увольняйтесь! Любите! Делайте все что вам нравится!

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

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

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

Второе:

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

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

Без регистрации и смс и уроков.

Знаете, что самое сложное во всем этом? Это не нарисовать. Это придумать.

Вот это и есть самое сложное, придумать модель, развитие, мимику, выразить все это наглядно. Это оказалось очень сложным и одновременно простым.

Прикреплю ниже скетчи как вообще создавался комикс.

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

Это же просто, нарисовать мишку, без сложных референсов, без излишней кропотливости. Просто показать вот – медведь!

Медведь с лапками и носом! Ничего лишнего.

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

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

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

Просто и без изысков.

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

Так же хотел бы сказать вот что.

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

И надеюсь, у меня получилось сделать это. =)

Держите ребята историю о любви мишки и меда.

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

Меня чертовски радует видеть то, как я развился как иллюстратор. Если бы кто-то сказал мне месяц назад, что у меня будет такой комикс, я бы плюнул ему в лицо и назвал сумасшедшим, ребята!

Впоследствии, кстати, на этой неделе я постараюсь сделать 3 видеоурок, где я покажу как можно проработать персонажа и нарисовать его именно как иллюстрацию с смыслом и идеей.

Третье:

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

В идеале он хочет сайт похожий на этот:

http://plat-forma.pro/

Ребята, может кто из вас видел подобные сайты? Мне хочется увидеть самые лучшие и интересные решения подобных задач, чтобы сделать все по высшему классу.

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

Мои планы по сайту такие:

- Сделать его простым и не перегруженным информацией.

- Сделать единый цветовой стиль.

- Заполнить очень хорошими качественными фотографиями и иллюстрациями собственного приготовления.

- Проработать текст так, чтобы он был краткий и цепляющий.

- Работать над наполнением так, чтобы вам было бы интересно на нем находиться и получать информацию быстро и удобно

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

Блин, мне даже дышать сложно. Так хочется сделать все просто на шикарно!

И возникает вопрос к вам ребята. Кто из вас видел крутые картинки строительных бытовок? =)

Очень-очень-очень остро стоит теперь этот вопрос. =)

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

Это упражнение на скетчинг:

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

И очень очень очень советую вам купить или найти или своровать одну книжку.

Сожги свое портфолио. Майкл Джанда.

Это очень мощная книга.

Скажем так, она даже перевернула несколько мое восприятие того, как вообще должен работать фрилансер. Работать с клиентами, прорабатывать с ними задачи и ставить ТЗ самому себе. Избавиться от дедлайнов и работать в своем ритме. Она очень сильно помогла мне сделать цель на годы вперед и начать выполнять эту цель.

Купите и прочтите ее. Не пожалеете ребята.

И на этом думаю мы с вами закончим!

Ставлю себе задачи на следующую неделю:

- Сделать еще один комикс иллюстрацию.

- Добить еще 5 уроков.

- Не снижать темп и подготовиться к WEB DESIGN.

- Начать готовить третий урок для вас.

- Искать еще больше заказчиков.

Так же хочу прикрепить здесь ссылки, которые могут быть полезны вам:

https://www.awwwards.com/ - На этом сайте вы найдете все, что вам нужно для вдохновения и поисков самых лучших дизайнерских находок. Очень крутой сайт.

https://ru.inettools.net/image/generator-css-spraytov- На этом сайте вы можете закинуть картинку и получить CSS код для того чтобы использовать в своем проекте. Чертовски удобная штука.

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

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

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

https://vk.com/cranepython

mr.crane.leather@yandex.ru

Шестая часть здесь:

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

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

Сегодня у меня будет довольно-таки масштабный рассказ обо всем, что у меня произошло, и это меня очень радует, что я успел сделать так много!

Итак поехали.

Первое:

Я наконец то смог закончить для вас мой второй урок для новичков!

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

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

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

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

Прикрепляю его к просмотру.

Так же, я хочу вам рассказать, что этот же ролик с субтитрами будет выставлен как вебинар от проекта Хоупворк. И там же я буду присутствовать и в режиме реального времени отвечать на ваши вопросы. Любые вопросы, честно-честно, любые.

Ребята, присоединяйтесь, я не кусаюсь, честно!

И конечно же, прошу от вас обратной связи. Расскажите, что еще можно было бы улучшить. Стоит ли голос отфильтровать чтобы он не был бы таким звонким? Нужны еще материалы? Хотите ли вы сложные задачки? Я вас слушаю и прислушиваюсь.

Второе:

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

И это был фееричный, изматывающий, сложный дизайн-марафон. А именно CHARITY DESIGN WEEK. Его проводил Хоупворк в рамках благотворительности

Вы знаете, что заставляет вас нервно потеть, кусать локти, и развиваться с бешеным темпом?

- Деньги? Не-а.

- Учителя? Возможно, но нет.

- Добрые заказчики? Пф-ф и рядом не лежало.

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

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

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

Впоследствии от них же с 1 августа скоро запустится еще и WEB DESIGN. Где мы уже будем создавать не просто иллюстрации, а сайт-визитки, лэндинги, блоги. Я прямо в предвкушении. Меня реально колбасит от этого и хочется начать, чтобы еще больше сделать и научиться, и пополнить свое портфолио, как и копилку заказов.

Прикладываю ссылку на это мероприятие.

http://hopework.tilda.ws/charityweek

Третье:

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

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

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

С маленькой гордостью предоставляю вам моего детеныша.

http://mrcrane.tilda.ws/

Да это пока временное решение.

Мои планы по сайту портфолио такие:

- Сделать собственный домен.

- Развить дизайн сайта и его юзабилити

- Построить его самому с помощью HTML и CSS.

- Перенести его на хороший правильный домен и сделать его так, как я хочу его видеть.

- Работать над наполнением так, чтобы вам было бы интересно на нем находиться и получать информацию быстро и удобно. Это еще и хорошая возможность развиться как UI UX дизайнер над своим проектом, где никто тебя не ограничивает.

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

Для лиги лени и тех, кому лень лезть в ссылку, дам вам парочку скриншотов, просто оценить сам сайт. =)

Четвертое:

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

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

Вот я, например знаете, что делаю чтобы начать работать и не отвлекаться ни на что?

Просто открываю окна во всю ширь, принимаю весь солнечный свет, освещаю комнату так, чтобы она была освещена как реальное рабочее место, обязательно одеваю штаны, которые условно считаю рабочими и начинаю работать. Вы не поверите, но этот простой и нехитрый ритуал, для меня лично, очень заставляет держаться в тонусе. И работать. Работать так, как я не работал на прошлых работах и там я бы не хотел так работать. Это, честно говоря, прекрасное ощущение, когда ты сам строишь свой рабочий день, строишь планы, и у тебя нет человека, который говорит тебе, как и ГДЕ ты будешь работать.

И работать до 3 часов ночи конечно же. =)

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

Это упражнение на композицию.

Задача очень простая. Вы берете лист бумаги и краски или карандаши цветные. Представьте себе мелодию и музыку. Вашу любимую. И нарисуйте ее! Нарисуйте так как вы ее видите своим внутренним чувством! Это просто прекрасное упражнение для того чтобы научиться выражать абстрактные понятия и эмоции и чувства. И впоследствии это вам поможет строить сложные яркие иллюстрации.

Так же есть очень хороший вариант чувства композиции.

Возьмите чистый лист бумаги, нарисуйте квадрат. И постарайтесь почувствовать, куда вы в нем хотите расположить круг квадрат или треугольник. Постарайтесь понять, где вам эта белая зона, пустое пространство ПРИКАЗЫВАЕТ и ПРОСИТ заполнить его. Это не вы решаете, это решает сама белая зона. Повинуйтесь ей, и она научит вас выражать композицию правильно.

И на этом думаю мы с вами закончим!

Ставлю себе задачи на следующую неделю:

- Добить иконки для вектор пака.

- Добить еще 10 уроков.

- Не снижать темп и подготовиться к WEB DESIGN.

- Начать готовить третий урок для вас.

- Искать еще больше заказчиков.

Так же хочу прикрепить здесь ссылки, которые могут быть полезны вам:

https://illustrator.demiart.ru/ - На этом сайте вы найдете все, что вам нужно для полноценного начала изучения программы. Здесь предоставлены, как текстовые, так и видеокурсы. Очень рекомендуется начинающим.

https://bezier.method.ac/ - На этом сайте вы научитесь работать с самым главным инструментом векторного художника.

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

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

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

https://vk.com/cranepython

mr.crane.leather@yandex.ru

Пятая часть здесь:

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

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

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

Итак поехали.

Первое:

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

Первый клиент: Калифорнийская баптистская церковь. Да, да, ребята мне написали прямиком из солнечной Калифорнии и попросили для них сделать логотипы для их церкви чтобы выразить ее в интернете.

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

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

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

Прикладываю ниже то, что я сделал для него. Сейчас покажу вам первоначальный вариант логотипа.

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

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

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

Второй вариант и третий стали такими.

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

И вот тут я залип. Играю с шрифтами, и так не нравится, и так не нравится, а вот так вообще композицию нарушает. Может вы посоветуете куда можно было бы вставить адрес?

Второй клиент был более сложный.

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

Ниже прикладываю его сайт.

Как видите здесь само наполнение и интерфейс устарели если честно.

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

Как это было показано клиенту?

Ему все понравилось, на вопросы ответили, погнали!

Что я постарался сделать для него?

- Постарался найти легкий приятный фон

- Обработал хорошие красивые фотографии для галереи.

- Набросал вчерне композицию и элементы сайта.

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

- Постарался не менять общую концепцию сайта как пожелал того клиент.

- Придумал некоторую индивидуальность названию сайта.

Вот что у меня вышло:

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

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

Хотя мои сообщения он читает, я это вижу=)

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

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

А у вас было такое, чтобы клиент пропадал внезапно или не желает отвечать? Как вы с этим справлялись?

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

Не снижаем темп!

Второе:

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

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

Знаете, что я сделал на этой неделе?

Отправил 50 писем в различные школы, как онлайн, так и оффлайн которые находятся в Санкт-Петербурге, и куда я мог бы прийти лично.

Знаете, что я получил в ответ? =)

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

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

Федеральный закон от 24.11.1995 N 181-ФЗ (ред. от 29.07.2018) "О социальной защите инвалидов в Российской Федерации".

Их стандартная отписка была такая:

- Мы не адаптировали обучение для таких как вы

- Наши преподаватели не готовы учить вас и не квалифицированы.

- Мы не знаем как работать с вами.

- Молчание

- Молчание

- Мы учим только слышаших.

-….

Серьезно ребята?

Вы мне тут говорите о том, что вы якобы не можете адаптировать видеоуроки для глухих.

Отвечу вам. Чтобы перевести один урок на субтитры я потратил лично всего 5 часов. Из которых 1 час — это прием еды. Я до этого никогда не накладывал субтитры, до этого момента я никогда этим не занимался. И я это сделал. И моя девушка научилась это делать за пару часов. На ютубе в творческой студии это вообще делается интуитивно.

Профессиональный переводчик это делает за час. Оплата такого труда состоит от 200 до 500 рублей максимум как я узнал. Ребята, вы серьезно не можете оплатить переводчика, который за 300 рублей вам переведет любой один ваш урок и эти субтитры с вами останутся навсегда? И так же подумайте о том какие деньги это вам принесет в дальнейшем. 300 рублей вам привлекут глухих ребят которые вам принесут десятки тысяч рублей в перспективе. =)

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

Потом скачиваете субтитры и удаляете видео из ютуба – и у вас есть субтитры, которые можно вшить в видео и чуть-чуть совсем поправить. Все временные метки есть, все есть.

Логично? Логично.

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

Я в письмах указывал на то, что я не нуждаюсь в жестовой речи, и всего лишь прошу преподавателя говорить либо чуть погромче либо объяснять чуть побольше. Все! Больше ничего я не просил. Думаю, что с этим справится любой преподаватель, не так ли?

И последнее.

Вы учите только слышащих.

Вот тут я даже немного оторопел от такого ответа. Извините, но неслышащий что, не человек? Его нельзя учить, потому что он не слышит? У меня даже не нашлось подходящего ответа на такой вот поворот. Просто промолчал. Диалога у меня с ними не получится.

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

Ну и шут с вами! Буду делать собственные уроки и субтитры. И учиться, и учиться, и снова учиться самостоятельно, как завещал Ленин.

Третье:

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

А сейчас я покажу то, чему я научился за эти две недели.

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

Сейчас он выглядит вот так.

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

Выглядит он так:

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

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

Мы с вами нарисуем красивый прекрасный, розовый цветочек. =) Думаю закончу как раз на следующей неделе и подарю вам этот урок.

И еще немного из того, что я нарисовал на этой неделе.

Ставлю себе задачи на следующую неделю.

- Добить как минимум 15 уроков.

- Доделать иконки для вектор пака и логотип для заказчика.

- Не снижать темп и находить еще больше заказчиков.

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

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

http://htmlbook.ru/html - отличный сайт с справочником по HTML

https://vk.com/designtutorials - хорошая группа с уроками по дизайну и иллюстратору. Видеоформат.

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

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

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

https://vk.com/cranepython

mr.crane.leather@yandex.ru

Четвертая часть здесь:

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

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

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

Первое:

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

- Первым делом, он не должен рисовать наобум, ему нужно четкое хорошее ТЗ. Что в общем то составляет проблему уже на этапе составления ТЗ. Многие клиенты вообще не понимают зачем это.

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

- Рисовать. Много рисовать. Каждый день учиться новым способам выражения мысли и решения задач.

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

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

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

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

У меня было так.

Ничего страшного – всегда найдется нормальный заказчик. Вот ему и сделайте на все сто процентов.

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

Еще что выяснилось, мне очень нравится оказывается делиться знаниями с теми, кто не стесняется спрашивать. Это еще и помогает устроить знания в голове, когда объясняешь. И одновременно с этим я проникся большим уважением к учителям. Огромное вам уважение.

Второе:

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

- Здесь я научился правильно работать с очень интересными эффектами свечения и придавать объем с помощью теней.

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

Ну и, собственно, мне просто нравится космос. =)

Здесь я научился работать с изометрией и создавать почти 3Д объекты так чтобы они выглядели именно объемными такими. Очень классная штука.

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

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

Я смотрю на них и вижу прогресс, между тем как я рисовал месяц назад – от слова никак, и то, как рисую сейчас. Это меня дико радует.

И третье:

Мне очень много людей пишут, хотят узнать, кто я такой и чем я живу и дышу.

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

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

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

Здесь я немного накосячил с записью( забыл включить микрофон), и голос пришлось накладывать уже после того как все снял. Но на будущее учту. Это видео еще в  обработке, но качество должно улучшиться с минуты на минуту.

Ребята, я буду очень благодарен вам, если вы расскажете, что можно улучшить в видеороликах.

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

- Хотелось бы увидеть обратную связь.

- Расскажите пожалуйста, что можно улучшить.

- Стоит ли делать вообще такие видео с форматом голос + субтитры или обойтись только субтитрами с фоновой музыкой?

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

Во втором видео я хотел бы записать работу с инструментами и показать каждый из них более детально.

И четвертое, и последнее:

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

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

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

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

Все идет отлично! Но, тьфу- тьфу- тьфу надеюсь так и будет дальше=)

Ставлю себе задачи на следующую неделю.

- Добить лендинг для заказчика кешбэка.

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

- Не снижать темп и находить еще больше заказчиков.

- Записать еще одно видео где я рассмотрю инструменты для иллюстратора.

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

https://infogra.ru/ - отличный сайт с подборкой статей по дизайну.

http://tilda.education/ - Еще один такой же, но в формате серьезных статей.

https://hysy.org/ - здесь можно найти цветовое обозначение цвета

https://colorscheme.ru/ - хороший способ найти цвета антиподы или сочетаемые цвета

https://www.palettable.io/A892B3 - а тут можно подбирать цвета основываясь на собственный

вкус.

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

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

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

https://vk.com/cranepython

mr.crane.leather@yandex.ru

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

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

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

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

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

Первое:

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

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

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

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

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

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

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

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

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

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

- Градиенты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Второе:

По поводу программирования, я по-прежнему работаю с 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

Третья часть: https://pikabu.ru/story/kak_invalidu_stat_professionalom_bez...

Добрый вечер всем.

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

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

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

Итак, поехали:

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

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

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

Он может нести в себе какую то мысль, а может оставить простор воображению. Первое что я понял — самое главное в UI / UX — то какой опыт получил пользователь. Позитивный или негативный.

Главное чтобы опыт был получен в полной мере, освоен и выучен.

Что самое главное в UI и UX?Это интерфейс.

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

Желательно, конечно, чтобы он был позитивный. И его цель.

Когда я разбирался в том каким может быть опыт и какие цели могут быть у пользователя — то выяснил что опыт достигается буквально за первые 10 секунд взаимодействия с интерфейсом. Это самое важное что должен сделать дизайнер.

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

Это потребности пользователя.

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

Это бизнес — задача.

Ограничения:

В нашем случае, это то что должно быть на сайте по умолчанию. Его краеугольный камень, его самая суть.

На сайте водки — должна быть водка но не должны быть новости.

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

На сайте почты России — должны быть четкие позиции. Почта, трекинг, адрес отделения. Их должно быть сразу видно. Ничего лишнего, у нас не базар а почта.

Это ограничения.

Путь ко всему что ищет пользователь и что предлагает бизнес должен быть прямым и простым как в задаче про пункт А и пункт Б.

Все остальное — от лукавого.

Дизайнер должен быть уметь относиться критично к тому что он создает.

Не слушайте тех кто говорит — вау, все круто, это офигенно.

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

Нет. Нет и еще раз нет.

Каждый раз когда создает лендинг, сайт, приложение - он должен держать в голове пять критериев.

Обучаемость — вкратце это то, насколько быстро пользователь понимает, где находится его цель и как до нее добраться и как это выполнить.

Эффективность - это то насколько быстро он может пользоваться этим сайтом при последующих посещениях.

Запоминаемость — это то, насколько эффективными оказались обучаемость и то насколько они легко запоминаются.

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

Удовле творенность — то насколько хороший опыт он получил при работе с сайтом. User eXperience.

Так же дизайнер UI \ UX это не просто человек который лепит то что бог на душу положит.

Нет. Это такой же работник мозга как и аналитики, точно такой же работник как и исследователи.

Самое важное что должен понять дизайнер в моем понимании это 4 науки.

- Взаимодействие человека и компьютера.

- Эргономика.

- Юзабилити.

- User eXperience.

Я пока еще в самом начале этого долгого пути, но я очень буду стараться ради не только себя, но и вас.

Так же очень важно понимать, что хоть UI \ UX это практически неразлучные друзья, но у них есть отличия.

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

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

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

Не бойтесь.

Держитесь цели.

Делитесь с единомышленниками.

Учитесь у старших.

И все у вас получится.

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

Идем дальше.

На этой неделе я получил свой первый заказ как дизайнера UI UX. Это был заказ Call центра по посадочной странице. А именно лендинг.

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

Это и стало поворотным моментом. Я понял что если я его не сделаю, то не сделаю никогда, и этот мой первый заказ определит меня - дизайнер ли я иль тварь дрожащая?

Итак. Была еще правка.

Выкинул полностью весь мусор из текста. Из 10 строчек они сократились в 2 строчки не потеряв ни грамма выразительности и улучшив свою продающую возможность.

Еше правка.

Идет пятый час работы. Все плохо — сетки нету, все выровнено так, что ваша бабушка Глаша смогла бы лучше.

Сжимаем зубы и учим что такое сетка и зачем она нужна. Режем с помощью сетки на 5 экранов и 12 полос и аккуратно спокойно выравниваем все позиции и все иконки так чтобы они заполнили собой всю страницу так, чтобы был нужный баланс пустого пространства и информационной части.

Еще правка. Вечер, цикады стрекочут. Работает усталая личинка дизайнера.

Наступает просветление. Именно в этот момент ты как будто отстраняешься и начинаешь примерять на себя маски.

Ты Иван Иванович — слесарь из ЖЭКа который хочет заказать бота по приколу.

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

Ты Маша Дулина и тебе 12 лет и ты случайно зашла на сайт.

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

Ты сделал лендинг и теперь пора прекратить пока не сделал все хуже в попытках улучшить.

Отправляю сайт на проверку заказчику. Нервно жду 1 час пока он не отпишется.

Его слова:

«Молодец, ты справился, ты очень близко к тому что я от тебя хотел, прекрасные труды.»

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

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

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

Так же очень рекомендую сайты которые очень помогли в построении лендинга.

https://www.behance.net/ - отличный сайт чтобы вдохновиться и стырить.

https://www.flaticon.com/ - хорошая коллекция иконок и паков.

https://www.figma.com — удобный аналог адоб для тех у кого его нету.

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

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

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

Итак. Что я сделал в программировании за последние дни?

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

Прикладываю то, что я успел сделать за эту неделю.

https://github.com/Gorgutc/Homework-Week1

Было получено прекрасное понимание того, как работает вообще код.

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

- Было изучено то как создавать бота и его тело, появилось понимание, как работает бот и как его научить реагировать на пользователя.

- Было изучено то, как вообще строить правильные программы и то как их составлять так чтобы они работали именно так как ты хочешь.

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

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

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

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

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

Итак:

Было 60 000
За 2 недели было потрачено 10 тысяч.

За лендинг было получено 4000 — заняло 3 дней поначалу и то большую часть я учился.

За работу не связанную с лендингом и программированием - 7000. Это была работа на Эксмо как копирайтер. Это заняло у меня неделю.

В итоге я вышел в плюс даже.

61 000.

У меня появилась целая 1000 рублей которая считается чистым доходом. Это просто потрясающе ребята если честно.

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

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

Форма связи со мной:https://vk.com/cranepython

mr.crane.leather@yandex.ru