Openbravo-rus.ru

Образование по русски
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Веб дизайн онлайн

Онлайн сервисы для веб дизайна

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

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

Веб-сервисы разработчикам и дизайнерам №15 — генераторы, цветовые палитры, CSS

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

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

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

MixaPixa — полноценный моушн-дизайн и анимированные баннеры без After Effects

Когда вам требуется создать красивые промо-ролики или анимированные gif/html5 баннеры для видео-маркетинговой кампании, то совсем не обязательно использовать навороченные программы моушн-дизайна. Сегодня рассмотрим достойную их альтернативу в виде облачного сервиса MixaPixa.com. Он был специально создан для тех юзеров, которым профессиональный After Effects кажется слишком сложным и избыточным, а функциональности онлайн-редакторов Canva или Crello недостаточно для реализации всех творческих идей по части анимации. Слайды для простоты…

Как сделать калькулятор для сайта без программирования с помощью stepFORM

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

Font Combination Tool — подбор комбинаций шрифтов для сайта (+удачных 10 примеров)

Если у вас есть два сильных акцента в дизайне, конкурирующие между собой (будь то иллюстрации, цвета или шрифты), важно сохранять баланс и максимально аккуратно совмещать их вместе. Онлайн инструмент Font Combination Tool от Bold Web Design поможет отыскать эффективные комбинации шрифтов + ниже мы продемонстрируем парочку интересных вариантов. Он отлично впишется в компанию других онлайн сервисов подбора шрифтов для сайтов, рассмотренных ранее. Изначально задача комбинирования кажется…

Полезные сервисы дизайнеру №14 — для веб-разработки, email-рассылок, шрифтов и др.

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

FontDrop — сервис для просмотра символов шрифтов онлайн

Как правило, крупные онлайновые каталоги шрифтов, например, такие как архивы шрифтов на русском языке не просто включают в себя файлы для скачивания, но и позволяют посмотреть входящие в них символы. Это удобно, когда вам требуется подобрать буквы, имеющие определенный специфический вид. Увидеть их сможете прямо на сайте без необходимости загружать на компьютер. Сегодня рассмотрим задачу, похожую по тематике, но «противоположную» по своей сути. Допустим, у вас…

Сервисы для распознавания шрифтов онлайн — по картинке, текстовые, расширения браузеров

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

Обзор сервиса «Без Обмана 24/7» — разоблачения онлайн аферистов и не только

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

Инструменты для UX/UI дизайна: UXPin, Mason, Interfacer и Webflow

Эффективность любого веб-ресурса во многом зависит от степени успешности его взаимодействия с пользователем, т.е. юзабилити и удачного UI/UX дизайна. Если сайт сложен в использовании, то его посетители с высокой долей вероятности найдут и выберут что-то другое. Однако если юзер получит положительное впечатление, то он не только будет пользоваться этим продуктом сам, но и станет рекомендовать его знакомым. В данной статье мы рассмотрим лучшие инструменты для создания хорошего юзабилити….

Baxov.Net — обзоры сомнительных проектов и мошеннических схем в сети

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

Используем Canva для создания презентаций онлайн (советы, сохранение в PowerPoint)

Презентация — это один из лучших способов визуализации данных, подачи их в структурированном и последовательном виде. Часто используется во время публичных выступлений и докладов, поскольку помогает вашей аудитории воспринимать информацию через несколько каналов, а значит, запомнить больше. Для создания презентаций сегодня есть много разных программ. Одна из самых известных — PowerPoint (часть офисного MS пакета), однако у нее существует масса альтернатив, что могут работать и на стационарном…

Интересные дизайнерские веб-сервисы №13: PNG, иллюстрации, иконки…

Что-то в этом году, как и в прошлом, никак не получается собирать каждый месяц по одной полноценной подборке веб-проектов с краткими обзорами. Прошлый 12-тый выпуск вышел аж в январе. В нем можете почитать про сервисы Emoji и скриншотов, использование шритов + посмотреть парочку вариантов скроллинга (горизонтальный, диагональный и др.). Сегодня в статье полезных ссылок будет чуть меньше, но старались выбрать реально самые полезные из недавно…

Эффективное веб дизайн обучение: 10 бесплатных курсов для тех, кто хочет создать сайт

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

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

Читать еще:  Дизайн интерьера уроки онлайн бесплатно

Мы подобрали для вас 10 интересных онлайн-курсов по веб-дизайну и созданию сайтов. Все они бесплатны и подходят для новичков. Выбирайте самый интересный курс и открывайте для себя секреты веб-индустрии!

Онлайн курсы по созданию сайтов

”Как создать сайт за 5 дней” от MotoCMS

  • Формат: e-mail курс
  • Продолжительность: 5 дней
  • Сертификат: Да

Этот e-mail курс — настоящая находка для новичков. В нем вы узнаете, как создать свой веб-ресурс с помощью адаптивного конструктора сайтов MotoCMS. В течение курса вы научитесь выбирать хостинг и домен для сайта, работать с админ панелью MotoCMS, создавать новые страницы и разделы сайта, работать над дизайном и настраивать витжеты.

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

HTML Academy

  • Формат: интерактивный курс
  • Продолжительность: 3 недели
  • Сертификат: Нет

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

Курс состоит из интерактивных заданий, при выполнении которых вы научитесь создавать HTML-страницы, оформлять их с помощью каскадных таблиц стилей (CSS), работать с LESS и создавать SVG-фигуры. В процессе занятий вас будет сопровождать очаровательный инструктор — кот Кекс, поэтому скучать не придется!

”Введение в веб-разработку” от Hexlet

  • Формат:текстовые руководства
  • Продолжительность:1 час
  • Сертификат:Нет

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

”Изучите HTML и CSS за несколько часов”

  • Формат: видеокурс
  • Продолжительность: 4,5 часа
  • Сертификат: Да

Этот авторский курс от веб-разработчика Сергея Никонова наверняка поможет вам приобрести важные базовые навыки и научит писать код. В течение курса вы научитесь создавать верстку сайтов на HTML и CSS, работать с текстовым редактором Sublime Text 3 и плагинами для него, а также научитесь создавать адаптивные сайты. Помимо 20 видео-лекций студентам также доступно 10 дополнительных ресурсов для лучшего усвоения материала. При необходимости вы сможете задать вопрос преподавателю или прочесть ответы на вопросы других студентов.

Руководство от Mozilla Firefox

  • Формат:текстовое руководство
  • Сертификат:Нет

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

Веб дизайн обучение

”Веб-дизайн с высокого старта” от Magisters

  • Формат: видеокурс
  • Продолжительность: 1,5 часа
  • Сертификат: Нет

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

”Основы веб-дизайна” от Geekbrains

  • Формат: видеокурс
  • Продолжительность: 1,5 недели
  • Сертификат: Да

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

”Веб-дизайнер: взрывной старт” от Wayup

  • Формат: видеокурс
  • Продолжительность: 7 лекций
  • Сертификат: Да

Обычно проект Wayup предлагает платное веб дизайн обучение, но этот курс стал исключением. Прослушав 7 видеолекций, вы научитесь работать с Adobe Photoshop, будете понимать архитектуру веб-приложений и сможете создавать адаптивные сайты. В течение курса вам будут предложены домашние задания, за которые наставник сможет выставлять оценки. Разумеется, у вас также будет возможность пообщаться с наставником и задать ему вопросы.

”Дизайн сайта-портфолио в Photoshop” от Loftblog

  • Формат: видеокурс
  • Продолжительность: 47 минут
  • Сертификат: Нет

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

Примечание: Эти плагины упростят вашу работу с редактором Photoshop.

”Веб-дизайн: практический курс создания лендинга”

  • Формат: видеокурс
  • Продолжительность: 1 день
  • Сертификат: Нет

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

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

Надеемся, что ваше веб дизайн обучение будет эффективным и вы достигнете желаемого результата. Удачи вам и вдохновения! А если проект уже готов, и Вам нужен хороший хостинг пря проектов – в качестве бонуса, вы можете купить хостинг на год от нашего партнера Inmotion всего за 1$.

25 онлайн-курсов
по веб и UX дизайну

Автор теоретического курса «Дизайн в цифровой среде» — Никита Обухов, основатель Tilda Publishing.

Курс — результат 15 лет практики в веб-дизайне, которая накопилась в работе над заказами для Альфа-Банка, Британской высшей школы дизайна, Bazelevs и курированию курса по веб-дизайну в БВШД.

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

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

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

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

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

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

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

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

Читать еще:  Дизайн интерьера курсы онлайн

Работа над дизайном продукта производится на пяти уровнях:

На курсе студенты учатся выявлять сегменты и потребности пользователей, разрабатывать Customer Journey Map, проектировать удобные интерфейсы: тестировать гипотезы и создавать прототипы, проводить юзабилити-тестирование и формировать Lean-UX стратегию.

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

Плата за знания — 44 900 рублей, в дни промоакций — 42 900 рублей.

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

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

Среди преподавателей школы лидеры дизайн-индустрии: Александр Ковальский, Сергей
Мосякин, Максим Десятых , Александра Ермоленко и другие.

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

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

Школа Артема Горбунова имеет четкую цель: «Выпускать классных коммерческих дизайнеров, заточенных на решение проблемы и способных аргументировать принятые решения».

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

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

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

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

Курс Skillbox совместно с AIC, которые разработали дизайн для МТС Банка, Тинькофф Банка, Ростелекома, Битрикс-24.

Обучение длится 16 недель, авторы программы советуют уделять 3−4 часа в день на занятия. Всего в курсе 14 тем и бонусных блоков. В каждой теме по несколько видеоуроков с домашними заданиями. Нельзя перейти к следующей теме, пока не выполнено предыдущее домашнее задание.

В процессе у слушателя накопится пять работ для портфолио по UX аналитике. После прохождения курса выдают диплом и обещают стажировку у партнеров курса — AIC, Grape и Moksell.

В отличие от большинства онлайн-академий с подписками, пользователи Udemy платят за каждый выбранный курс по отдельности. На сайте выложены 40 тысяч программ по дизайну, маркетингу, бизнесу и IT. Дэвид Тревис, UX консультант Skype и eBay, ведет самый популярный курс по UX. На Udemy у него 8 тысяч выпускников и полторы тысячи отзывов с оценкой выше 4.

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

Курс состоит из 12 часов видео, а с домашними заданиями студенты, как правило, выделяют 2−3 недели на его завершение. Стоимость курса — 195 долларов, по праздникам Udemy делает скидки до 75%.

На Skillshare можно найти много онлайн курсов по UX дизайну и фронтенд разработке. Удобно оформить подписку (первый месяц бесплатно) и пройти сразу несколько коротких курсов. На SkillShare популярны короткие обучающие видео (как научиться пользоваться Adobe Illustrator за час), так и более длительные учебные программы на 3 и 6 часов — как создать дизайн сайта или научиться основам CSS.

Отдельно стоит упомянуть курс Виталия Фридмана, основателя онлайн-журнала Smashing Magazine для профессионалов в веб-дизайне и разработке. Курс рассчитан на UX и UI дизайнеров, разработчиков и IT предпринимателей, которые хотят улучшить то, что уже делают. Поэтому, вместо основ дизайна и теории, Виталий разбирает практические UX трюки и техники, которые помогли повысить конверсию, продажи или доставили пользователю удовольствие. Или не помогли, в этом случае Виталий объяснит, почему.

Весь курс строится на личном опыте Фридмана и кейсах компаний, с которыми он работал, и длится 1,5 часа. За эту лекцию и доступ ко всей базе обучающих видео Skillshare пользователь платит 8 долларов в месяц. И хотя школа не выдает сертификаты, полученные практические знания быстро окупят символическую стоимость подписки.

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

Начинающий дизайнер, маркетолог или предприниматель может выбрать курс дизайн-стратегии и общения с клиентом через интерфейс. Занятия ведет Кристофер Ирланд, профессор Калифорнийского колледжа искусств и консультант Intel, Apple и Pepsi. 8 недель студенты будут смотреть на процесс создания бизнеса вокруг дизайна, как это делали в Airbnb и Netflix.

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

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

За учеником закрепляется ментор, с которым он будет созваниваться каждую неделю для проверки домашнего задания и получения рекомендаций. Ментора не выбирают. И хотя в проекте участвуют дизайнеры Hubspot, Basecamp, Uber и Shopify, учеников и менторов объединяют просто — по временной зоне.

Стоимость курса — 399 долларов. За эти деньги ученик получает 4 недели занятий по 10 часов, 4 персональные консультации ментора и 6 проектов в портфолио. Для учащихся в университетах организаторы предлагают скидки.

Если после завершения курса UX-дизайна студент хочет продолжить обучение, он может пойти в UX академию — длительный курс обучения за $ 5999. В академии он идет 26 недель по 20 часов в неделю. Если студент не планирует работать параллельно с обучением, он может заниматься 40 часов в неделю и завершить обучение за 16 недель.

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

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

Виртуальная школа графического дизайнера Creativshik. com – есть бесплатные и платные курсы.

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

  • БЕСПЛАТНЫЙ Трехнедельныйemail-курс “Как Самоучка Может Стать Отличным Дизайнером”
    Вы узнаете что делать тем, кто по каким-либо причинам не может себе позволить изучать графический дизайн в ВУЗе. И как в этом случае стать успешным дизайнером и что для этого необходимо.в принципе это набор из его статей на блоге, но удобно, то, что они будут приходить на почту и постепенно.
  • БЕСПЛАТНЫЙ курс «AdobePhotoshopдля дизайна полиграфии и рекламы.» Вводная часть
    Вводная часть тренинга состоит из шести видеоуроков: * Вводный урок. Интерфейс программы. * Понятие пикселя. Растровая и векторная графика. * Цветовые модели CMYK и RGB. * Работа с Adobe Bridge. * Навигация по документу. Палитры «История» и «Навигатор». * Типы файлов, используемых в Photoshop. – Здесь самые основы Photoshop, курс будет интересен тем, кто осваивает программу или хочет систематизировать свои знания.
  • БЕСПЛАТНЫЙ видео-курс «Узнайте как на самом деле создается креативный дизайн»Вы узнаете как быстро продумать концепцию дизайна и воплотить ее в полноценном эскизе с помощью Adobe Photoshop. Поймете тонкости взаимоотношений между идейным вдохновителем (арт-руководителем) и кропотливым исполнителем (фотошопером).здесь рассказывается о внутренней кухне всего процесса разработки дизайна, что очень полезно для людей которые не работали в профессиональной команде, но собираются в нее вступить, например, устроившись на работу в офис. Ведь многие дизайнеры, насколько бы креативными они ни были, зачастую оказываются неготовыми к сложностям общения не то, что с заказчиком, но и с коллективом внутри команды.
Читать еще:  Графический дизайн онлайн

В свое время Боб Поташник мне очень помог с пониманием азов дизайна. Композиция, колористика, типографика – все это было для меня, как лес дремучий. Я считала, что все это очень сложно. Мудреные книги больше запутывали, чем объясняли. А вот Боб, являющийся самоучкой, сумел построить и объяснить в своем 6-часовом курсе все так, что многое стало понятным и простым. Сегодня автор модернизировал курс и включил в него много нового и интересного. Он называется…

Курс «Интенсив по графическому дизайну 2.0» , и стоит всего 1390 р. Описание на странице курса.

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

4 отличных сервиса для создания прототипов сайтов

Время чтения | 5 min read

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

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

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

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

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

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

Wireframe.cc

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

Для создание наброска потребовалась одна минута:

А если посидеть чуть дольше:

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

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

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

InVision App

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

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

Прайс довольно демократичный. Возможность создания трех и более проектов от $15. Если вы собираетесь работать только над одним проектом, можно пользоваться сервисом неограниченное время.

NinjaMock

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

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

Пример макета страницы Toster.ru, из официального блога NinjaMock на Хабре:

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

Moqups.com

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

Библиотека Moqups содержит сотни элементов, которые можно использовать для «конструирования» сайтов, сервисов, настольных и мобильных приложений. Создаете страницу (можно сортировать по папкам), и просто перетаскиваете на холст нужный объект из вкладки «Stensils»:

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

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

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

Ложка дегтя в Moqups – аккаунт платный. Базовый тариф $19 в месяц включает до 10 проектов. На мой взгляд дороговато для жителей тех стран, чьей национальной валютой не является доллар США.

Стоит ли использовать такие сервисы?

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

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

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

А вы используете сервисы для создания прототипов в своей работе? Как часто и для чего?

Ссылка на основную публикацию
Adblock
detector