Наш канал в

Что такое Sketch?

Это поверхностный урок. Он расскажет нам о графическом редакторе Sketch. А также сравним его работу с Adobe Photoshop и Adobe Illustrator.

Читайте также:

Обучающий видео курс “Sketch 3 с нуля” от LearnSketch (часть 2)

Тур по интерфейсу

В этой вступительной статье мы рассмотрим общий интерфейс Sketch 3. Узнаем о базовых интсрументах, терминологии, функциональности.

Артборды

Артборды – разделенные рабочие области в Sketch. В этом уроке мы узнаем о приемуществах рабочих областей, а также способы настройки при созданиии нового проекта.

Автоматические расчеты

Совершенный дизайн (pixel perfect) требует точных размеров и точного позиционирования элементов на странице. Чтобы этого достичь, необходима метематика и точны расчеты. Таким образом, всю работу по расчетам мы оставим Sketch, а сами будем заниматься творчеством.

Заимствование стилей

Общие стили, очень полезный инструмент, который экономит нам уйму времени. В этом уроке мы будем копировать стили и передавать их другим объектам.

Создание сетки

Сетка необходима для правильного расположения контента внутри нашего сайта, а также для выравнивания объектов по горизонтали или вертикали. Этот урок покажет вам, как легко создать сетку, а также как в дальнейшем управлять ею.

Редактирование фигур

Если вставить фигуру или нарисовать фигуру с нуля, то в какой-то момент вы, возможно, захотите ее поменять. Будем учиться редактировать фигуры, а также точки, контуры и кривые.

Масштабирование

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

Понятие маски

Маска – это очень полезный инструмент, но не очень легок в понимании. В этом уроке вы узнаете, как легко создавать и управлять масками.

Создание векторных фигур

Этот урок покажет, как с нуля нарисовать вектурную фигуру использую инструменты Vector и Pancil.

Читайте также:

Обучающий видео курс “Sketch 3 с нуля” от LearnSketch (часть 2)

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5