5 причин, по которым мы переходим с Photoshop на Sketch.

Команда разработчиков Diol использовала Photoshop для всех наших потребностей в веб-дизайне с тех пор, как бизнес начал свою работу в 2017 году. Только недавно появился серьезный претендент на его замену - Sketch. Вот 5 причин, почему наша команда дизайнеров решила сделать такой шаг.

  1. Легко и быстро

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

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

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

  1. Векторная точность

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

Sketch решил эту проблему, потому что это также векторная программа. Растровая графика используется все меньше и меньше в Интернете, особенно после введения масштабируемой векторной графики (SVG). Этот формат предпочтителен для дизайнера интерфейса из-за его способности масштабироваться без потери качества. Sketch поддерживает импорт, редактирование в реальном времени и экспорт векторной графики, что значительно экономит время.

 

  1. Комлект инструментов

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

Другим важным аспектом Sketch является то, как единицы измерения и показатели имеют непосредственное отношение к тем, которые используются в CSS.

Это область, в которой проигрывает фотошоп. Это позволяет дизайнерам полагать, что их проекты будут переведены точно при кодировании разработчиком пользовательских приложений. В Photoshop такие атрибуты, как расстояние между буквами, измеряются не так, как в CSS, что означает, что необходимо выполнить преобразования, которые занимают много времени. В сочетании с инструментом проверки Invision (читайте дальше, чтобы узнать больше об этом!), Разработчикам гораздо проще интерпретировать эскизы Sketch, чем Photoshop.

  1. Облегченный процесс передачи

Мы всегда ищем способы улучшить наш рабочий процесс. Большая часть нашего общего процесса - это доставка дизайнерских файлов разработчику. Фронтальное развитие веб-сайта зависит от интерпретации и понимания разработчиком дизайна, который им был дан. До сих пор для этого требовалось открыть файлы Photoshop, предоставленные командой дизайнеров и разделить их, чтобы определить все детали и ресурсы, необходимые для преобразования дизайна в HTML и CSS.

Недавнее новшество от команды Invision, кажется, облегчает процесс передачи.

В течение долгого времени мы использовали Invision в качестве инструмента для представления прототипов статического дизайна как внутри, так и снаружи клиентам. Как бы ни был полезен ваш новый инструмент Inspect, он действительно может изменить игру. Теперь мы можем синхронизировать файлы Live Sketch напрямую с Invision, где наши разработчики могут проверить каждый аспект дизайна! Поля, размеры, источники, загружаемые ресурсы и многое другое. Утомительная передача больших файлов Photoshop больше не понадобится. Разработчикам даже не потребуется никакого программного обеспечения для дизайна. Просто войдите в Invision и там уже всё есть.

5. Дополнительные расширения

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

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

Please follow and like us:
error0