Sketch что это такое
Photoshop, Sketch инструментарий UI/UX-дизайнеров: что выбрать для разработки интерфейсов?
В последнее время вопрос инструментария UI/UX-специалистов стоит очень остро: какое ПО использовать для разработки интерфейсов? Мы в нашей компании также горячо обсуждаем этот вопрос. И дискуссия часто имеют очень острый характер. Что выбрать для работы? Какой редактор более функционален для той или иной задачи дизайнера? Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов. Например, мобильных приложений для управления системами умного дома, полнофункциональных e-commerce систем.
Я не буду первым, кто поднял эти вопросы, но постараюсь дать на них ёмкие ответы. Возможно, моя статья будет интересна начинающим дизайнерам, которые еще не определились окончательно с направлением своей деятельности, или дизайнерам, которые хотят переквалифицироваться из одной специальности в другую.
Последние лет двадцать самым популярным графическим редактором для дизайнеров оставался Adobe Photoshop. Однако, недавно первенство компании Adobe на рынке инструментария для digital дизайнеров пошатнулось, в 2012 году компания Bohemian Coding выпустила Sketch. Sketch – это профессиональный векторный графический редактор, заточенный непосредственно под создание графических интерфейсов: веб, мобильных приложений, десктопных программ и прочих. На данный момент актуальной версией является Sketch 3. За эти 3,5 года компания Bohemian Coding проделала огромную работу по улучшению своего продукта, зафиксило множество багов, наростило функциональность и собственно выростила серъезного конкурента Photoshop. Сразу хочу внести важную ремарку: я не рассматриваю Sketch как непосредственного конкурента Photoshop. Однозначно, назначение этих программ изначально разное, соответственно, то, что для одного будет преимуществом, для другого может быть серъезным недостатком. Поэтому правильно было бы сделать не сравнительный обзор, как это делают многие, а осветить основные преимущества и свойства каждого из редакторов для конкретного кейса.
Назначение
Именно поэтому считаю корректным первым пунктом показать назначение каждой из программ.
Photoshop в основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Он незаменим для ретуши фото, обработки изображений. Но функционал предназначенный для работы с векторной графикой в нем достаточно условный. Многие поклонники Adobe возразят мне, но тогда возникает логичный вопрос: зачем в арсенале Adobe есть отдельный векторный редактор Illustrator, если Photoshop умеет все? Именно наличие двух интерфейсов усложняет работу и требует дополнительного времени при решении задач по работе с векторной графикой.
Sketch же изначально заточен на работу с вектором, поскольку разработка интерфейсов подразумевает создание прототипов, фреймворков, иконок, UI-элементов, а зачастую эти элементы должны быть векторными.
Таким образом, чтобы выбрать каким из редакторов пользоваться, нужно понять, какие задачи придется решать с помощью данного инструментария.
Стоимость
Вторым по счету, но не по значимости, параметром для выбора того или иного редактора является стоимость и способ оплаты данного программного обеспечения. Приобрести Photoshop можно исключительно по подписке! Стоимость ежемесячного использования редактора составляет 20$, и для разных регионов эта цифра может изменяться. Но суть остается та же. В отличии от Adobe компания Bohemian Coding пошла по обратному пути: Sketch продается за 99$, это единоразовый платеж и все обновления пользователь получает бесплатно. Возможно в дальнейшем финансовая стратегия компании изменится, но пока они завоевывают рынок таким образом. Именно этот фактор, наверняка, сыграет роль в масштабах компании. Хотя и для фрилансеров немалозначимым является финансовое планирование своих ресурсов.
Мультиплатформенность
Еще одним значимым аргументом в выборе инструментария для дизайнеров станет платформа, на которой работает тот или иной софт. В нашей компании дизайнеры работают исключительно на Mac устройствах и большинство front-end разработчиков тоже. Поэтому тот факт, что Sketch существует исключительно для OS X, не стал для нас проблемой. А вот для дизайнеров, в распоряжении которых Windows устройства, это явно не решабельный вопрос. Конечно, можно заморочиться и поставить эмулятор OS X на винде, однако ничего путнего из этого может не получиться, максимум вы загрузите свой процессор и операционную систему обработкой ненужных процессов. В отличии от Sketch, Photoshop имеет отдельные версии для Windows и OS X. Поэтому в вопросе мультиплатформенности неизменным лидером остается Adobe Photoshop. Но, опять-таки, то, что на первый взгляд кажется недостатком, является сильным преимуществом в конкретных условиях. Поскольку Sketch существует только под Mac, в нем весь создаваемый контент отрисовывается с помощью средств маковской оси, используется стандартный графический движок от Apple. Именно этим разработчики добились максимальной продуктивности и быстроты работы.
Быстродействие и объем загрузочного файла
Являясь нативным Cocoa приложением, Sketch по минимуму использует нестандартные интерфейсные элементы, поэтому он имеет маленький объем. Загрузочный файл весит всего около 22 Мб. Он достаточно хорошо оптимизирован, в отличии от Photoshop, объем установочного файла которого составляет около 1 Гб.
Интеграция
Важным моментом для любого инструментария является его способность интеграции с другим софтом. Например, после того, как макет сайта полностью проработан и готов к передаче в отдел front-end разработки, становится вопрос непосредственно самой передачи исходников для дальнейшего развития проекта. На сегодняшний день и Sketch, и Photoshop имеют серьезные средства интеграции. Оба редактора могут экспортировать материалы в софт для коммуникации между разработчиками и дизайнерами, такие как Avocode, Zeplin и прочие. Если рассматривать этот кейс для компании, то данное решение крайне важно, оно помогает сэкономить деньги на дополнительные экземпляры графических редакторов для front-end разработчиков.
Обучение
Если вы решили освоить Photoshop или расширить свои знания о данном графическом редакторе, то в вашем распоряжении масса образовательных источников. Существуют обучающие ресурсы как платные, так и бесплатные. Качество материалов также очень сильно разнится: от примитивных статей неавторитетных авторов до идеально структурированных последовательных видеоуроков квалифицированных профессиональных тренеров. В силу того, что Sketch относительно молодой софт, то и количество обучающих ресурсов не сравнимо меньше, чем у Photoshop. И, как правило, это платные материалы. Например, на известном образовательном ресурсе Udemi менее 40 курсов по Sketch. Однако, уже существуют и обзор от практиков Sketch. Надеюсь, со временем количество обучающих метриалов в сети будет увеличиваться прапорционально с ростом популярности графического редактора Sketch.
Никто не знает, что такое скетчинг – объясняем для чайников
Многие из нас, наверняка, слышали пословицу: «Лучше один раз увидеть, чем сто раз услышать». Использование иллюстраций и презентаций в работе для многих специалистов стало одним из самых эффективных способов донести до собеседников нужную информацию. Чем нагляднее человек визуализирует свою мысль, тем убедительнее будут его доводы.
Сейчас все большую популярность набирает новая техника рисования, получившая название «скетчинг». Это модное слово все чаще можно услышать от людей творческих и технических специальностей.
Новый инструмент в работе с успехом используют и дизайнеры, и инженеры, и руководители разных звеньев. Узнаем, что это такое, скетчинг? А также выясним, можно ли этому методу обучиться нуля.
Что такое скетчинг в рисовании
Скетчинг – это особая техника быстрого рисунка какого-либо объекта или предметов. Понятие произошло от английского слова «sketch», что означает «набросок», «эскиз», «зарисовка».
Изначально эскизы рисовали художники, нанося на холст штрихи и фигуры – очертания будущих предметов. Мастер продумывал композицию, расположение объектов на листе, подбирал цветовую гамму. Такая зарисовка становилась основой будущей фундаментальной работы.
Сейчас скетч – это по-прежнему быстрая зарисовка от руки на бумаге или экране. Только в отличие от эскиза художника она представляет собой законченную работу. От рисунка скетч отличается тем, что выполняется он без детализации элементов и их тщательной прорисовки. Технической точности здесь не требуется. Главная задача скетча – передать настроение, идею, образ, эмоции автора.
Скетчинг: основные виды
Рисовать скетчи можно на любые темы. Этот метод визуализации мыслей и идей используется в разных областях промышленности и культуры. В зависимости от этого можно выделить несколько основных видов скетчинга.
Food-иллюстрация
Это рисунок еды. Аппетитные Food-иллюстрации используются в рекламе, оформлении кулинарных книг, а также интерьера и меню ресторанов.
Fashion-скетчинг
Это дизайн модной одежды, обуви и аксессуаров в зарисовках. Эскизы используются при создании коллекций и в публикации журналов мод.
Флористический скетчинг
Это рисунки цветочных композиций. Их создают флористы и декораторы. Рисунки используются в рекламе, производстве косметики и эко-продуктов, оформлении интерьера.
Интерьерный скетчинг
Это создание дизайна и декора интерьеров в зарисовках. Их используют для презентации своих идей дизайнеры и декораторы.
Архитектурный скетчинг
Это эскизы сооружений, зданий, городских улиц. Они используются архитекторами для разработки и представления своих проектов.
Travel-скетчинг
Это зарисовки интересных мест, предметов, кулинарных блюд из путешествий. Они часто сопровождаются текстовыми заметками. Картинки передают впечатление и эмоции от увиденного.
Индустриальный скетчинг
Это изображение объектов и предметов быта и жизни. Такие скетчи создают дизайнеры промышленных товаров и инженеры.
Ландшафтный скетчинг
Это зарисовки дизайна приусадебных участков, парков, скверов, садов.
Скетч-портрет
Это портретные зарисовки, создаваемые художниками в своей особенной неподражаемой манере.
Lifestyle-скетчинг
Это изображение вещей и предметов повседневного стиля: элементы гардероба, аксессуары, гаджеты и многое другое.
Приемы скетчинга
Приемы в скетчинге классифицируются по видам используемых инструментов. Мы рассмотрим три техники:
У каждого мастера есть свои «любимые» инструменты для рисования: кто-то творит красками или маркерами, кто-то – только карандашами. Многие художники практикуют разные виды скетчинга. Интересные результаты дает смешение техник.
Инструментарий для скетчинга
Люди, профессионально занимающиеся скетчами, в работе используют большой арсенал материалов. Инструменты, которые необходимы для скетчинга:
Новичку не потребуется сразу весь арсенал инструментов для скетчинга. Для создания первой зарисовки достаточно простого карандаша средней твердости НВ, блокнота и ластика.
Опытные художники-скетчеры в работе используют специальные капиллярные линеры, цветные маркеры, жидкую акварель. Под инструмент подбирается и бумага.
Для рисования маркерами и ручками подойдет плотная бумага, через которую не будет проступать рисунок. Для создания скетчей тушью или акварелью нужны листы с пористой и рыхлой структурой, чтобы краска быстро впитывалась.
Кому и зачем нужен скетчинг
Скетчинг – это способ быстро и наглядно представить свою идею или мысль на бумаге. Этот инструмент используют в своей работе многие специалисты:
Некоторые люди занимаются скетчингом не только потому, что это нужно для работы, а потому, что это занятие приносит им удовольствие. Для многих рисование – это метод медитации. Этот процесс увлекает, успокаивает, расслабляет, позволяет отдохнуть от суеты.
Кроме того, скетчинг помогает развить в человеке творческий потенциал и креативность. Он расширяет кругозор и прививает чувство стиля. Полученные навыки можно применять в разных сферах жизни.
Как научиться рисовать скетчи
Многие люди думают, что рисовать хорошо могут только художники, имеющие талант от природы. Но научиться рисовать скетчи может абсолютно каждый, у кого есть на это желание.
Ведь скетчинг тем и хорош, что дает свободу фантазии и творчеству. В отличие от академического рисунка здесь нет четких правил и границ. Каждый рисует так, как видит.
Чтобы научиться рисовать эффектные и яркие скетчи, нужно практиковаться ежедневно. Пусть это занятие занимает 20-30 минут в день, но оно должно быть регулярным.
Опытные мастера советуют начинающим скетчерам приступать к работе с рисования простых фигур: квадратов, овалов, прямоугольников, линий. Затем можно перейти к созданию более сложных элементов. В финале нужно практиковаться штриховать предметы, чтобы появился эффект цвета и тени. Этот прием делает элементы объемными.
Быстро развить навыки рисования скетчей помогут занятия с профессионалами. В сети есть много эффективных мастер-классов, вебинаров и уроков от признанных мастеров, которые готовы делиться своим опытом.
Уроки скетчинга онлайн
Платные программы с лекциями и видеоуроками рассчитаны на подготовку специалистов в сфере графического и вебдизайна, дизайна интерьеров и одежды. Также они будут полезны аниматорами и иллюстраторам в разных сферах.
Новичкам, желающим обрести специальность графического дизайнера, подойдет курс «Скетчинг: начальный уровень» от Geekbrains. Программа рассчитана на 1 месяц обучения. Она состоит из 10 уроков.
Создавать быстрые и яркие зарисовки профессионально научат на курсе «Скетчинг для дизайнеров» от Skillbox. Программа рассчитана на 3 месяца обучения.
Для тех, кто хочет научиться рисовать в графических редакторах, будет полезен курс «Скетчинг на планшете» от Skillbox. Он пригодится ландшафтным и интерьерным дизайнерам. Программа обучении длится 2 месяца.
Скетчинг для начинающих
Содержание
Рисование всегда являлось возможностью для воплощения своих идей. Наверняка вы сталкивались с тем, что хочется сделать красивый, интересный кадр, вы щёлкаете камерой или делаете снимок на телефон, но результат разочаровывает. Нет того шарма, который увидели именно вы. Почему так происходит? Потому что в голове существует картинка с правильно расставленными акцентами, воздушная и лёгкая или, наоборот, монументальная. Вы умеете видеть красоту в том, что вас окружает, и хотите сохранить её на память? И знаете, как это сделать? Нарисовать!
Скетчинг довёл эту индивидуальность рисунка до абсолюта, подарил художникам возможность максимального самовыражения. Да и чтобы рисовать скетчи, яркие и выразительные, вовсе не обязательно быть профессиональным художником! Это искусство, которое может освоить абсолютно каждый, чтобы проявить себя и наполнить жизнь красками. Давайте же скорее познакомимся со скетчингом!
Что такое скетчинг и почему он так популярен?
Итак, скупое и сухое определение звучит так: скетчинг – это быстрый рисунок от руки, фактически набросок или эскиз, на основании которого многие профессионалы создают полноценные картины, творческие проекты.
Но, в то же время, сегодня скетчинг перестал носить исключительно форму эскиза. Да, он может служить прообразом какого-то более «внушительного» произведения искусства, но сам по себе скетч является завершенной иллюстрацией.
Популярность скетчинга объясняется тем, что:
Ну и, конечно, скетчинг – это всё же в первую очередь живые бумажные рисунки. Они неидеальны и несовершенны, но поэтому так очаровательны. Многие иллюстраторы говорят, что в скетчах «есть душа». Это прекрасный способ творческой реализации, самовыражения – и просто приятное хобби, которым можно заниматься практически в любой ситуации. Если освоить искусство скетчинга в полной мере, то создавать великолепные зарисовки можно будет буквально на обрывке тетрадного листа с помощью огрызка карандаша. И даже то, что вы сидите в размеренно покачивающемся вагоне метро не станет преградой!
Кому необходимы навыки скетчинга?
Как уже было сказано выше, владение навыками создания скетчей имеет и большое практическое применение. Помимо того, что это просто приятное, интересное, медитативное и творческое занятие, скетчи могут стать важной частью вашей профессиональной деятельности. Например, этот навык чрезвычайно полезен:
Основные принципы создания скетчей
Основной принцип создания скетча – это умение быстро передать эмоции в виде какого-либо изображения. Здесь важно не техническое совершенство рисунка, а его эмоциональность и уже упомянутая «атмосферность». Тщательно «вылизанный» скетч – уже не скетч. Ему позволено быть неидеальным.
Некоторые иллюстраторы позволяют себе забывать о правилах перспективы, пропорциях, отказываются от фундаментальных принципов рисунка ради наиболее полного раскрытия идеи, творческого замысла. Так что важнейшее правило создания скетчей – нет строгих правил! Всё остальное – рекомендации!
Основные виды скетчинга
Скетчинг хоть и является «зарисовкой», сегодня он вырастает в совершенно отдельное и уникальное искусство, в рамках которого имеются свои направления. Рассмотрим самые популярные виды скетчинга.
Food-иллюстрация. Это рисунок еды. Особенно органично такие скетчи смотрятся в кулинарных книгах.
Флористический скетчинг. Рисунок цветочной композиции. Очень часто используется декораторами и флористами, чтобы смоделировать декор из интерьерных или живых цветов.
Интерьерный скетчинг. Позволяет визуализировать идеи дизайна интерьера и обычно применяется в практической деятельности дизайнеров.
Архитектурный скетчинг. Это зарисовка зданий, городских улиц. Иногда используется архитекторами при разработке проектов.
Travel-скетчинг. «Путевая зарисовка». Очень часто делается на ходу, прямо на месте. Чаще всего такие скетчи сопровождаются какими-то текстовыми заметками.
Fashion-иллюстрация. Активно используется модельерами, фотографами, стилистами, имиджмейкерами и т.д. Применяются как при создании различных коллекций одежды, обуви, аксессуаров, так и размещаются в модных журналах и пр.
Индустриальный скетчинг. Это визуализация концепции промышленного дизайна, которая нередко используется при разработке каких-либо городских проектов.
Ландшафтный скетчинг. Как понятно из названия, это способ визуализации ландшафтного дизайна. Такие иллюстрации очень часто используются профессиональными ландшафтными дизайнерами при работе с заказчиками.
Скетч-портрет. Это упрощенный портрет, создаваемый автором в своей неповторимой манере.
Основное достоинство скетчинга состоит в том, что освоить разные стили, виды, направления проще, чем, например, обучиться фундаментальному академическому рисунку. Это фактически воплощение фантазии без всяких границ и требований – именно поэтому скетчинг так популярен как у профессионалов, так и у начинающих художников.
Материалы, идеальные для первых попыток создания скетчей
Изначально чтобы создавать скетчи, потребуется следующий набор материалов:
Этот состав можно менять в зависимости от своих предпочтений и пожеланий, но рекомендуется начать именно с такого набора, чтобы попробовать разные техники и найти материал, с которым приятнее всего работать.
Какие ещё материалы можно использовать в работе?
Помимо базовых материалов можно пробовать и другие инструменты, комбинировать их на свой вкус. Наибольшей популярностью у художников пользуются:
Некоторые упражнения, которые помогут «набить руку», для начинающих
Чтобы освоить искусство скетчинга, можно выбрать любой вариант обучения:
Но в целом, чтобы начать рисовать скетчи, достаточно бумаги и нескольких карандашей (мы рассказали даже, какие стоит выбрать для того, чтобы создать полноценный базовый набор). Начать можно со следующих упражнений:
Параллельные
Рисуйте параллельные линии одинаковой длины в разных направлениях. Главное – не давить на карандаш, двигать рукой спокойно, размеренно, плавно. Пусть линии поначалу получаются неидеальными, но чем чаще вы будете практиковать это упражнение, тем лучше они будут получаться. Кстати, линиями необязательно штриховать весь лист – можно менять их направление и создавать разные орнаменты.
Скругленные линии
Здесь важно рисовать витиеватые непрямые линии, располагая их на одинаковом расстоянии друг от друга. Упражнение можно усложнить – линии должны быть непрерывными, разной формы. Лист необходимо заполнять частично или полностью.
Квадраты
Целый лист придётся заполнить квадратами разного размера, которые будут произвольно пересекаться.
Овалы и круги
Их нужно стараться рисовать одинакового размера, можно создавать из них произвольные композиции. Это упражнение очень расслабляет, успокаивает – его можно назвать медитативным.
Упражнение на развитие глазомера
В дальнейшем оно поможет соблюдать пропорции. Нарисуйте линию и визуально разделите её пополам. Нарисуйте ниже половину от длины линии на глаз. Эту линию поделите пополам и вновь нарисуйте получившуюся половинку. Продолжайте так до тех пор, пока отрезок не станет настолько маленьким, чтобы его уже было тяжело поделить пополам.
Кстати, важно правильно ставить кисть: она должна легко двигаться, менять своё положение. Карандаш не нужно держать близко к грифелю, оптимально – на 1/3 длины карандаша.
В дальнейшем можно научиться рисовать базовые фигуры – круг, треугольник, квадрат, цилиндр, освоить приёмы штриховки, растушевки (можно даже попробовать накладывать градиент с помощью точек), поработать над пониманием и применением света и тени в рисунках и т.д.
А если после упражнений хочется создать свой скетч, но опасения, что красивый рисунок не получится, никак не отпускают, то к вашим услугам готовые наборы для скетчинга. В них есть всё необходимое, чтобы создать собственный мини-шедевр, включая бумагу с нанесённым базовым наброском. Придётся лишь, пользуясь инструкцией, реализовать на практике все приёмы и навыки, которые вы осваивали в упражнениях! То есть у вас есть и материалы, и знания, но нет боязни ошибиться, ведь результат будет заведомо великолепным!
Правила, о которых стоит помнить
Итак, «фишек», которыми пользуются художники, чтобы делать скетчи более реалистичными, «мультяшными», объёмными, яркими (словом, уникальными), не перечесть. Но есть некоторые советы, которыми нужно пользоваться всем и каждому:
Сегодня скетчинг – это возможность отпустить фантазию в полёт, научиться рисовать красивые, яркие, привлекательные иллюстрации или, наоборот, создавать сплошные нежные миниатюры. Это удивительное искусство, которое можно освоить, даже если прежде вы никогда не держали карандаш или маркер в руках. А главное, в скетчинге нет строгих правил и норм, это воплощение творчества в чистом виде!
Пробуйте, не бойтесь совершать ошибки и учиться – ведь за великолепным результатом всегда стоят месяцы и годы тренировок, а совершенствоваться мы продолжаем всю жизнь!