Блог

Блог дизайнера

Интересно о Веб-дизайне


Сила ничего: важность пустого пространства в дизайна
  • 17.05.2020

Сила ничего: важность пустого пространства в дизайна

Пустое пространство визуально улучшает контент

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

Подробнее

Свежая порция вдохновения: самые инновационные сайты 2019 года
  • 17.05.2020

Свежая порция вдохновения: самые инновационные сайты 2019 года

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

Подробнее

Как прокачиваться если нет времени
  • 17.05.2020

Как прокачиваться если нет времени

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

Подробнее

Как стать UX/UI дизайнером бесплатно и без опыта
  • 10.05.2020
  • 3 Comments

Как стать UX/UI дизайнером бесплатно и без опыта

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

  • Какие программы необходимо знать.
  • Как изучать и тренировать UI/UX-дизайн.
  • Нужно ли знать html- и css-вёрстку.
  • Какие курсы проходить и какие книги читать.
  • Где выставлять свое портфолио, как вести работу и назначать цену.
  • Как найти первого иностранного заказчика.
  • Необходимо ли сдавать английский экзамен (IELTS, TOEFL, etc).
  • Как сделать проект, если нет заказчика и опыта.
  • Как составить русское и английское резюме, чтобы оно цепляло.
  • Нужно ли покупать технику Apple.

Какие рабочие инструменты изучить

Если вы планируете работать в России, то нужно изучить:

  1. Figma — максимально
  2. Sketch — на начальном уровне (многие на российском рынке перешли на Figmа, но редкие запросы встречаются)
  3. Любой векторный редактор на начальном уровне (illustrator или CorelDraw)
  4. Любую программу для анимирования прототипов (InVision, Figmotion, Principle, Marvel.
  5. Photoshop — на среднем уровне, чтобы вырезать, редактировать картинку, замазывать ненужные элементы.
  6. Советую изучить After Effect для конкурентного преимущества и, чтобы делать себе эффектные презентации в Behance. Уверенных начальных знаний для этого достаточно, а дальше смотреть видеоуроки, когда требуется что-то конкретное сделать.
  7. 3D программы (3ds Max и Cinema 4D могут стать дополнительным плюсом в вашу сторону. Даже Сбербанк оценил этот навык, хотя в их вакансии такого запроса не было).
  8. Zeplin также желательно знать, но не в первую очередь.

Если вы планируете работать с иностранцами, то нужно изучить:

  1. Figma — максимально

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

Как стать UX/UI дизайнером бесплатно и без опыта

Нужно знать

UI —

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

Описание UI множество, но главное знать, чем руководствоваться рисуя интерфейс:

  1. Текстовая иерархия;
  2. Правила внутреннего и внешнего;
  3. Композиции;
  4. Визуальный баланс;
  5. Консистентность и отсутствие дыр;
  6. Ассоциации и образы вместо шума;
  7. Шрифты и шрифтовые пары;
  8. Правила типографики;
  9. Сетки;
  10. Подготовка к верстке (UI-kits и компоненты);

UX 

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

  1. Cбор информации с ответственных лиц;
Как стать UX/UI дизайнером бесплатно и без опыта
https://docs.google.com/document/d/15OiyqZMonS6BoywLvFJCfOKteZI07Pf5fo8FJEEJtH8/edit#

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

Нужно ли знать верстку (html и css)

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

  1. Сайт верстается по сетке из вертикальных колонок, условных горизонтальных, и квадратной пиксельной сетке (лучше 8px).
  2. Верстальщики думают блоками и эти блоки не могут наслаиваться друг на друга.
  3. Верстальщики все строят в системе цифр, это значит, что кнопка всегда должна быть одного и того же размера, так же, как и текст внутри нее должен всегда иметь одинаковые отступы по бокам внутри кнопки. Все обобщается в смысловые блоки и отступы этих блоков друг от друга всегда одинаковые.
  4. Нужно уметь создавать UI-kits с системой отступов (описанной выше).

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

Как стать UX/UI дизайнером бесплатно и без опыта

Как тренировать UI

Повышайте уровень насмотренности. Но не просто смотреть и старайтесь запомнить, а именно повторяйте, копируйте. Т.е. план действия примерно такой:

  1. Завести файл в Figma.

Такой способ нелегкий, быстро надоедает, ведь не дает моментальных результатов. Но он точно даст набор паттернов (примеров), которые будут у вас в памяти и в руках. Поэтому, когда вы начнете делать реальный проект, то у вас уже будут варианты дизайн-решений, которые вы умеете делать.Еще очень полезно менять работы. Например, взять приложение для ухода за цветами где есть график полива с напоминаниями и изменить на систему приема лекарств, создавая новое ui-решение.Такую тренировку можно выложить в dribbble и у вас будет впечатляющее портфолио UI-дизайнера.

Как тренировать UX

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

  1. Нарисуйте карту переходов (сделайте принскрины и положите в Figma).

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

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

.

Какие курсы проходить

В этом вопросе я придерживаюсь мнения, что помогают не курсы, а тренер, который преподает на курсах. Поэтому для своего развития я находила людей, которые могут быть моими менторами.Например, когда я старалась стать графическим дизайнером, то зашла на Freelancer.ru и нашла двух самых топовых дизайнеров. Написала им на почту, что меня впечатляют их труды, у меня уже проделан какой-то путь, а дальше мне нужен практикующий ментор, станьте моим тренером. И, удивительно, Камилла Бартенева согласилась быть моим тренером вот так вот просто, с одного письма невзирая на то, что она очень высокий специалист. По такому принципу я действовала и дальше, всегда есть тот, кто знает больше и очень часто люди делятся знаниями бесплатно.Несмотря на то, что я предпочитаю менторство, все равно периодически прохожу курсы и ux-марафоны, где нахожу для себя новую информацию. Вот моя подборка:

  1. Skillbox
  2. Бюро Горбунова
  3. WDI школа (я там преподавала и разделяю взгляды создателя в дизайне)
  4. Bang Bang Education
  5. UXboost (для опытных дизайнеров)
  6. Британская Школа Дизайна

Какие книги читать

По UX:

По UI:

  • Иоханнес Иттен «Искусство формы», «Искусство цвета»

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

Что еще полезно

У меня есть дополнительный список полезностей:

  1. Взять уроки живописи и научиться рисовать пейзажи

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

Как стать UX/UI дизайнером бесплатно и без опыта

Где выставлять свое портфолио

Есть две площадки для презентации своих работ Behance и Dribbble.

В dribbble хорошо выглядывать свои UI наработки, анимации и превью работ с Behance, как часть пиара.

В Behance лучше выставлять работы где сделано много экранов, есть UX-часть. Если вы получите ленточку/награду/Features от одной из галерей (их там много), то вы будете иметь конкурентное преимущество и, очень вероятно, станете получать заказы с Behance.

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

Как вести проект и когда говорить цену

Этапы работы на фрилансе отличаются от работы в студии или продуктовой компании.

Свою работу я начинаю с первичного интервью.

Ниже вопросы, которые помогут начинающим собрать информацию.

Как стать UX/UI дизайнером бесплатно и без опыта
https://docs.google.com/document/d/15uS9zLY2A0nYaYKmuoOxWyr4yIopeQQ9ZTa89gwlZGA/edit#

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

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

После того, как заказчик согласился на работу, идёт предоплата 30% и следующие шаги:

  1. Прототипирование. Userstory и прочие таблицы, схемы показывать не обязательно.

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

Как понять какую цену называть

В своей работе я поступаю так.

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

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

Как стать UX/UI дизайнером бесплатно и без опыта

Как найти работу без опыта и реализованных работ

  1. Делайте хорошую работу

Чтобы найти работу, самый верный способ — это сделать выдуманный кейс качественно. Есть отличный пример Дениса (пункт 6 в статье), который долгие годы работал в компании, а потом сделал выдуманные кейсы, благодаря которым получил рабочие приглашения и даже больше. Поступите так же, получите как минимум ленточку в Behance и писать начнут уже вам.

2. Присоеденитесь к единомышленникам

Если выполнить awesome job самостоятельно не получается, то присоеденитесь к тем, кто собирается это сделать.

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

3. Найдите верстальщика

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

4. Ищите стартаперов

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

5. Ищите в базе вакансий и предложений

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

Как составить резюме и CV для иностранцев

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

  1. Если вы меняеете специальность, пишите только про навыки из новой специальности. Ведь вас оценивают как UX/UI дизайнера. Внизу можно приписать, что вы были в руководящей должности в прошлом, но это дополнительный плюс, а не основной. Поэтому он внизу.

Прикрепляю свой пример CV для иностранцев.

Как стать UX/UI дизайнером бесплатно и без опыта

Думаю, что мое CV имеет недостатки, прикрепляю его как ориентир с чем я сейчас живу. Примеры лучше можно увидеть в этой книге “The CV Book:How to avoid the most common mistakes and write a winning CV” от James Innes

Как найти иностранного заказчика

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

Если решили искать заказчика сами, то обратите внимание на группы в Facebook:

В них много разных предложений, и мои знакомые дизайнеры часто находят там проекты. Я всегда получала предложения на Behance.

Нужно ли сдавать английский экзамен

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

IELTS я сдала в августе 2019 года, когда уже давно работала с иностранцами, поэтому, это не первостепенная вещь на которую стоит обратить внимание.

Я потратила все лето без отдыха, чтобы подготовиться к Ielts и сдать на 6.5 баллов. Это было сложно. Мне помогала девушка Алсу — удаленный учитель, но даже с ее проф. подготовкой, это только 20% вклада, остальные 80% труда шли с меня. За 3 месяца одной учебы у меня заметно ухудшился UI. Поэтому советую взвесить все за и против.

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

Как стать UX/UI дизайнером бесплатно и без опыта

Нужна ли техника Apple

Действительно есть много полезных программ, например, Sketch, Principle, которые работают только на платформе IOS. Все мои иностранные проекты я делаю в Figma, анимацию в After Effect, интерактивное прототипирование тоже в Figma. Поэтому можно смело сказать, что без техники Apple можно работать. Но все иностранные вакансии требуют Sketch, поэтому рано или поздно купить яболочный компьютер придется.

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

Чтобы создавать приложения для Iphone, конечно, лучше быть постоянным пользователем яблочных телефонов, чтобы понимать паттерн поведения элементов, но такие проблемы решаются разными способами:

  1. Есть множество статей, которые описывают как работает IOS и Android. Достаточно выучить чуть ли не наизусть вот эту статью. Так как вопросы про разницу платформ будут часто встречаться на собеседованиях.
  2. Когда создаете дизайн, пользуйтесь готовыми шаблонами от IOS
  3. Есть правила разработки приложений на IOS для разработчиков. Можно изучить их, но, к счастью, есть русский перевод 🙂
Как стать UX/UI дизайнером бесплатно и без опыта

Как стать арт-директором

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

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

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

.

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

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

Создайте свою ценность, научитесь делать работу лучше большинства, создайте резюме и откликнитесь на вакансии. Вы увидите, что арт-дирство не за облаками.

Самое главное не сдавайтесь! 🙂

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

Бонусная часть — полезные ссылки

Источник: ДизайнКабак

По материалам: infogra.ru

10 ресурсов с бесплатными саундтреками
  • 10.05.2020

10 ресурсов с бесплатными саундтреками

Электронная, классическая, инструментальная… Не знаете где найти легальную и бесплатную (или дешевую) музыку для вашего видео? Тогда наша подборка создана специально для вас!

01. Фонотека YouTube

10 ресурсов с бесплатными саундтреками

Самый простой и доступный источник для саундтреков — огромная база музыки видеохостинга YouTube, расположенная в специальном разделе. В фонотеке имеется три вкладки. «Бесплатная музыка» позволяет найти и скачать необходимый трек. Используя специальные фильтры (по жанру, настроению, инструментам, длительности или указанию авторства). Одни треки можно использовать без каких-либо обязательств, другие — с указанием авторства в описании вашего видео.

Есть нюанс. Согласно «Условиям использования», скачивая файлы из фонотеки, вы обязуетесь «распространять и воспроизводить композиции из этой библиотеки отдельно от видео и другого контента, в который вы их включили». Это значит, что теоретически вы не можете показывать ваше видео на фестивалях, по ТВ, на интернет-площадках и еще где-либо, кроме YouTube. Если вас это устраивает и вы не боитесь встроенной рекламы, то можете смело использовать композиции известных авторов. Предварительно проверив во вкладке «Музыка с рекламой», какие ограничения будут наложены на ваше видео. Чаще всего это касается показов в некоторых странах и согласия на воспроизведение рекламы перед началом видео.

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

02. Taketones.com

10 ресурсов с бесплатными саундтреками

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

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

Это не бесплатная библиотека, но помимо платных лицензий и подписки есть возможность скачивать музыку бесплатно по лицензии Creative Commons. Подходит для тех, кто использует музыку в личных целях или для некоммерческих проектов. Например, для роликов на YouTube-канале без монетизации и в социальных сетях.

Лицензия Creative Commons подразумевает указание авторства произведения. Если вы выкладываете свое видео в социальные сети, нужно дать ссылку на taketones.com в описании.

03. Music Store Vimeo

10 ресурсов с бесплатными саундтреками

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

В расширенном поиске можно указать тип желательной лицензии (различные вариации Creative Commons, лицензия для персонального или коммерческого использования), продолжительность композиции, наличие или отсутствие вокала. На сайте есть специальные разделы фонотеки: «Recommendations» — с наиболее популярными треками; «Customizable» — с платной профессиональной музыкой (стоимость треков колеблется от 30 до 150 долларов в зависимости от типа и срока лицензии); «Saved Tracks» и «My Downloads» — ваши избранные и скачанные треки, соответсвенно.

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

UPD: с 1 ноября 2016 года сервис прекратил свое существование, взамен Vimeo предлагает использовать альтернативные площадки.

04. Soundcloud

10 ресурсов с бесплатными саундтреками

Один из самых популярных ресурсов, на котором пользователи со всего мира выкладывают свою музыку. Чтобы найти нужный трек, наберите в поисковой строке ключевое слово. Отсортируйте результаты по трекам («Tracks») и выберете в фильтрах одну из двух лицензий Creative Commons («To modify commercially» либо «To use commercially»), чтобы найти то, что можно использовать в качестве саундтреков. Обратите внимание, что скачиваются только те записи, у которых есть кнопка «Download».

Мы настоятельно советуем зайти на страницу трека и проверить тип лицензии Creative Commons – иногда авторы выставляют определенные ограничения (подробнее о типах лицензий можно прочитать на официальном сайте организации). В большинстве случаев достаточно просто указать автора в титрах.

Чтобы найти нужный трек, придется перепробовать множество запросов (чаще всего на английском), разрываясь между различными жанрами. Советуем обратить внимание на британского композитора Dexter Britain, который выложил часть своих сочинений в открытый доступ (подробнее об условия использования его записей можно прочитать на его личном сайте).

05. Free Music Archive

10 ресурсов с бесплатными саундтреками

Одна из лучших баз бесплатной и хорошей музыки. Здесь находятся залежи всевозможных композиций. Которые можно отфильтровать по жанрам (всего 15), исполнителям, ключевым словам и другим параметрам. Причем абсолютно все треки находятся в свободном доступе с разницей лишь в типе лицензии Creative Commons.

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

06. Incompetech

10 ресурсов с бесплатными саундтреками

Сайт американского композитора Кевина Маклеода, на котором можно найти массу самых разнообразных треков. Выложенных в свободный доступ на условиях использования по лицензии Creative Commons BY («Атрибуция» — самый расширенный тип лицензии. Который позволяет брать произведение даже для коммерческих целей при условии указания авторства).

07. TimBeek

10 ресурсов с бесплатными саундтреками


А это ресурс нидерландского композитора Тима Бика, очень похожий по структуре и дизайну на incompetech.com. На данный момент музыкант выложил в открытый доступ 170 композиций. Распространяемых по лицензии Creative Commons BY.

08. FreeSound

10 ресурсов с бесплатными саундтреками

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

09. Musopen

10 ресурсов с бесплатными саундтреками

Библиотека классической музыки, в которой есть практически все популярные произведения известных композиторов. Аудиозаписи и партитуры отсортированы по нескольким рубрикам: имя композитора, исполнителя, инструменты, период и форма. Чтобы скачать какое-либо произведение, необходимо зарегистрироваться. А если нужен трек в отличном качестве, придется выложить от 4,58$ в месяц. В lite-версии есть еще ограничение на пять бесплатных скачиваний в день.

10. Audionautix

10 ресурсов с бесплатными саундтреками

Отличный «YouTube-френдли» ресурс с бесплатной музыкой и удобным поиском по жанрам, темпу и настроению (последнее — особенно удобная функция для режиссеров). По умолчанию все произведения предоставляются по лицензии Creative Commons BY 3.0 (Attribution). Которая позволяет изменять и использовать композиции в любых целях. В том числе и коммерческих при указании авторства.

11. Mobygratis

10 ресурсов с бесплатными саундтреками

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

Помимо пунктов «Название фильма» и «Режиссер», нужно оставить краткое описание проекта и сцены, в которой будет использоваться сочинение. Также указать, где будет демонстрироваться видео (фестивали, школьный проект, личное/домашнее видео) и поставить галочки под правилами использования. Говорят, эта процедура не такая страшная, как кажется, и что игра стоит свеч.

Источник: tvkinoradio.ru
Фото на обложке: ShutterStock

По материалам: infogra.ru

На карантине хорошо: 1200 виртуальных туров, лекций и фильмов / WAYUP
  • 10.05.2020

На карантине хорошо: 1200 виртуальных туров, лекций и фильмов / WAYUP

TED-Education 

https://www.youtube.com/user/TEDEducation

TED — это о предпринимательстве, философии, науке, культуре и образовании. Прогрессивные идеи, креативные мысли, примеры успешных персон. Там 1648 видео: о психологии нарциссизма, Фриде Кало, дизайне городских флагов, природе астмы и многих других явлениях. 

Берлинская филармония

https://www.digitalconcerthall.com/en/tickets?a=bph_webseite&c=true

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

На карантине хорошо: 1200 виртуальных туров, лекций и фильмов / WAYUP

Google Arts & Culture

https://artsandculture.google.com/

Google Arts & Culture — это 1200 виртуальных туров по историческим и культурным местам, достопримечательностям со всего мира. Ты сможешь побывать в музее Метрополитен в Нью-Йорке, в садах Версаля и в самом дворце, в музее Гуггенхайма в Испании. Каждая работа в экспозициях сфотографирована с нескольких ракурсов, у каждого места — текст. 

Garage Museum: лекции об искусстве и культуре на русском

https://www.youtube.com/channel/UCSZujkjLtAKbTCieGdpDP5Q

Гараж — это музей современного искусства в Москве. При институции создана мощная образовательная платформа. В плейлистах на канале Гаража ты найдешь лекции и семинары от культурологов, художников и искусствоведов: от ХIX века до современности. 

Метрополитен Опера

Нью-Йоркская опера еще неделю транслирует лучшие спектакли бесплатно. 

Расписание: https://www.metopera.org/about/press-releases/met-to-launch-nightly-met-opera-streams-a-free-series-of-encore-live-in-hd-presentations-streamed-on-the-company-website-during-the-coronavirus-closure/

Трансляции на главной странице: https://www.metopera.org/

На карантине хорошо: 1200 виртуальных туров, лекций и фильмов / WAYUP

IDFA — документальное кино

Международный фестиваль документального кино в Амстердаме открыл бесплатный доступ к 200 фильмам. Просто заходи и смотри: 

https://www.idfa.nl/en/info/watch-films-online

По материалам: wayup.in

За что можно сказать коронавирусу спасибо
  • 10.05.2020

За что можно сказать коронавирусу спасибо

Замедление ритма жизни 

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

Если ты живешь в большом городе, то эта пауза — реальное облегчение. Никаких ранних подъемов (если только на удаленке тебе не поставили строгий график), автобусов/метро и пробок на дорогах. Теперь у тебя намного больше времени, можно замедлить походку, не проверять мессенджер так часто и не бояться опоздать. 

Снижение потребления

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

Если не покупать 20 упаковок туалетной бумаги и ящики консервов, то ситуация с карантином поможет сэкономить денег. 

За что можно сказать коронавирусу спасибо / WAYUP

Сделать отложенные дела

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

Экологии станет лучше 

Из-за сотен отмененных перелетов и закрытых авиасоединений выброс углекислого газа (СО2) в атмосферу сокращается. Это именно то, за что так боролись последние несколько лет экоактивисты. 

Что делать, чтобы чувствовать себя лучше

Читай статистику правильно

https://www.worldometers.info/coronavirus/

Новости говорят: 136 000 человек заболели. ОГРОМНОЕ УГРОЖАЮЩЕЕ ЧИСЛО. НО. 

Это — общее число случаев. Из них — 75 000 — закрытых и 70 500 — излечившихся. 

Активных случаев — 60 000. Если дела будут идти так же, то и из них 56 000 — излечатся. 

Принимай витамины и правильно питайся

Пей 1 грамм витамина С в сутки + магний, цинк и железо. Омега 3-6-9. Употребляй не меньше 1-го грамма белка на килограмм веса.

Брось вредные привычки 

Откажись от алкоголя. Брось курить. Высыпайся. Хотя бы на это время. Это укрепит иммунитет и в целом поможет чувствовать себя лучше. 

Больше общайся с близкими 

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

Сохраняй продуктивность

Скука — лучший друг тревоги. Проводи время с пользой. Читай книги, смотри кино, занимайся спортом, твори. 

И еще раз, все будет хорошо.

По материалам: wayup.in

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up
  • 10.05.2020

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up

Правила для регистрации (Sign Up) 

Проси только самую важную информацию 

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

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up  / WAYUP

Раздели обязательные и необязательные поля

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

Покажи безопасность пароля, но не останавливай юзера

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

Показывай сразу ошибки в форме 

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

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up  / WAYUP

Предлагай альтернативу существующего имейла

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

Правила для входа (Sign In)

Сброс пароля переносит вписанный имейл в новую форму 

Представь: 

  • пытаешься войти на сайт 
  • аккаунт под таким мейлом уже существует 
  • выбираешь сброс пароля 
  • открывается новая форма
  • нужно вводить мейл заново
  • !!!

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

Предложи сброс пароля после 3-й неудачной попытки

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

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up  / WAYUP

В мобильных приложениях — on-device аутентификация

На многих девайсах есть внутренняя опция входа: fingerprint ID или faceID. Если твое приложение для платформы с такой возможностью — пусть вход в него осуществляется с помощью того же fingerprint ID. Не заставляй пользователя вводить имейл и ждать смс с кодом доступа, когда он может подтвердить правдивость себя одним прикосновением пальца.

Упрощай 2-уровневую аутентификацию 

Самая быстрая и простая двухуровневая аутентификация — это email + push-уведомление. Это всегда работает, если у пользователя есть доступ к двум девайсам: логин и устройство для верификации — ему остается только тапнуть на сообщение “Да, это я пытаюсь войти”. 

По материалам: wayup.in

Как я стал мидлом за месяц. Обзор на дизайн-интенсив Миши Розова (в картинках)
  • 28.04.2020
  • 1 Комментарий

Как я стал мидлом за месяц. Обзор на дизайн-интенсив Миши Розова (в картинках)

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

Подробнее

У бесплатного инструмента Google для начинающих кодеров появилась десктопная версия
  • 22.04.2020

У бесплатного инструмента Google для начинающих кодеров появилась десктопная версия

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

Подробнее

Кто такой UX-writer и почему с ним сайт и приложение получатся лучше
  • 22.04.2020

Кто такой UX-writer и почему с ним сайт и приложение получатся лучше

Копирайтинг — информативность и реклама, UX-райтинг — прозрачность и интуитивность

В большинстве веб-студий убеждены, что копирайтер пишет все: описание продукта/сервиса, новость из жизни бренда, текст на странице ошибки 404 и письмо для имейл-рассылки. Будущее за мультизадачностью, но пока мы не живем в идеальном мире, эти задачи лучше распределить между двумя специалистами. 

Подробнее

Финансы на фрилансе: как договариваться с заказчиками, чтобы не терять деньги
  • 22.04.2020

Финансы на фрилансе: как договариваться с заказчиками, чтобы не терять деньги

Бесплатные тестовые задания — только для крутых компаний 

Бесплатные тестовые стоит выполнять только когда на кону Remote Job в хорошей компании или если у вас нет ни одной работы в портфолио.

Подробнее

Adobe Illustrator – укротитель кривых и повелитель векторов
  • 21.04.2020

Adobe Illustrator – укротитель кривых и повелитель векторов

Illustrator – культовая программа экосистемы Adobe Systems, родилась в далёком 1985 году. Первая версия обрела название по фамилии недооценённого при жизни Пабло Пикассо, но не повторила участь тёзки – за 30 с лишним лет завоевала доверие и признание миллионов графических дизайнеров.

Подробнее

Скетчинг как быстрый способ донести идею. Первые шаги дизайнера
  • 21.04.2020

Скетчинг как быстрый способ донести идею. Первые шаги дизайнера

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

Подробнее

28 вредных советов для начинающих художников
  • 13.04.2020

28 вредных советов для начинающих художников

Хотите стать настоящим художником? Что ж, выбранная вами профессия трудна, но очень интересна!

Подробнее

5 вещей, которые никогда нельзя говорить дизайнеру
  • 13.04.2020
  • 1 Комментарий

5 вещей, которые никогда нельзя говорить дизайнеру

Краткий перевод статьи “10 things you should NEVER ask a designer” от команды Go Designer.

Подробнее

Логотипы, показывающие недостатки своих продуктов
  • 13.04.2020

Логотипы, показывающие недостатки своих продуктов

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

Макдональдс — ожирение, Gillette — порезы, Старбакс — чрезмерное потребление кофеина и так далее.

Подробнее

Секрет успешного общения с заказчиком
  • 13.04.2020

Секрет успешного общения с заказчиком

Надеемся, теперь у вас будет все хорошо 🙂

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

Подробнее

30 пословиц и поговорок для специалистов медиасферы
  • 13.04.2020

30 пословиц и поговорок для специалистов медиасферы

Антон Молодцов — CEO & Founder «Образовательный маркетинг» — составил список из 30 пословиц и поговорок для специалистов медиасферы.

Подробнее

Как UX-копирайтинг помогает создавать классный дизайн
  • 10.04.2020

Как UX-копирайтинг помогает создавать классный дизайн

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

Подробнее

Как сделать тестовое задание UX/UI дизайнеру: примеры и 10 советов
  • 10.04.2020
  • 1 Комментарий

Как сделать тестовое задание UX/UI дизайнеру: примеры и 10 советов

Наталия Тарасова рассказывает как делала тестовое задание на позицию UX/UI дизайнера в Wildberries: какие шаги выполняла и какой получился результат.

Подробнее

Как перейти на Figma, если ты пользователь Sketch
  • 10.04.2020

Как перейти на Figma, если ты пользователь Sketch

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

Подробнее

Как создавать темные темы. Руководство от Superhuman
  • 10.04.2020

Как создавать темные темы. Руководство от Superhuman

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

Подробнее

65 уроков по Figma для новичков: Интерфейс, работа, компоненты
  • 02.04.2020

65 уроков по Figma для новичков: Интерфейс, работа, компоненты

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

Подробнее

Бесплатный курс по After Effects: 18 уроков
  • 02.04.2020

Бесплатный курс по After Effects: 18 уроков

Освойте Adobe After Effects за 18 уроков: от базовой анимации до 3D и правильных настроек рендера.

Подробнее

35 коротких видео по работе в Photoshop для новичков
  • 02.04.2020

35 коротких видео по работе в Photoshop для новичков

Как быстро освоить Photoshop? Смотрите подборку полезных лайфхаков.

Подробнее

Курсы дизайна: 45 предложений от верстки до иллюстраций
  • 02.04.2020
  • 3 Comments

Курсы дизайна: 45 предложений от верстки до иллюстраций

Знания — отличная подмога творчеству. Собрали все лучшие курсы дизайна в одном месте. Читайте наш гид и выбирайте местечко по душе!

Подробнее

20 карточек по основам Photoshop
  • 02.04.2020

20 карточек по основам Photoshop

Разберитесь в наиболее популярных инструментах Photoshop, изучая их по карточкам — простой, удобный и понятный формат.

Подробнее

7 практических советов по улучшению дизайна
  • 01.04.2020
  • 3 Comments

7 практических советов по улучшению дизайна

Улучшайте дизайн при помощи тактики, а не таланта.

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

Подробнее

Мануал как за год вырастить дизайнера: подборка учебников и видео
  • 01.04.2020

Мануал как за год вырастить дизайнера: подборка учебников и видео

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

Подробнее

Портфолио дизайнера: Что? Сколько? Как? Где?
  • 01.04.2020

Портфолио дизайнера: Что? Сколько? Как? Где?

Нужно ли портфолио профессиональному дизайнеру? А если нужно – сколько работ в нем должно быть? Давайте разбираться!

Подробнее

Создать сайт без строчки кода: Профессиональный онлайн-конструктор Pixli
  • 01.04.2020
  • 1 Комментарий

Создать сайт без строчки кода: Профессиональный онлайн-конструктор Pixli

Что отличает веб-дизайнера от крутого веб-дизайнера? Нет, не скачанная подборка «9 000 лучших кириллических шрифтов». И не пройденные курсы «Как сделать сайт за 1 миллион лежа на диване с телефоном».

Подробнее

5 полезных фишек Photoshop
  • 01.04.2020
  • 1 Комментарий

5 полезных фишек Photoshop

1. По-возможности, устанавливайте английскую версию Photoshop

Подробнее

17 коротких текстовых сообщений: как исправить главный минус фриланса
  • 31.03.2020

17 коротких текстовых сообщений: как исправить главный минус фриланса

Определите ключевых игроков 

Выделите основных сотрудников, с которыми у вас общие задачи и постарайтесь создать прямой контакт. Во многих компаниях для связи используют групповые чаты в Telegram/Messenger. Но обычно коммуницировать в конфе, где еще ~10 человек — неудобно. Попытка обсудить с веб-разработчиком баг на странице или другой рабочий момент, перерастает в общую дискуссию. Неизбежно еще кто-то начинает сыпать инсайтами, пожеланиями. В итоге флуд не дает нормально высказать позицию и закрыть задачу. 

Подробнее

Кейс: как NGN Agency создавали дизайн сайта к 100-летию Citroën
  • 31.03.2020

Кейс: как NGN Agency создавали дизайн сайта к 100-летию Citroën

В этом году Citroën исполнилось 100 лет. Главный офис Citroën подготовил несколько больших активностей. Например, был открыт цифровой музей Citroën Origins, где можно просмотреть все модели, выпускавшиеся производителем за это время.

Подробнее

3 крутые идеи, как сделать CAPTCHA менее раздражающей
  • 31.03.2020

3 крутые идеи, как сделать CAPTCHA менее раздражающей

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

Подробнее

7 UI/UX Challenges, которые прокачают твои навыки
  • 30.03.2020
  • 1 Комментарий

7 UI/UX Challenges, которые прокачают твои навыки

Как устроены челленджи? 

Челлендж — это серия заданий в определенном периоде времени.

Подробнее

8 грехов в дизайне интерфейса, которые заставят пользователя закрыть твой сайт
  • 30.03.2020

8 грехов в дизайне интерфейса, которые заставят пользователя закрыть твой сайт

Много креатива — мало юзабилити

Один из трендов в дизайне интерфейсов 2020 — сочетание фотографии и графики. А еще — hand-drawn элементы и светящиеся футуристические цвета. Но все это — формальные решения. Когда речь идет о UI/UX, то информативность и юзабилити первичны. Опирайся на опыт, потребности и привычки пользователя. Предугадывай реакции, давай только нужный контент. Пусть путь к цели будет максимально простым и понятным. И потом уже думай, как сделать, чтобы сайт выглядел круто.

Подробнее

5 полезных расширений Chrome, которые должен попробовать каждый веб-дизайнер
  • 30.03.2020

5 полезных расширений Chrome, которые должен попробовать каждый веб-дизайнер

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

Подробнее

5 советов, как контролировать внимание пользователя на вашем сайте
  • 30.03.2020

5 советов, как контролировать внимание пользователя на вашем сайте

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

Подробнее

Веб-дизайнеры создали самый ужасный UI в истории
  • 28.03.2020
  • 1 Комментарий

Веб-дизайнеры создали самый ужасный UI в истории

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

Если вы специально ищете что-то глупое и недалекое, то User Inyerface – идеальное решение для вас, которое демонстрирует разочаровывающие последствия плохого пользовательского интерфейса. Сайт создан бельгийским агентством цифровых продуктов Bagaar.

Подробнее

Подборка лучших дизайнов страницы 404: от крутых анимаций до 8-битных игр
  • 28.03.2020
  • 1 Комментарий

Подборка лучших дизайнов страницы 404: от крутых анимаций до 8-битных игр

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

Поэтому, когда в следующий раз вы будете разрабатывать сайт, почему бы не разнообразить опыт пользователя и предложить «Страница не найдена» с анимацией и играми? Ниже представлены примеры лучших страниц с ошибкой 404 в сети. Вдохновляйтесь!

Подробнее

Как создать навигацию сайта, которая взорвет конверсию
  • 28.03.2020

Как создать навигацию сайта, которая взорвет конверсию

Тренды в веб-дизайне 2020

Фул-блек 

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

Подробнее

Библиотека UI/UX: 7 топ нон-фикшенов по дизайну интерфейсов
  • 28.03.2020

Библиотека UI/UX: 7 топ нон-фикшенов по дизайну интерфейсов

Алан Купер, “Об интерфейсе”

Книга Алана Купера “Об интерфейсе/About the Face” научит тебя понимать цели пользователей и проектировать интерфейс, исходя из их потребностей и уровней подготовки. 

Подробнее

Грядущие тренды и направления развития фронтенд-разработки
  • 26.11.2019
  • 2 Comments

Грядущие тренды и направления развития фронтенд-разработки

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

Подробнее

Саморазвитие дизайнера: 11 способов
  • 21.11.2019

Саморазвитие дизайнера: 11 способов

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

Подробнее

В копилку дизайнера: 6 классных кириллических шрифтов
  • 12.11.2019

В копилку дизайнера: 6 классных кириллических шрифтов

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

Подробнее

3 тенденции, которые навсегда изменили графический дизайн
  • 07.11.2019
  • 1 Комментарий

3 тенденции, которые навсегда изменили графический дизайн

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

Подробнее

Полное руководство по правильному использованию анимации в UX
  • 06.11.2019

Полное руководство по правильному использованию анимации в UX

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

Подробнее

Выбор цвета при создании дизайна сайта
  • 06.11.2019
  • 1 Комментарий

Выбор цвета при создании дизайна сайта

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

Подробнее

10 ключевых концепций веб-дизайна
  • 06.11.2019
  • 1 Комментарий

10 ключевых концепций веб-дизайна

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

Подробнее

«Покажи мне свою идею!»: Составляем дизайн-мудборд
  • 05.11.2019

«Покажи мне свою идею!»: Составляем дизайн-мудборд

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

Подробнее

Самый подробный гайд: как создать идеальную цветовую схему
  • 05.11.2019

Самый подробный гайд: как создать идеальную цветовую схему

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

Подробнее

Зачем ломать границы в письмах?
  • 05.11.2019
  • 1 Комментарий

Зачем ломать границы в письмах?

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

Подробнее

Тренды веб-дизайна 2020: девяностые возвращаются!
  • 03.11.2019

Тренды веб-дизайна 2020: девяностые возвращаются!

Ох, 90-е… Эта эпоха дала нам столько всего. Гранж был на подъеме, восточное побережье воевало с западным в хип-хопе.

Подробнее

60+ крутых бесплатных уроков по Adobe Photoshop
  • 02.11.2019
  • 1 Комментарий

60+ крутых бесплатных уроков по Adobe Photoshop

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

Подробнее

Чат-боты: для чего они нужны и как их создать?
  • 29.10.2019

Чат-боты: для чего они нужны и как их создать?

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

Профессии будущего: кто такой технический дизайнер?
  • 29.10.2019
  • 1 Комментарий

Профессии будущего: кто такой технический дизайнер?

 

Часто между разработчиками и дизайнерами возникают споры – кто из них играет главную роль. Задайте этот вопрос HR-менеджеру, и вы получите ответ вроде, “Обе команды одинаково важны”. Это ерунда. Подробнее

Дизайн и верстка лендинга 10 причин
  • 17.09.2019

Дизайн и верстка лендинга 10 причин

Цель: разработка лендинга для туристической компании «В путь». Знакомство с направлением и деятельностью компании. Привлечение новых клиентов через знакомство с интересной статьёй на тему: 10 причин почему путешествия лучшая форма образования. Подробнее

Гештальт-принципы в дизайне
  • 10.09.2019

Гештальт-принципы в дизайне

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

Плакат к фильму Lala land
  • 27.08.2019

Плакат к фильму Lala land

Погружение в разработку плаката для фильма. Проработка деталей. Знакомство с новыми эффектами Photoshop на примере плаката. Третья композиция из курса Супер Photoshop

Рекламный баннер к фильму Star wars
  • 27.08.2019

Рекламный баннер к фильму Star wars

Изучение новых эффектов. На примере разработки баннера для фильма. Углублённая работа с дизайном. Результат второго урока, курс Супер Photoshop.

Афиша к фильму Ghost in the shell
  • 27.08.2019

Афиша к фильму Ghost in the shell

Разработка афиши в Photosop с применением эффектов. Углублённое знакомство с Photoshop на курсе «Супер Photoshop».  Результат первого урока

 

Дизайн Falcon Dragon
  • 26.07.2019

Дизайн Falcon Dragon

Вдохновившись трансляцией запуска Falcon Dragon 9, решил создать макет первого экрана, посвященного этому запуску. Подробнее

Дизайн 28.06
  • 28.06.2019

Дизайн 28.06

Дизайн карточки товара интернет магазина.

Первый этап создания макета — прототипирование: Подробнее

Редизайн 18.06
  • 18.06.2019

Редизайн 18.06

Новый проект для вдохновения найден на просторах Behance. Автор проекта: Dist lemoto
Первым этапом при созданий дизайна был прототип макета: Подробнее

Редизайн 17.06
  • 17.06.2019

Редизайн 17.06

Макет для обработки был найден на Behance. Автор макета: Ihor Saveli Подробнее

Редизайн 16.06
  • 16.06.2019

Редизайн 16.06

Проект для вдохновения был найден на просторах Behance. Автор проекта: Manuel Rovira Подробнее

Редизайн 15.06
  • 15.06.2019

Редизайн 15.06

Макет для вдохновения был найден на просторах Dribble. Автор: Antonela Ferrari Подробнее