Полезное

17 инструментов, необходимых для проектирования

Автор Freelance.Today

Автор статьи — Бен Мосс, старший редактор в WebdesignerDepot. Он работал с IBM, UBS и ФБР. Думаю, новичкам будет полезно почитать его советы по инструментам для проектирования.

  

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

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

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

Affinity Designer

Я всегда использовал продукты Adobe. Photoshop  и  Illustrator  были графическими инструментами номер один половину моей жизни. У меня никогда не было проблем с лицензированием Creative Cloud по подписке, которое, по-моему, пропорционально профессиональному набору инструментов. Затем, около 18 месяцев назад, я очень расстроился из-за того, насколько медленным стал Illustrator.

Я попробовал Affinity Designer, и он меня впечатлил. Запуск последней версии Affinity Designer  стал открытием, и пока я не хочу возвращаться обратно.

Почему бы не Sketch? Ну, я иногда захожу в Sketch, особенно для чистого векторного каркасного моделирования. Я был одним из первых пользователей Sketch, но проблемы с надежностью (давно решенные) отравили мои отношения с ним. Почему не Figma? Что ж, настоящая сила Figma — это удобное сотрудничество с другими пользователями, то, что я получаю со Sketch, и лично я нахожу некоторые функции Figma не интуитивными.

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

 

Affinity Photo

Я мало занимаюсь манипуляциями с фотографиями, поэтому я с легкостью переключился с Photoshop на Affinity Photo.

По моему опыту, Affinity Photo сильнее, чем Photoshop, в некоторых областях, и слабее в других. Масштабирование растровых изображений в Affinity Photo намноголучше, чем в Photoshop, во многом благодаря семплированию Lanczos 3.

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

 

TinyPng

Affinity Photo и Photoshop плохо справляются с оптимизацией веб-формата. Photoshop, возможно, имеет преимущество, но его продукция определенно не приемлема.

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

 

Fontstand

Когда я начал отказываться от Creative Cloud, единственным сервисом, который меня задержал, был Adobe Fonts(ранее Typekit). Не столько ради веб-шрифтов, которые быстрее и надежнее размещаются самостоятельно, но и для возможности синхронизации шрифтов в моих дизайнерских приложениях.

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

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

Fontstand делает работу со шрифтами доступной для фрилансеров, и обогащает доступную типографскую палитру.

 

Khroma

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

 

Atom

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

 

CodeKit

Я держал компиляторы дольше, чем нужно, используя приложения, такие как Minify,для минимизацииCSS и JavaScript, и командную строку для обработки Sass (см.ниже). Затем я нашел CodeKit,и с тех пор он стал неотъемлемой частьюмоего рабочего процесса.

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

 

MAMP

MAMP — это инструмент, который позволяет вам запускать локальную серверную среду, то есть я могу запускать PHP и MySQL без утомительного процесса FTP-соединения с сервером для проверки изменений. Mac поставляется с Apache, так что в этом нет особой необходимости, но он прост в использовании и хорошо работает как с CodeKit, так и с Craft (см. ниже).

Существует профессиональная версия MAMP, которая позволяет легко переключаться между проектами, но она в значительной степени ориентирована на WordPress. Я все еще пытаюсь найти время, чтобы оценить Laravel Valet.

 

Dash

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

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

 

LambdaTest

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

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

 

Sass

Я не могу писать CSS без Sass. Если я попытаюсь написать CSS, я гарантирую, что вложу что-нибудь с @ at-root,и это выдаст ошибку.

 

Craft CMS

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

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

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

 

Vue.js

Давным-давно, когда Flash стал отмирать, я переключился на jQuery, и это был действительно простой путь к JavaScript — не обращайте внимания на людей, которые говорят вам сначала освоить основной язык, делайте все, что нужно, чтобы начать использоватьязык, вот так вы научитесь. Но jQuery тяжелый, и я обнаружил, что он мне нужен все меньше и меньше.

В настоящее время 90% написанного мной JavaScript-кода — это прогрессивные усовершенствования ванильного JavaScript, позволяющие снизить зависимость. Иногда я встречаю работу, которая требует сложного управления, а затем возвращаюсь назад на Vue.js. Разработчики JavaScript так же пристрастны, как и поклонники CMS, так что давайте просто скажем, что я предпочитаю Vue.js, потому что он не контролируется мегакорпорацией, и оставим все как есть.

 

Ulysses

Незаменимое приложение для написания контента. Все, что пишу, я пишу здесь.

 

Screenshot Plus

нет недостатка в приложениях для скриншотов. Мой текущий фаворит — Screenshot Plus.

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

 

Spark

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

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

 

Todoist

Я принадлежу к тем людям, которым нужна четкая организация рабочего процесса. Мне нужны списки и подсписки, и мне нужно что-то родное, которое открывается автоматически при загрузке моего Mac, и что-то, что находится на домашнем экране моего Android.

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

А какие инструменты используете вы?

Источник 

 
  • 1184