101 бесплатный сервис для дизайнера
Всем привет. Сегодня я хотела бы поделиться с вами полезной информацией, а именно, ссылками на ресурсы с крутыми уроками и курсами для самостоятельного обучения дизайну. Это будет особенно полезно для новичков и людей, которые хотят быть в курсе последних новинок в мире дизайна. Я расскажу о тех сайтах, которые оказались полезными для меня и будут интересны не только веб-дизайнерам, но и графическим, 3d дизайнерам и т.д. Естественно, список можно продолжать до бесконечности и будет здорово, если вы поделитесь своими источниками в комментариях.
Прежде чем перейти к списку ресурсов, которые я лично использовала в своем обучении, хочу порекомендовать вам удобный агрегатор онлайн курсов tutortop.ru . Там собраны все курсы онлайн-школ по дизайну и другим направлениям, что несомненно очень удобно. Так же есть список действующих акций и скидок на онлайн-курсы, которые могут быть очень привлекательными. И конечно отзывы пользователей уже воспользовавшихся услугами компаний, по которым можно выбрать действительно достойный онлайн университет.
Виртуальная школа графического дизайнера Creativshik. com – есть бесплатные и платные курсы.
Автор блога – Боб Поташник. Самоучка. Дизайнер, построивший свою карьеру совершенно самостоятельно. В своих курсах он не только креативно и доходчиво рассказывает о том, как стать профессиональным дизайнером, не закачивая учебного заведения, но и дает конкретные практические советы сам и с помощью своих партнеров.
- БЕСПЛАТНЫЙ Трехнедельныйemail-курс “Как Самоучка Может Стать Отличным Дизайнером”
Вы узнаете что делать тем, кто по каким-либо причинам не может себе позволить изучать графический дизайн в ВУЗе. И как в этом случае стать успешным дизайнером и что для этого необходимо.–в принципе это набор из его статей на блоге, но удобно, то, что они будут приходить на почту и постепенно.
- БЕСПЛАТНЫЙ курс «AdobePhotoshopдля дизайна полиграфии и рекламы.» Вводная часть
Вводная часть тренинга состоит из шести видеоуроков: * Вводный урок. Интерфейс программы. * Понятие пикселя. Растровая и векторная графика. * Цветовые модели CMYK и RGB. * Работа с Adobe Bridge. * Навигация по документу. Палитры «История» и «Навигатор». * Типы файлов, используемых в Photoshop. – Здесь самые основы Photoshop, курс будет интересен тем, кто осваивает программу или хочет систематизировать свои знания.
- БЕСПЛАТНЫЙ видео-курс «Узнайте как на самом деле создается креативный дизайн»Вы узнаете как быстро продумать концепцию дизайна и воплотить ее в полноценном эскизе с помощью Adobe Photoshop. Поймете тонкости взаимоотношений между идейным вдохновителем (арт-руководителем) и кропотливым исполнителем (фотошопером).–здесь рассказывается о внутренней кухне всего процесса разработки дизайна, что очень полезно для людей которые не работали в профессиональной команде, но собираются в нее вступить, например, устроившись на работу в офис. Ведь многие дизайнеры, насколько бы креативными они ни были, зачастую оказываются неготовыми к сложностям общения не то, что с заказчиком, но и с коллективом внутри команды.
В свое время Боб Поташник мне очень помог с пониманием азов дизайна. Композиция, колористика, типографика – все это было для меня, как лес дремучий. Я считала, что все это очень сложно. Мудреные книги больше запутывали, чем объясняли. А вот Боб, являющийся самоучкой, сумел построить и объяснить в своем 6-часовом курсе все так, что многое стало понятным и простым. Сегодня автор модернизировал курс и включил в него много нового и интересного. Он называется…
Курс «Интенсив по графическому дизайну 2.0» , и стоит всего 1390 р. Описание на странице курса.
Это не реклама, а рекомендация ресурса, который, когда-то помог и мне. Тем более, что у автора можно поучиться и совершенно бесплатно с помощью материалов, описанных в начале статьи или с помощью блога. На своем сайте он публикует статьи, посвященные графическому дизайну, композиции, техникам разработки идей, типографике и многому другому. Все изложено просто и понятно. Вы можете подписаться на обновления блога или серфить его самостоятельно. Я рекомендую начать с самых первых статей. Для этого перейдите на блог сайта .
20 бесплатных инструментов и сервисов для графических дизайнеров
Проектирование графических интерфейсов всегда являлось важной частью цифрового мира. Графическое проектирование используют практически все крупные бренды и компании – в наше время без качественного дизайна никак не обойтись. Широко используется графика и в киноиндустрии. Графические дизайнеры являются высокооплачиваемыми специалистами, которые способны создавать с помощью компьютера целые миры и в этом им помогают многочисленные программы, с помощью которых можно реализовать любую идею. Тем не менее, несмотря на множество полезного софта, дизайнеры всегда находятся в поиске новых инструментов, которые помогут упростить их работу.
Неважно, кем является дизайнер, профессионалом или любителем, если он хочет развиваться и улучшать свои навыки, он должен постоянно отслеживать появление новых инструментов и сервисов. При этом желательно, чтобы такие инструменты были бесплатными или хотя бы не слишком дорогими. И очень хорошо, что они есть. Freelance.Today предлагает вашему вниманию 25 бесплатных инструментов для графических дизайнеров.
Inkscape – это бесплатный редактор векторной графики с открытым исходным кодом. Он очень похож на Adobe illustrator, Corel Draw, Freehand и Xara X. Отличие Inkscape заключается в использовании Scalable Vector Graphic (SVG) в качестве основного формата. Дизайнеры, хорошо знакомые с векторной графикой, без труда освоят эту программу. В программе можно создавать проекты любой сложности. Готовые работы можно публиковать в интернете или распечатывать на физических носителях. Inkscape является кроссплатформенным редактором, его можно установить на компьютере с ОС Windows, Mac OS и Linux.
С помощью инструмента Fontstruct можно очень легко создавать свои собственные шрифты на основе геометрических фигур. Процесс создания шрифта происходит в редакторе FontStructor. После того, как проектирование закончено, инструмент создаст TrueType-шрифт, готовый для использования в любом приложении. Новый шрифт можно использовать для личных проектов, но создатели сервиса рекомендуют делиться своими творениями с другими участниками сообщества Fontstruct.
CheckMyColors – это бесплатный онлайн-сервис для анализа цветового оформления сайта. Если цветовая гамма неудачная, то сервис укажет на ошибки. Начинающие веб-дизайнеры часто не уделяют внимания гармоничному сочетанию фона и основных элементов дизайна, поэтому, чтобы подстраховаться, стоит использовать инструмент CheckMyColors, который использует алгоритмы консорциума W3C. С помощью данного сервиса можно определить, хорошо ли элементы контрастируют между собой. Если обнаружится, что цвет какого-либо элемента не соответствует фону, то сервис отметит найденную ошибку.
Графический редактор Fhoto! – это мощное многофункциональное программное обеспечение, которое предлагает полный набор инструментов для редактирования изображений. В нем есть все, что может понадобиться владельцу цифровой камеры. С помощью сервиса можно исправить или улучшить свои фотографии: убрать эффект красных глаз, подкорректировать цветовую гамму изображения, добавить различные эффекты. С помощью инструмента Denoise можно быстро удалить цветовой шум из неудачной фотографии, сделанной в условиях плохого освещения. Многие пользователи также смогут по достоинству оценить инструмент Make Up, который предлагает отличный набор средств для ретуши.
Интерактивный векторный редактор Skencil – это мощный и гибкий инструмент для создания иллюстраций, графиков, диаграмм, баннеров, иконок и многого другого. Особенностью данного графического редактора является реализация всего функционала на высокоуровневом языке программирования Python. Текущий релиз программы подходит для профессионального использования.
Какой дизайнер не знает о GIMP! Удобный и доступный редактор изображений используют тысячи дизайнеров и фотографов по всему миру. В GIMP есть все, что может понадобиться для работы с растровой графикой, в том числе и очень удобные инструменты для управления цветом. Данный функционал позволит создать файлы с гарантированной передачей, которые будут одинаково хорошо смотреться как на дисплеях компьютеров и мобильных устройств, так и на физических носителей.
Fatpaint – это универсальное онлайн-приложение для графического дизайна. В нем дизайнер найдет значительно больше инструментов и ресурсов для создания графики, чем в других подобных онлайн-редакторах. Fatpaint содержит векторный редактор изображений, планировщик веб-страниц, фоторедактор с расширенным функционалом. В Fatpaint имеется свыше тысячи встроенных шрифтов и несколько тысяч предустановленных векторных клипартов.
Нечасто на просторах интернета встречаются бесплатные программы, созданные не только для дизайнеров и иллюстраторов, но и для художников. ArtRage как раз из таких. Кроссплатформенная программа способна имитировать реальную живопись, позволяя художнику в полной мере реализовать свои навыки в новой для него цифровой среде. Если вы хотите на время оставить холсты и краски и начать создавать цифровые изображения, то стоит обратить свое внимание на графический редактор ArtRage. Программа невероятно проста в использовании, с ней сможет работать как новичок, так и профессионал. Работа над редактором велась совместно с настоящими художниками, которые советовали, как улучшить функционал для более достоверного отображения эффектов, имитирующих масляную живопись, акварель, каллиграфию и другие виды изобразительного искусства.
Как следует из названия, Autotracer это бесплатный онлайн-редактор для векторизации цифровых изображений. Программа может конвертировать растровые изображения JPEG, GIF и PNG в файлы с масштабируемой векторной графикой. Изображения можно трассировать в форматы EPS, SVG, AI и PDF. Для работы не требуется регистрироваться или оставлять свой адрес электронной почты. Достаточно лишь загрузить файл с компьютера или вставить URL картинки, выбрать нужный векторный формат, указать количество цветов перед векторизацией и нажать кнопку Start.
Генератор «рыбы». Данный инструмент попал в список полезных инструментов для графических дизайнеров не только потому, что он предлагает различные варианты создания демонстрационного текста. Lorem Ipsum (Greeking) Generator находится на ресурсе, который может очень пригодиться в работе. Помимо самого генератора на сайте designerstoolbox.com можно найти много полезного: размеры стандартных конвертов, информацию о форматах бумаги, символы HTML, интернет-шрифты и т.д. Если нужна онлайн-шпаргалка на все случае жизни – стоит обязательно поставить данный сайт в закладки браузера.
Данный инструмент первоначально распространялся VSCO с целю дать пользователям возможность сократить время работы при редактировании изображений в Adobe Photoshop Lightroom. В 2015 году работа над проектом была прекращена, а сам продукт был выложен в свободный доступ. Несмотря на прекращение поддержки, инструмент доступен для пользователей, в нем присутствуют все необходимые для работы ресурсы.
Visual Hunt – это тысячи бесплатных высококачественных фотографий, собранных в одном месте. Создатели сервиса действительно охотятся за бесплатными изображениями, проверяя различные онлайн-источники. Большинство изображений имеют лицензию СС0, то есть их можно использовать безо всяких ограничений. Также на сайте можно найти изображения, распространяемые по лицензии Creative Commons. Сервис позволяет вставлять изображения непосредственно с сайта, без скачивания файлов на жесткий диск компьютера.
Многие дизайнеры нередко сталкиваются с необходимостью создания схем, графиков и диаграмм. Есть множество бесплатных инструментов для этого, но сервис OmniGraffle очень сильно выделяется на их фоне. Создатели данного инструмента сумели найти золотую середину, сумев создать редактор с широкими возможностями, доступный буквально всем. Создавать схемы в OmniGraffle очень просто – для этого есть все необходимое. Пользователю нужно лишь выбрать подходящий шаблон с базовыми элементами и начать изменять объекты схемы с помощью панели Inspectors.
Vectr – это бесплатное дизайн-приложение для создания самых разных графических проектов, от принтов для футболок до полноценной графики для веб-сайтов. Vectr имеет простой и интуитивно понятный интерфейс и позволяет экспортировать созданные файлы в режиме реального времени. Также в инструменте предусмотрен функционал, позволяющий обмениваться информацией между различными устройствами, что делает его удобным средством для командного проектирования.
FontForge это удобное приложение, позволяющее создавать, изменять и конвертировать шрифты в множестве форматов. Поддерживаемые форматы шрифтов: PostScript (Type1, Type3, Type0), TrueType, OpenType (Type2), CID (CID-keyed), multi-master, CFF, SVG, BDF, Datafork TrueType и др. Программа бесплатная, однако при этом имеет большое количество настроек и инструментов.
Новые инструменты для создания прототипов сайтов и приложений появляются постоянно. Но далеко не всякая программа позволит презентовать свой проект в полноэкранном режиме на целом ряде устройств. С помощью инструмента Origami это стало возможно. Origami является мощным программным обеспечением для создания современных прототипов любого уровня сложности. С его помощью можно очень быстро собрать прототип и тут же запустить его на iPhone или iPad. Origami был создан дизайнерами Facebook и по сути является плагином среды виртуального программирования Qartz Composer. Прототип создается путем подключение патчей друг к другу. Очень удобно, когда нужно показать принципы работы приложения без необходимости писать код.
Adobe Keyboard Shortcut Visualizer создаёт в веб-браузере виртуальную клавиатуру, на которой отображаются более 1000 горячих клавиш для приложений Photoshop, Illustrator и InDesign. По умолчанию инструмент показывает сочетания клавиш для глобального контекста того или иного редактора (то есть наиболее широко употребляемые горячие клавиши). Однако, если нужно найти горячие клавиши для конкретного инструмента, режима или окна, можно воспользоваться окошком над виртуальной клавиатурой, чтобы выбрать желаемый контекст.
В попытках ускорить время загрузки веб-страниц, многие веб-разработчики, стремились уменьшить вес шрифтов, что отражалось на качестве типографики. С помощью бесплатной библиотеки Briсk можно подобрать шрифты, которые будут качественно отображаться всеми современными браузерами.
Для разработчиков, использующих AngularJS, Angular Material является основой UI-компонентов для эталонной реализации спецификаций Google Material Design. Этот инструмент представляет собой набор наиболее распространенных, хорошо проверенных и доступных компонентов пользовательского интерфейса на основе Material Design.
Gravit – один из самых продвинутых бесплатных инструментов разработки для дизайнеров и не-дизайнеров. С помощью Gravit можно легко создавать красивые логотипы, визитные карточки, веб-сайты, обложки для социальных медиа. Мощный функционал Gravit позволит создать великолепный дизайн без особых усилий.
20 бесплатных инструментов и сервисов для графических дизайнеров
Проектирование графических интерфейсов всегда являлось важной частью цифрового мира. Графическое проектирование используют практически все крупные бренды и компании – в наше время без качественного дизайна никак не обойтись. Широко используется графика и в киноиндустрии. Графические дизайнеры являются высокооплачиваемыми специалистами, которые способны создавать с помощью компьютера целые миры и в этом им помогают многочисленные программы, с помощью которых можно реализовать любую идею. Тем не менее, несмотря на множество полезного софта, дизайнеры всегда находятся в поиске новых инструментов, которые помогут упростить их работу.
Неважно, кем является дизайнер, профессионалом или любителем, если он хочет развиваться и улучшать свои навыки, он должен постоянно отслеживать появление новых инструментов и сервисов. При этом желательно, чтобы такие инструменты были бесплатными или хотя бы не слишком дорогими. И очень хорошо, что они есть. Freelance.Today предлагает вашему вниманию 25 бесплатных инструментов для графических дизайнеров.
Inkscape – это бесплатный редактор векторной графики с открытым исходным кодом. Он очень похож на Adobe illustrator, Corel Draw, Freehand и Xara X. Отличие Inkscape заключается в использовании Scalable Vector Graphic (SVG) в качестве основного формата. Дизайнеры, хорошо знакомые с векторной графикой, без труда освоят эту программу. В программе можно создавать проекты любой сложности. Готовые работы можно публиковать в интернете или распечатывать на физических носителях. Inkscape является кроссплатформенным редактором, его можно установить на компьютере с ОС Windows, Mac OS и Linux.
С помощью инструмента Fontstruct можно очень легко создавать свои собственные шрифты на основе геометрических фигур. Процесс создания шрифта происходит в редакторе FontStructor. После того, как проектирование закончено, инструмент создаст TrueType-шрифт, готовый для использования в любом приложении. Новый шрифт можно использовать для личных проектов, но создатели сервиса рекомендуют делиться своими творениями с другими участниками сообщества Fontstruct.
CheckMyColors – это бесплатный онлайн-сервис для анализа цветового оформления сайта. Если цветовая гамма неудачная, то сервис укажет на ошибки. Начинающие веб-дизайнеры часто не уделяют внимания гармоничному сочетанию фона и основных элементов дизайна, поэтому, чтобы подстраховаться, стоит использовать инструмент CheckMyColors, который использует алгоритмы консорциума W3C. С помощью данного сервиса можно определить, хорошо ли элементы контрастируют между собой. Если обнаружится, что цвет какого-либо элемента не соответствует фону, то сервис отметит найденную ошибку.
Графический редактор Fhoto! – это мощное многофункциональное программное обеспечение, которое предлагает полный набор инструментов для редактирования изображений. В нем есть все, что может понадобиться владельцу цифровой камеры. С помощью сервиса можно исправить или улучшить свои фотографии: убрать эффект красных глаз, подкорректировать цветовую гамму изображения, добавить различные эффекты. С помощью инструмента Denoise можно быстро удалить цветовой шум из неудачной фотографии, сделанной в условиях плохого освещения. Многие пользователи также смогут по достоинству оценить инструмент Make Up, который предлагает отличный набор средств для ретуши.
Интерактивный векторный редактор Skencil – это мощный и гибкий инструмент для создания иллюстраций, графиков, диаграмм, баннеров, иконок и многого другого. Особенностью данного графического редактора является реализация всего функционала на высокоуровневом языке программирования Python. Текущий релиз программы подходит для профессионального использования.
Какой дизайнер не знает о GIMP! Удобный и доступный редактор изображений используют тысячи дизайнеров и фотографов по всему миру. В GIMP есть все, что может понадобиться для работы с растровой графикой, в том числе и очень удобные инструменты для управления цветом. Данный функционал позволит создать файлы с гарантированной передачей, которые будут одинаково хорошо смотреться как на дисплеях компьютеров и мобильных устройств, так и на физических носителей.
Fatpaint – это универсальное онлайн-приложение для графического дизайна. В нем дизайнер найдет значительно больше инструментов и ресурсов для создания графики, чем в других подобных онлайн-редакторах. Fatpaint содержит векторный редактор изображений, планировщик веб-страниц, фоторедактор с расширенным функционалом. В Fatpaint имеется свыше тысячи встроенных шрифтов и несколько тысяч предустановленных векторных клипартов.
Нечасто на просторах интернета встречаются бесплатные программы, созданные не только для дизайнеров и иллюстраторов, но и для художников. ArtRage как раз из таких. Кроссплатформенная программа способна имитировать реальную живопись, позволяя художнику в полной мере реализовать свои навыки в новой для него цифровой среде. Если вы хотите на время оставить холсты и краски и начать создавать цифровые изображения, то стоит обратить свое внимание на графический редактор ArtRage. Программа невероятно проста в использовании, с ней сможет работать как новичок, так и профессионал. Работа над редактором велась совместно с настоящими художниками, которые советовали, как улучшить функционал для более достоверного отображения эффектов, имитирующих масляную живопись, акварель, каллиграфию и другие виды изобразительного искусства.
Как следует из названия, Autotracer это бесплатный онлайн-редактор для векторизации цифровых изображений. Программа может конвертировать растровые изображения JPEG, GIF и PNG в файлы с масштабируемой векторной графикой. Изображения можно трассировать в форматы EPS, SVG, AI и PDF. Для работы не требуется регистрироваться или оставлять свой адрес электронной почты. Достаточно лишь загрузить файл с компьютера или вставить URL картинки, выбрать нужный векторный формат, указать количество цветов перед векторизацией и нажать кнопку Start.
Генератор «рыбы». Данный инструмент попал в список полезных инструментов для графических дизайнеров не только потому, что он предлагает различные варианты создания демонстрационного текста. Lorem Ipsum (Greeking) Generator находится на ресурсе, который может очень пригодиться в работе. Помимо самого генератора на сайте designerstoolbox.com можно найти много полезного: размеры стандартных конвертов, информацию о форматах бумаги, символы HTML, интернет-шрифты и т.д. Если нужна онлайн-шпаргалка на все случае жизни – стоит обязательно поставить данный сайт в закладки браузера.
Данный инструмент первоначально распространялся VSCO с целю дать пользователям возможность сократить время работы при редактировании изображений в Adobe Photoshop Lightroom. В 2015 году работа над проектом была прекращена, а сам продукт был выложен в свободный доступ. Несмотря на прекращение поддержки, инструмент доступен для пользователей, в нем присутствуют все необходимые для работы ресурсы.
Visual Hunt – это тысячи бесплатных высококачественных фотографий, собранных в одном месте. Создатели сервиса действительно охотятся за бесплатными изображениями, проверяя различные онлайн-источники. Большинство изображений имеют лицензию СС0, то есть их можно использовать безо всяких ограничений. Также на сайте можно найти изображения, распространяемые по лицензии Creative Commons. Сервис позволяет вставлять изображения непосредственно с сайта, без скачивания файлов на жесткий диск компьютера.
Многие дизайнеры нередко сталкиваются с необходимостью создания схем, графиков и диаграмм. Есть множество бесплатных инструментов для этого, но сервис OmniGraffle очень сильно выделяется на их фоне. Создатели данного инструмента сумели найти золотую середину, сумев создать редактор с широкими возможностями, доступный буквально всем. Создавать схемы в OmniGraffle очень просто – для этого есть все необходимое. Пользователю нужно лишь выбрать подходящий шаблон с базовыми элементами и начать изменять объекты схемы с помощью панели Inspectors.
Vectr – это бесплатное дизайн-приложение для создания самых разных графических проектов, от принтов для футболок до полноценной графики для веб-сайтов. Vectr имеет простой и интуитивно понятный интерфейс и позволяет экспортировать созданные файлы в режиме реального времени. Также в инструменте предусмотрен функционал, позволяющий обмениваться информацией между различными устройствами, что делает его удобным средством для командного проектирования.
FontForge это удобное приложение, позволяющее создавать, изменять и конвертировать шрифты в множестве форматов. Поддерживаемые форматы шрифтов: PostScript (Type1, Type3, Type0), TrueType, OpenType (Type2), CID (CID-keyed), multi-master, CFF, SVG, BDF, Datafork TrueType и др. Программа бесплатная, однако при этом имеет большое количество настроек и инструментов.
Новые инструменты для создания прототипов сайтов и приложений появляются постоянно. Но далеко не всякая программа позволит презентовать свой проект в полноэкранном режиме на целом ряде устройств. С помощью инструмента Origami это стало возможно. Origami является мощным программным обеспечением для создания современных прототипов любого уровня сложности. С его помощью можно очень быстро собрать прототип и тут же запустить его на iPhone или iPad. Origami был создан дизайнерами Facebook и по сути является плагином среды виртуального программирования Qartz Composer. Прототип создается путем подключение патчей друг к другу. Очень удобно, когда нужно показать принципы работы приложения без необходимости писать код.
Adobe Keyboard Shortcut Visualizer создаёт в веб-браузере виртуальную клавиатуру, на которой отображаются более 1000 горячих клавиш для приложений Photoshop, Illustrator и InDesign. По умолчанию инструмент показывает сочетания клавиш для глобального контекста того или иного редактора (то есть наиболее широко употребляемые горячие клавиши). Однако, если нужно найти горячие клавиши для конкретного инструмента, режима или окна, можно воспользоваться окошком над виртуальной клавиатурой, чтобы выбрать желаемый контекст.
В попытках ускорить время загрузки веб-страниц, многие веб-разработчики, стремились уменьшить вес шрифтов, что отражалось на качестве типографики. С помощью бесплатной библиотеки Briсk можно подобрать шрифты, которые будут качественно отображаться всеми современными браузерами.
Для разработчиков, использующих AngularJS, Angular Material является основой UI-компонентов для эталонной реализации спецификаций Google Material Design. Этот инструмент представляет собой набор наиболее распространенных, хорошо проверенных и доступных компонентов пользовательского интерфейса на основе Material Design.
Gravit – один из самых продвинутых бесплатных инструментов разработки для дизайнеров и не-дизайнеров. С помощью Gravit можно легко создавать красивые логотипы, визитные карточки, веб-сайты, обложки для социальных медиа. Мощный функционал Gravit позволит создать великолепный дизайн без особых усилий.
Онлайн сервисы для веб дизайна
В наши дни наблюдается такая тенденция, что многие программы, которые работали локально постепенно «перекочевывают» в интернет либо же обзаводятся онлайн сервисами аналогами. Это, в принципе, не удивительно, так как подобный подход имеет массу преимуществ — олнайн сервис не нужно устанавливать, его можно использовать с любого компьютера где бы вы ни были.
Данный раздел блога посвящен полезным онлайн сервисам для веб дизайна и всех дизайнеров. Часть из них позволяет выполнять простые операции, например, создавать и обрабатывать иконки, другие же являются полноценными и крупными онлайн проектами для дизайнеров, позволяющие, допустим организовать свое портфолио, заниматься проектированием. Сюда же можно отнести разные графические редакторы векторной и растровой графики.
Полезные дизайнерские онлайн инструменты №16 и немного вдохновения
С момента публикации прошлой подборки полезных веб-сервисов №15 прошло немало времени, и у нас накопилась масса новых интересных ссылок, которыми хочется с вами поделиться. Их насколько много, что они все физически не помещаются в один пост. Поэтому разделим ее на две части — второй блок с классными онлайн-проектами ожидайте через несколько недель. Сегодня будем говорить про генераторы, паттерны, цвета, логотипы, UX-элементы и др. Линки традиционно…
Веб-сервисы разработчикам и дизайнерам №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 пакета), однако у нее существует масса альтернатив, что могут работать и на стационарном…
Дизайн без дизайнера: 5 сервисов для создания изображений
Однажды вам понадобится создать изображение: для поста в соцсетях, блога или таргетированной рекламы. Осваивать ради этого Фотошоп долго. Заказывать каждую картинку у дизайнера — дорого. На выручку придут сервисы дизайна для недизайнеров — они простые, и в них можно «собрать» качественное изображение за несколько минут.
Почти все сервисы, о которых мы говорим в этой статье, англоязычные. Некоторые частично русифицированы, другие нет. Но разобраться в них просто, даже если вы не знаете английский.
Canva
- Сайт:www.canva.com
- Язык: английский, русский
- Бесплатная версия: есть, с незначительными ограничениями по функционалу
- Платная версия: от $12 в месяц за пользователя. Есть 30-дневный пробный период
Главный плюс Canva — огромное количество дизайнерских шаблонов и фотографий. В платной версии, по сообщению разработчиков, их около миллиона. В бесплатной — меньше, но все равно много. Свои картинки загружать тоже можно.
8 произвольных шаблонов из категории Facebook Post. Но вообще их список (слева) кажется бесконечным
В Canva есть 62 типа изображений под разные цели. Можно делать картинки для соцсетей: квадратные — для Инстаграма и «Вконтакте», прямоугольные — для Фейсбука. Оформляйте слайды для презентаций, рисуйте обложки для буклетов… Если нужно — установите свой размер изображения.
Все шаблоны распределены по категориям — для соцсетей, документов, блогов, рассылок, событий.
Наведите курсор на изображение, чтобы узнать его точный размер
Выбираем тип изображения — открывается основной редактор. Там можно подобрать:
- стоковые фото;
- рамки, формы и фигуры;
- иконки и иллюстрации.
Для примера создадим картинку для аккаунта в Инстаграм.
Слева — шаблон, справа — картинка для Инстаграма на его основе. Сделано за 2 минуты
Еще здесь можно создавать графики, диаграммы и гистограммы. Они простенькие, но симпатичные.
Настраиваются все значения по осям координат. Можно изменить цветовую палитру линий
Все картинки скачиваются в трех форматах: PNG, JPEG или PDF.
Что раздражает — бесплатные картинки и шаблоны перемешаны с платными. Иногда видишь отличное фото в списке, но за него надо заплатить $1. Неприятно. Но это мелочи, и Canva все равно остается удобным сервисом.
Relay
- Сайт:relaythat.com
- Язык: английский
- Бесплатная версия: есть, можно скачать 10 созданных изображений в месяц
- Платная версия: $25/месяц. Больше макетов, неограниченная выгрузка изображений
Relay — конструктор картинок, заточенный под работу с шаблонами. Шаблоны здесь негибкие. Менять расположение функциональных элементов нельзя. Зато можно загрузить свои изображения или добавить надписи.
Есть почти одинаковые шаблоны для картинок разных размеров
Шаблоны в Relay тоже распределены по категориям. Больше всего шаблонов — для социальных сетей, но есть макеты для инфографики, обложек, коллажей и не только.
Редактор выглядит так:
Здесь загружаем фото, меняем текст, играемся с цветом. Ненужные элементы можно отключить — например, убрать поле с хэштегом
Работать в редакторе просто: каждому элементу шаблона соответствует значок или текстовое поле справа. Давайте превратим этот черно-белый шаблон в обложку бизнес-аккаунта на Фейсбуке.
Блиц-обложка за 2 минуты
Кириллических шрифтов мало, но они есть. Свои шрифты нельзя загрузить даже в платной версии.
Загружаемые фотографии можно тут же обработать: растянуть или сжать, наложить фильтры, настроить прозрачность.
Relay хорош своей простотой и прямолинейностью. Мы словно рисуем по трафарету. Если надо сделать картинку «на коленке» без изысков — сервис подойдет. Создать шедевр не получится, но Relay не для этого.
Pixlr
- Сайт:pixlr.com
- Язык: английский, русский
- Бесплатная версия: есть
- Платная версия: нет
Pixlr — это аналог Фотошопа, только проще и в браузере. Предусмотрены два режима: Editor и Express. В Editor мы работаем со слоями и создаем изображения, в Express обрабатываем их — применяем фильтры, эффекты, накладки.
Меню и функционал в Pixlr Editor— почти как в Фотошопе. Внутри все на русском языке
Хотя в Editor тоже можно работать с визуальными эффектами, в Express их гораздо больше (как и вариантов применения). Можно просто скорректировать цвета или превратить безобидную картинку в модный психоделический постер.
А вот Pixlr Express не русифицирован, но этого и не нужно — разобраться здесь легко
Еще есть интересный дополнительный режим O-matic . Он позволяет стилизовать фото под старинный снимок и наложить необычные эффекты.
Если хотите получить «волшебные» фото, которые точно привлекут внимание в ленте — вам пригодится Pixlr O-matic
Pixlr — более сложный инструмент, чем Canva и Relay. Здесь нет шаблонов и макетов, зато и возможностей больше. Если неохота устанавливать Фотошоп — используйте Pixlr.
BigHugeLabs
- Сайт:bighugelabs.com
- Язык: английский
- Бесплатная версия: есть
- Платная версия: нет
BigHugeLabs специализируется на нестандартных изображениях. В списке — билборды, календари, обложки для CD-дисков и много чего еще.
Загрузить картинки для обработки можно с компьютера или из своего аккаунта в Facebook или Flickr. В некоторых разделах есть бесплатные стоковые изображения.
Часть форматов изображений, которые можно создать в BigHugeLabs
Редактор простой: выбираем нужный формат и изображения, применяем эффекты, нажимаем Create и смотрим, что получилось. Иногда получается очень интересно.
Слева — коллаж в стиле полароидных снимков, справа — поп-арт постер
Можно нарисовать карту, стилизовать картинки под почтовые марки или просто сделать красивый фон для рабочего стола.
А раздел Lolcat Generator — для создания мемов
Вообще-то сервис предполагает, что мы создадим из фотографий пазл, постер или обложку, а затем купим это в печатном виде. Но можно просто скачать интересную картинку в формате JPG и использовать ее как угодно.
Magisto
- Сайт:www.magisto.com
- Язык: английский
- Бесплатная версия: есть, бесплатный период — 7 дней
- Платная версия: от $2,49 в месяц
Это сервис для создания видео. Здесь можно делать простенькие ролики: загрузить, нарезать и смонтировать «сырые» видеозаписи, добавить аудио, темы и фоновые изображения.
Работа проходит в 3 этапа. Мы выбираем:
- картинки и ролики, из которых будем составлять видео (до 10 фото и до 15 минут видео);
- стиль редактирования;
- аудиодорожку (загружаем свою или выбираем один из базовых треков).
Затем сервис сам отбирает лучшие кадры и фото, монтирует их воедино, добавляет аудио и показывает нам готовый ролик. Это занимает в среднем от 2 до 15-20 минут.
3 минуты — и готов ролик, переделанный из трейлера «Трансформеров»
С сервисом нужно осваиваться — сразу хорошие ролики не получатся. Но он гораздо проще профессиональных видеоредакторов и работает прямо в браузере. В платной версии можно добавлять в ролики логотип и информацию о компании, делать титры и самостоятельно работать с раскадровкой.
Другие полезные сервисы
- www.fotojet.com — аналог Canva. Функционал не такой обширный, а шаблонов и стоковых фото меньше. Зато можно загружать кириллические шрифты и художественно обрабатывать фото.
- fotoump.ru — простенький русскоязычный редактор. Функций немного, но все нужные — повернуть-обрезать картинку, сделать фон, добавить фильтры, стикеры и т.д.
- wordswag.co — сервис для наложения текста на картинку. Работает только на iOS и Android, браузерной версии нет.
- www.picmonkey.com — сбалансированный фоторедактор для создания и редактирования изображений.
- madewithover.com/index.html и tangentapp.com — фоторедакторы для iPhone. Можно добавлять текст, обрабатывать картинки и сразу публиковать их в соцсетях. Много интересных шаблонов.
А чтобы качественные изображения всегда были под рукой, загляните на бесплатные фотостоки:
Создавать изображения просто. Подберите один-два сервиса из перечисленных — и вам не понадобятся дизайнеры.
Если у Вас появились вопросы, можете
задавать их в комментариях ниже.
13 приложений и сервисов для дизайна интерьера
Подобрать цвета для будущего интерьера, создать чертёж или 3D-модель помещения, обставить его мебелью — всё это возможно благодаря этим приложениям и сервисам.
Организатор мероприятий, копирайтер, автор блога buttercupcider.com.
Визуализация пространства
1. Hutch
Цена: бесплатно.
Стильное приложение, которое позволяет представить, какой может быть ваша квартира, если пригласить в неё профессионального дизайнера.
Последовательность действий такова: отправляете фотографию помещения и в ответ получаете его отрендеренную (очищенную от мебели и визуальных искажений) версию, затем выбираете один из восьми представленных стилей (от монохромного минимализма до богемного шика), который вместе с мебелью накладывается поверх вашего оригинального снимка.
Пожалуй, это один из лучших способов посмотреть новым взглядом на старый ремонт. Единственный минус: время ожидания обработанного снимка может растянуться до 24 часов, но оно того стоит.
2. Amikasa
Цена: бесплатно.
Неплохое, но ограниченное в возможностях приложение, с помощью которого можно «примерить» мебель к своему дому и создать его 3D-модель.
Первая функция придумана забавы ради, но играть c дополненной реальностью в собственной квартире довольно весело. Запускаете камеру и проецируете выбранный комод или светильник на реальную фотографию (кстати, подобная штука есть и у приложения IKEA Catalogue).
С визуализацией помещения немного сложнее: довольно муторно строить стены и расставлять игрушечную мебель одним пальцем на маленьком экране телефона. Очень похоже на симулятор Sims. Несмотря на некоторое неудобство интерфейса конечный результат заслуживает похвалы.
3. Modsy
Цена: 69 долларов.
Потенциальная альтернатива декоратору по привлекательной цене. За 69 долларов для вас сделают 3D-план комнаты, в которой грядёт переделка, предложат два варианта её оформления с возможностью вносить неограниченное количество правок и предоставят подборку мебели с активными ссылками (на международные магазины, но всё же).
Для знакомства с вами и определения задач и предпочтений в приложении есть краткий опросник: по какому поводу затеян ремонт (въезжаете в новую квартиру или решили обновить старую), на каком этапе он находится, каков примерный бюджет и стиль-фаворит. Далее вы делаете несколько снимков объекта и отдаётесь в руки профессиональной команды.
Готовый проект можно редактировать: переставлять предметы или полностью их заменять. За дополнительную плату дизайнеры Modsy готовы сделать 3D-модель предметов, которыми вы уже владеете, и вписать их в разработанный интерьер.
Выбор цвета
4. Pantone Studio
Цена: бесплатно (базовая версия).
Вселенная цвета для тех, кому rose quartz и tangerine tango кажутся более благозвучными и благородными, нежели их мирские наименования.
В первую очередь обратите внимание на функцию Harmonies. Здесь для каждого обозначенного цвета сделана выборка сочетаний:
- комплементарные — оттенки находятся на противоположных концах цветового круга и максимально контрастируют между собой;
- аналогичные — находятся рядом друг с другом;
- расщеплённые дополняющие — основной цвет и два других, находящихся на равном расстоянии от комплементарного ему цвета;
- триада — три цвета, лежащие на окружности цветового круга на одинаковом друг от друга расстоянии.
Этого достаточно, чтобы свести на нет все сомнения, уместны ли оранжевый и розовый в одном периметре.
5. ColorSnap
Цена: бесплатно.
Незамысловатое приложение лакокрасочной компании с базой более 3 500 оттенков. Палитра продавца нам не так интересна, как возможность определять и сохранять в свою копилку понравившиеся цвета.
Встретился красивый зелёный или ранее невиданный тон — сфотографируйте на смартфон. Алгоритм автоматически найдёт соответствие в каталоге, выдаст RGB-код, по которому можно искать похожий оттенок у любой другой марки, и подберёт к нему удачные сочетания.
6. Coolors
Цена: бесплатно.
Веб-генератор сочетаний цветовой гаммы. Жмите на пробел и вдохновляйтесь. Понравился определённый оттенок из подборки — зафиксируйте его замочком и, как в игровом автомате, продолжайте «дёргать за рычаг» до выпадения более привлекательной комбинации.
Прикладные инструменты
7. iHandy Level
Цена: бесплатно.
Мобильный измерительный инструмент ватерпас облегчит мороку с выбором точек для сверления (чтобы они были на одном уровне) и креплением картин (чтобы не было наклона).
Работает идентично своему физическому прототипу: для проверки уровня необходимо установить телефон на ровную горизонтальную поверхность и замерить положение пузырька воздуха относительно двух рисок в центре колбы. Затем уровень нужно перевернуть в горизонтальной плоскости на 180 градусов и произвести повторный замер положения пузырька. Если уровень исправен, то пузырёк воздуха будет точно в том же положении, что и при первом измерении.
8. Sun Surveyor
Цена: бесплатно.
Полезное приложение для определения источника солнечного света. Допустим, обивка вашего дивана чувствительна к прямым лучам и быстро теряет яркость. Определите сторону восхода и заката в проекции вашей квартиры, чтобы обустроить пространство по-умному и избежать ненужной тени или чрезмерного освещения. А если вы строите дом, то это самый настоящий must have.
Игровые приложения
9. DesignHome
Цена: бесплатно.
Затягивающая игрушка, в которой вам предстоит обставлять мебелью и аксессуарами готовые помещения, будь то пляжный домик или альпийская избушка.
Каждый уровень — это отдельно взятая комната. В ней заранее отмечены предметы, обязательные к приобретению. Перед покупкой убедитесь, что они соответствуют общему стилю пространства и пожеланиям клиента. Персидский ковёр на стене техасского ранчо вряд ли будет уместен, а от таких промахов напрямую зависит ваш результат.
Очки зачисляются методом голосования пользователей, а также за чёткое выполнение заданий. В них зачастую фигурируют подсказки и определённые условия. Например, чтобы успешно пройти уровень, нужно обязательно добавить в обстановку винтажную кушетку.
Будьте дальновидны при выборе мебели: всё, чем вы обзаведётесь, можно использовать в новых интерьерах. Поэтому ищите универсальные экземпляры, вписывающиеся в любой проект.
Отягощает всю эту феерию ограниченный бюджет. Изначально вам даётся 18 000 долларов. Как вы догадываетесь, их очень легко растранжирить всего лишь за первый час игры.
Идеи и вдохновение
11. Houzz Interior Design Ideas
Цена: бесплатно.
Кладезь идей и фотографий интерьеров со всего света с полезными подсказками. Под каждым снимком в потоке разворачивается дискуссия, из которой можно узнать, где приобрести конкретный стул или как называется подобная техника укладки плитки. А в разделе «Форум» можно задать вопрос специалистам.
Также есть интересная функция Scetch, которая позволяет оставлять на фото заметки и делать мудборды. В плане развития хорошего вкуса, погружения в эстетику и пробуждения вдохновения приложению нет равных.