нет какой-то одной статьи или мануала, где вам бы рассказали про все эти инструменты. приходится собирать информацию самостоятельно, по крупицам в интернете и постоянно обновлять свой список полезных «фич». они экономят самое ценное, что у нас есть — время.
если вы графический или ux/ui дизайнер, то после прочтения этой статьи, ваша профессиональная деятельность будет на качественно-новом уровне.
— figma
не открою америку, если скажу, что figma сейчас используют все. изначально этот графический редактор задумывался, как инструмент для создания интерфейсов, но по сути, можно делать практически любой графический дизайн. на самом деле, я внес в этот список фигму не из-за базового применения программы. помимо дизайна можно делать кликабельные прототипы для презентации заказчикам, а также анимацию интерфейсов прямо внутри программы. я видел много начинающих дизайнеров, которые «скринят» экран своего мобильного, чтобы показать анимацию проекта, сверстанного на тильде. ну..come on! это очень некачественный способ. используйте фигму для этого и будет вам счастье.
figma — это редактор с обширным функционалом и возможностями. мы выделим отдельную статью для нее, а пока разберем другие инструменты.
***
— tinypng.com и ilovepdf.com
tinypng позволяет сжимать изображения без потери качества. даже если вам кажется, что изображение весит немного, «прогоните» его через этот сервис. вы сэкономите время ожидания пользователя на сайте, а также пощадите его интернет- трафик. да и вообще, использовать громоздкие картинки на сайтах — уже моветон. ilovepdf позволяет сжимать pdf-файлы, соединять и разъединять их, а также переводить в разные форматы. очень часто презентации получаются очень тяжелыми и это знак того, что их «не прогнали» через этот сервис. согласитесь, будет лучше, если размер векторной pdf-презентации будет 2 мб, а не 200.
линки: https://tinypng.com/ , https://www.ilovepdf.com/ru
***
— инструмент для очистки текста от стилей
казалось бы, такая мелочь. но в определенных обстоятельствах может сэкономить кучу времени.
бывают ситуации, когда заказчик тебе отправляет текст в microsoft word, который форматирован каким-то странным и неудобным способом. ты пытаешься вставить его куда-нибудь и возникают проблемы в виде гигантской «межстрочки» или неподходящего начертания.
просто выделяешь текст, вставляешь в этот сервис и вытаскиваешь его без форматирования, который вставится куда-угодно и в правильном формате. гигантская экономия времени.
ну кайф же? кайф!
в интернете их куча, но я обычно пользуюсь этим сервисом https://tradesu.ru/ochistka- teksta/
***
— eagle. платформа для организации ресурсов дизайна.
вот и «годнота» подъехала. eagle — это невероятно полезный ресурс для сохранения, организации и фильтрации референсов с разных источников. грубо говоря, это база всех удачных визуальных решений, которые попадаются дизайнеру. установив приложение себе на десктоп, можно просто «заскринить» любой дизайн и приложение позволит добавить картинку в базу, присвоить ей теги и добавить в папку. с точки зрения удобства и скорости — 10/10. умение правильно работать с референсами — один из самых ключевых для дизайнера, поэтому этот инструмент считаю одним из самых полезных в этом списке. по деньгам — подписка на всю жизнь за $29.95
вот линк: https://ru.eagle.cool/
***
— smartmockups
инструмент для создания мокапов телефонов, компьютеров, товаров, одежды и т.д. постоянно пользуюсь этим инструментом для презентации дизайна. с одной стороны, можно делать мокапы самостоятельно в графическом редакторе. но в
рамках этого сервиса есть сотни тысяч вариантов и остается только приготовить картинку в правильном размере.
сильно экономит время и в то же время повышает эстетическую составляющую дизайна. большинство мокапов очень красивые и качественные. рекомендую!
по деньгам — $14/мес при оплате помесячно, в $9 обойдется месяц, если оплатить сразу за год.
вот линк: https://smartmockups.com/ru
***
— envato elements
базовый инструмент для дизайнера.
вот список того, что есть на envato: стоковые картинки и видео, шаблоны для создания видеороликов, презентации, любой графический дизайн в разных форматах, шрифты и иконки, декоративные элементы для дизайна, плагины и расширения для photoshop/illustrator, темы на wordpress, звуковые эффекты и музыка с лицензией для коммерческих проектов и многое другое.
отдельное восхищение вызывают 3d-модели, которые расположены в отдельной категории. их можно поворачивать и сохранять под любым углом в максимальном качестве. а качество у них топовое.
envato — это инструмент, без которого я не представляю свою профессиональную деятельность. я убежден, что прошло время поиска бесплатного контента в интернете. можно дизайнить бесконечно круто, но какой в этом толк, если ты ищешь контент в гугл-картинках :)
по ценнику — лучше оплатить сразу за год $198. обычно это львиная доля всех подписок дизайнера, но это действительно стоит того.
линк: https://elements.envato.com/ru/
***
это первая часть инструментов, которые необходимы любому дизайнеру.
в следующей статье мы поговорим подробнее о некоторых плагинах фигмы и на конкретных примерах разберем, как их использовать максимально круто.