Стиль татуировки Sketch. Примеры работ, мастера стиля, техника исполнения, история
Стиль татуировки Sketch / Фото:Скетч – достаточно молодой стиль, который появился в начале XX века и стал не менее популярный, чем dotwork или old school. Скетч сломал стереотипы о четкой, цветной и детально сделанной татуировке. Ведь скетч – легкий набросок, иногда разбавленный цветом, но всегда непринужденный.
Преимуществами этого стиля стало:
Если вы собираетесь сделать первое тату или не знаете, какой стиль выбрать, – скетч идеальный вариант для вас. Даже в процессе работы вы сможете поменять изначальную идею, а мастер в очередной раз проявить фантазию.
При работе мастер должен четко видеть, где должны быть линии, поэтому за плечами у него должен быть большой опыт, виденье формы, объема и композиции.
На теле скетч будет прекрасно составлять компанию:
Скетч легко применять и сочетать, поэтому ограничений в нем нет. Экспериментируйте, создавайте и вдохновляйте.
inkppl.com
2. Скетч татуировки — База знаний
Цель сегодняшнего занятия: Изучить виды татуировок и штриховок, каким образом стилизуются изображения и создать свой эскиз татуировки.
Скетч и тату
Подобно искусному карандашному рисунку на бумаге, скетч тату отличается необычайной художественностью и изящной красотой. Очень натуралистично и нежно в таком стиле смотрятся портреты, изображения животных, тонкие узоры и переплетения штрихов. Мастер, исполняющий подобную работу, должен владеть искусством художника и созидателя, чтобы картинка получилась действительно «живой». Здесь нет права на ошибку.
Стоит отметить, что кроме прямого значения, у слова скетч есть и еще одна популярная трактовка. Именно так на заре двадцатого века называли коротенькие спектакли с участием двух актеров. Десятиминутные сценки часто заканчивались бурным смехом и аплодисментами, поскольку выступающие разыгрывали комедийные отрезки. С тех пор под словом скетч в искусстве тату подразумевается и маленький простой сюжет, то есть рисунок-действие, изображение со смыслом. Набросок роскошного тигра в изящном прыжке – это тоже своего рода скетч, как и изображение, скажем, футболистов с мячом, или страстных красавиц.
Татуировка представляет необыкновенно художественный и изящный рисунок, выполненный в карандаше, поэтому чаще всего в стиле скетч присутствуют черно-белые оттенки, но бывают и цветные. Обычно яркие краски присутствуют в одной части изображение, а второе остается нетронутым искусным эскизом.
Скетч может быть как самостоятельной татуировкой, так и добавлением к другому направлению:
- Роскошно смотрится рисунок в стиле акварель плавно переходящий в эскиз. Словно это незаконченная работа, но она настолько художественно самодостаточна, что не требует доработки.
- Реалистичные изображения птиц и животных станут эксклюзивным нательным рисунком, если оставить их часть в виде наброска.
- Скетч с легкостью сможет разбавить тату в стиле Япония, сделав дракона частью графического рисунка в карандаше.
- Также набросок идеально впишется в готику: черный лес со схематично прорисованными елями или череп, выполненный идеально точными штрихами.
- В олд-скульном стиле, скетч может стать той самой неповторимой изюминкой, отделив своего владельца от общей массы носителей стандартных тату.
Несомненным плюсом татуировки-наброска является и то, что ее в любой момент можно доработать и приукрасить. Если того требуют жизненные обстоятельства или просто душевный порыв, мастер легко и просто нанесет краску на уже готовый рисунок, сделает обводку, добавит, где требуется, новые штрихи. Именно со Скетч татуировок и начинаются масштабные картины во всю спину или во все тело, потому что результат каждый раз оказывается настолько потрясающим, что остановиться порой бывает крайне сложно.
Упражнение №1.
Отработать технику штриховки и заштриховать два объемных предмета (яблоко/груша)
Этапы выполнения задания:
- На формате А4 копируем штриховки
- Просмотр + обсуждение.
- Штриховка яблока и груши
- Просмотр
Стилизация
Стилизация- упрощенный четкий контрастный линейный рисунок, в основе которого лежит штрих, пятно, линия . Упрощенность, лаконизм- характерная черта стилизованного рисунка.
Чтобы стилизовать рисунок, нужно отобрать основные, характерные черты изображаемого предмета. Ими могут служить характерный объем отображаемого предмета, характерные линии и формы.
Когда они найдены, начинается работа над стилизацией предмета.
Приемы стилизации:
- Превращение объемной формы в плоскостную и упрощение конструкции.
- Изменение цвета и формы.
- Обобщение внутренних форм.
- Ассоциации.
- Добавление несуществующих деталей.
Упражнение №2.
На формате А4 нарисовать карандашом 1 или 3 стилизованных фрукта.
Этапы выполнения задания:
- Стилизация одного фрукта совместно с помощью ПРП
- Промежуточный просмотр. Обсуждение того, что получилось, что нет.
- Стилизация второго фрукта в трех вариантах
- Просмотр + обсуждение
Виды татуировок
Гравюра. Для стиля тату Гравюра, характерны все основные черты своего прародителя. Черная краска, четкий контур, аккуратные линии, штриховка, в общем впечатление словно мы наблюдаем отпечатанный рисунок.
Биоорганика. Биоорганика — крайне любопытный и своеобразный стиль тату, его можно назвать подстилем Биомеханики, но по-хорошему это абсолютно самостоятельный вид татуировки.
Минимализм. Минимализм — это лаконичный стиль, который берет своей простотой и элегантностью композиции. Кособенностям стиля можно отнести геометрические формы, минимум цветов, малые масштабы. Из основных тем можно отметить — различные символы, животные, цветы, иллюстрации из книг.
Лайнворк. Главной особенностью стиля лайнворк является наличие в татуировке прямых линий, которые складываются в определенный рисунок.
Реализм. Многие считают, что реалистичные татуировки появились совсем недавно, но это далеко не так. Еще в середине девятнадцатого века люди начали изображать на себе портреты Наполеона и Бисмарка. Сегодня тату стиль реализм не утратил своей актуальности.
Ориентал. Тематика ориентала – это загадочная восточная культура. Многообразие знаменитых восточных драконов и рыб кои. Широкий выбор различных по виду гейш и, конечно, знаменитых воинов. Невозможно не использовать в этом стиле красоту восточной флоры и органичной фауны.
Чикано. Это необычное и своеобразное искусство зародилось еще в сороковых годах 20 века в США. Но популярным оно было только среди представителей преступного мира.
Биомеханика. Стиль тату Биомеханика представляет органичное переплетение изображений механических деталей с кожным покровом. Типичный биомеханический дизайн – разорванная деталь, словно выступающая из тела.
Олд скул. Old School, в переводе с английского «старая школа» – это популярный стиль татуировок, существовавший в Европе и Америке. Данный стиль появился в XIX веке, когда обычно на теле изображали рисунки якорей, лент, черепов и ангелов.
Трайбл. Это однотонный, обычно чёрного или серого цвета, геометрический узор. Своё начало стиль тату Трайбл берут в зарисовках Океании и цивилизации Майя, у племён Африки. Это был символ связи души с телом.
Треш-полька. Трэш (от англ. «trash» – мусор) является стилем, способным отразить привлекательность самых ужасных вещей. Не зря трэш дословно переводится как «мусор», то есть что-то низменное, отталкивающее, то, что люди считают не стоящим не то чтобы внимания, но даже того, чтобы находится поблизости.
Дотворк. В стиле тату дотворк делают весьма сложные рисунки, чаще всего геометрических форм. Плотность цвета, контрастность и интенсивность создается при помощи точек. По плотности их размещения зависит цвет татуировки.
Полинезия. Мало кто знает, что искусство татуировки впервые появилось в Полинезии. Возможно, именно потому современные татуировки в стиле Полинезия и являются одними из самых красивых и насыщенных.
Нью скул. Нью Скул тату (New school) – стиль довольно новый. Развиваться это направление начало примерно в середины 80-х, одновременно с рейв-движением и широко распространился по всему миру.
Традишнл. Несмотря на действительно повсеместное нанесение на тело различных бабочек, сердечек, ленточек и якорей, у традиционного стиля своя богатая история и свой сокровенный смысл.
Блэкворк.
Нео-традишнл. Одним из новинок стилей, который стал достаточно актуальным, является стиль татуировки Нео-традишнл.
Орнаментал. Орнаментал (Ornamental) – это полинезийский стиль, который пережил несколько поколений, но дошел до наших дней почти в неизменном виде.
Этника. Совсем недавно стал весьма популярным стиль татуировок под названием Этника. Этот стиль отличается своей объемностью и разнообразием рисунков.
Скетч стайл. Если подавляющее большинство людей ассоциирует татуировку с чем-то очень ярким, объемным и четким, то стиль тату Скетч полностью опровергает эти понятия.
Акварель. Если Вы романтичная, экспрессивная натура, чувствуете в себе порыв романтичного и чего-то необычного, тогда Вам подойдёт татуировка в стиле акварель.
Графика. Определить Графику от других стилей достаточно просто. Ее главным отличием является техника выполнения рисунка, а именно нанесение теней должно быть сделано черточками.
Черно-белая.
Японский. Татуировки в японском стиле – основанные на восточных мотивах, – это настоящее царство нарисованных драконов и рыбы кои, ратников и гейш. Стилевое изображение разнообразных драконов сходно с изваянием.
Хендпоук. Небольшая картинка, не отличающаяся красочностью, очень простая, часто глупого или неприличного содержания – это типичный образец стиля татуировки Хендпоук.
Упражнение №3.
На формате А4 создать эскиз татуировки в понравившейся стилистике.
Этапы выполнения задания:
- Групповая работа. Формат А4. Выбираем стилистику татуировки сомвестно с ПРП.
- Делаем три наброска
- Групповая работа. Смотрим и вместе выбираем итоговый эскиз.
- Переносим на большой формат + добавляем цвет + обводим черной ручкой, соблюдая разную толщину линий.
learn.unium.ru
Стили скетчинга | Sketch Arts
Добрый день. В этой статье мы подробно поговорим о том, какие же бывают стили скетчинга, и какие направления наиболее востребованы на данный момент. Мы уже вкратце коснулись этой темы в другой нашей статье, а теперь пришло время разобраться детальней в данном вопросе.
Итак, на сегодняшний день можно выделить несколько основных направлений скетчинга:
- интерьерный скетчинг,
- промышленный скетчинг,
- портретные зарисовки,
- фэшн скетчинг,
- зарисовки в кафе,
- лайфстайл скетчинг,
- фуд скетчинг,
- тревел скетчинг и так далее.
Начнем, пожалуй с интерьерного скетчинга. Это одно из наиболее популярных направлений в профессиональной среде дизайна. Для создания скетчей интерьера вы должны знать много нюансов: хорошо разбираться в построении перспективы, уметь отразить в своей работе игру света и тени, чувствовать масштаб, умело передавать пропорции и так далее. В последние годы выполненные от руки скетчи становятся все более востребованными по сравнению с компьютерной графикой – есть в ней что-то неживое, ей не хватает экспрессивности.
Промышленный скетчинг подразумевает зарисовки предметов индустриального дизайна, которые затем будут воплощены в реальность. Вы должны уметь строить различные объекты, учитывая законы перспективы и композиции, передавать светотень и делать цветовые заливки. Вы должны быть способны реалистично передать на листе бумаги проект и предоставить его заказчику. Также в этой сфере часто ценится скорость выполнения работы.
Портретный скетчинг. Скетч-портреты отличаются от обычных портретов стилизацией образа, легкой незавершенностью, некоей недосказанностью. Это больше набросок, чем полноценная картина, что придает работе определенный шарм. Портреты, выполненные маркерами, обычно яркие, сочные, притягивают к себе взгляд. Художник соблюдает пропорции, создавая скетч, но не стремится к гиперреализму. Это также отличительная особенность данного направления.
Fashion sketching. Этот вид скетчинга применяется в дизайне одежды, причем пропорции тела в большинстве случаев искажаются: фигуры вытягиваются, удлиняются. Талия может быть сильно завышена, а акцент сделан на ногах модели. Сама же фигура укладывается не в стандартные 8 голов, а в 10. Вообще у каждого дизайнера вырабатывается свой собственный стиль. Но в целом для фэшн скетчинга характерны стройные, вытянутые фигуры с акцентом именно на одежду.
Лайфстайл скетчинг. Этот стиль скетчинга скорее для души, чем для заработка. Не секрет, что художники вдохновляются окружающими их предметами: можно зарисовать свои рабочие инструменты, чашку кофе с булочкой, любимую сумку и тому подобное. У многих возникает желание отразить на страницах бумаги какие-либо памятные моменты в своей жизни: одни предпочитают держать все в себе, другие ведут ежедневник, а третьи рисуют скетчи.
Тревел скетчинг. Это зарисовки в путешествиях. Стремясь запечатлеть в поездках приятные моменты, многие берут с собой тревел-бук. В него можно вклеивать билеты на самолет, в театр и прочие приятные мелочи. И конечно же, делать яркие зарисовки от руки, которые останутся с вами на протяжении многих лет.
Food sketching. Это зарисовки еды. Вообще еда – это очень популярное направление в скетчинге. Причем рисовать можно не только для души, но и на заказ. Например, для оформления витрин и интерьера кофейни, булочной и так далее.
Что ж, на этом мы, пожалуй, закончим перечисление стилей скетчинга. Записывайтесь на наши курсы, если вам интересно научиться рисовать. И увидимся в следующих статьях 🙂
sketcharts.ru
Скетч стайл тату, эскизы и фото тату в стиле скетч
Татуировка всегда ассоциируется с ярким объемным изображением, но скетч стайл тату рушит этот стереотип. Главная особенность этого стиля – это незаконченный рисунок, первоначальный эскиз. Скетч переводится на русский, как набросок, поэтому тату получается с дополнительными линиями, без четких контуров и граней.
Что такое скетч стайл
Работа мастера всегда начинается с простого эскиза, который в дальнейшем будет детально прорисовывать: добавление красок, игра теней, продуманные детали. Бывает, что набросок получается невероятно красивый, наполненный глубоким смыслом и тайной, что клиент оставляет татуировку без последующих доработок. Это и есть скетч стайл: стильные, эксклюзивные и глубокие татуировки без лишней вычурности и избытка ненужных деталей.
Это интересно! Слово «скетч» имеет и другое значение – короткая сценка, где два артиста показывают интересную миниатюру. Поэтому татуировка, выполненная в этом стиле, имеет небольшой незамысловатый сюжет.
У татуировщика, выполняющего такую работу, должен быть не только богатый опыт, но и талант. Татуировка представляет необыкновенно художественный и изящный рисунок, выполненный в карандаше, поэтому чаще всего в стиле скетч присутствуют черно-белые оттенки, но бывают и цветные. Обычно яркие краски присутствуют в одной части изображение, а второе остается нетронутым искусным эскизом.
Роскошь в простоте
Несмотря на свою скромность, наброски на теле пользуются популярностью как у любителей нательной живописи, так и у тех, кто решил сделать тату впервые. Этому есть простое объяснение:
- Татуировку можно исправить в любое время;
- Дополнить красками и деталями;
- Перебить в совершенно другое тату.
Для первого рисунка на теле это идеальный вариант. Заказчик, решивший сделать тату первый раз в жизни, не всегда уверен в стиле и направление, постоянно сомневается в выборе рисунка и определенных деталях, а скетч стайл позволяет создать художественную композицию, которую можно изменять со временем.
Это интересно! Самый известный татуировщик этого направления Фрэнк Каррильо проживает в Бразилии. Беря за основу простые линии, с которыми работает каждый художник, он создает невероятные эскизы, наполненные черными чернилами и глубоким смыслом.
Скетч может быть как самостоятельной татуировкой, так и добавлением к другому направлению:
- Роскошно смотрится рисунок в стиле акварель плавно переходящий в эскиз. Словно это незаконченная работа, но она настолько художественно самодостаточна, что не требует доработки.
- Реалистичные изображения птиц и животных станут эксклюзивным нательным рисунком, если оставить их часть в виде наброска.
- Скетч с легкостью сможет разбавить тату в стиле Япония, сделав дракона частью графического рисунка в карандаше.
- Также набросок идеально впишется в готику: черный лес со схематично прорисованными елями или череп, выполненный идеально точными штрихами.
- В олд-скульном стиле, скетч может стать той самой неповторимой изюминкой, отделив своего владельца от общей массы носителей стандартных тату.
К плюсам этого стиля можно отнести минимальные затраты расходных материалов, а соответственно и цену. При этом они могут выглядеть намного круче, чем многоцветные тату на весь торс.
Обладатель уникальной татуировки в этом стиле будет хотеть постоянно ее доделать, а после каждого похода к тату-мастеру результат будет восхищать и завораживать все сильнее. Неудивительно, что маленькое тату скетч может стать основой неповторимой масштабной картины на теле.
Фото тату в стиле скетч
Related posts:
tattoowik.ru
Тату Скетч – описание стиля татуировки Скетч
Если подавляющее большинство людей ассоциирует татуировку с чем-то очень ярким, объемным и четким, то стиль тату Скетч полностью опровергает эти понятия. Само слово скетч обозначает некий набросок, легкий эскиз, и именно такой и получается тату – полупрозрачной, едва обозначенной, не терпящих граней.
Лучшие мастера Москвы, профессионалы в своем деле, точно знают, как оживить рисунок на коже, наделить его особым смыслом, одарить значением. Первым этапом на пути к созданию шедевра всегда является предварительный эскиз, потом уже он наполняется цветом и красками, приобретает четкие и жирные контуры. Некоторые наброски оказываются настолько хороши, что вовсе не требуют дальнейшей проработки, они и становятся стильными и оригинальными татуировками в стиле Скетч.
Подобно искусному карандашному рисунку на бумаге, скетч тату отличается необычайной художественностью и изящной красотой. Очень натуралистично и нежно в таком стиле смотрятся портреты, изображения животных, тонкие узоры и переплетения штрихов. Мастер, исполняющий подобную работу, должен владеть искусством художника и созидателя, чтобы картинка получилась действительно «живой». Здесь нет права на ошибку.
Стоит отметить, что кроме прямого значения, у слова скетч есть и еще одна популярная трактовка. Именно так на заре двадцатого века называли коротенькие спектакли с участием двух актеров. Десятиминутные сценки часто заканчивались бурным смехом и аплодисментами, поскольку выступающие разыгрывали комедийные отрезки. С тех пор под словом скетч в искусстве тату подразумевается и маленький простой сюжет, то есть рисунок-действие, изображение со смыслом. Набросок роскошного тигра в изящном прыжке – это тоже своего рода скетч, как и изображение, скажем, футболистов с мячом, или страстных красавиц.
Несомненным плюсом татуировки-наброска является и то, что ее в любой момент можно доработать и приукрасить. Если того требуют жизненные обстоятельства или просто душевный порыв, мастер легко и просто нанесет краску на уже готовый рисунок, сделает обводку, добавит, где требуется, новые штрихи. Именно со Скетч татуировок и начинаются масштабные картины во всю спину или во все тело, потому что результат каждый раз оказывается настолько потрясающим, что остановиться порой бывает крайне сложно.
tattoo-moscow.ru
Скетч стайл тату, описание стиля, фото и эскизы работ
У многих из нас татуировка ассоциируется с объемным, контрастным и четким рисунком, однако скетч стайл полностью опровергает этот стереотип. На первый взгляд может показаться, что данный стиль татуировки несколько утрирован, поскольку представляет собой скорее эскиз, легкий набросок. Иногда такие наброски получаются до такой степени качественными, что необходимость в дальнейшей их обработке попросту отпадает – именно такие рисунки вполне могут стать неповторимыми тату в стиле скетч.
Определенная недосказанность и шероховатость задают мотив тату в стиле скетч: непринужденность, схематичность и легкость. Такие татуировки выходят полупрозрачными, слегка обозначенными и не терпящими границ. Линии в данных татуировках выглядят небрежно, благодаря чему иногда они не четко видны на коже.
Особенности стиля скетч
Татуировки скетч стайл характеризуются необыкновенным изяществом и художественной эстетичностью. Выполненные в этом стиле изображения смотрятся довольно реалистично и естественно. Тату-мастера, занимающиеся нанесением таких рисунков, не имеют права даже на незначительную ошибку, поэтому желательно, чтобы они имели за плечами художественное образование. При нанесении татуировки скетч стайл необходимо предельно четко понимать – какие линии нужно стереть, а какие оставить для того, чтобы тату выглядело опрятно.
Преимущества sketch tattoo
Скетч стайл тату эскизы имеют одно огромное неоспоримое преимущество – они всегда могут быть:
- доработаны штрихами и деталями
- дополнены красками
- видоизменены
- преобразованы в какие-нибудь изображение в другом стиле.
При помощи нескольких легких штрихов и обводки возможно получить татуировку, которая будет смотреться совсем по-иному.
Скетч стайл тату идеально подойдет тем людям, которые еще не смогли решиться на полноценную татуировку либо не желают разукрашивать приличную часть себя, а также сомневаются по поводу выбора стиля. Довольно часто такие тату делаются для того, чтобы в будущем превратить их в яркие и красочные изображения.
Как и в прочих стилях, для татуировки в скетч стайле важно место, куда будет нанесено изображение – это зависит от выбранного рисунка и персонального желания его носителя.
Тату скетч стайл способны послужить началом, отправной точкой для масштабных впечатляющих картин во все человеческое тело, которые со временем станут потрясающими и эксклюзивными произведениями татуировочного искусства.
Прежде чем придти в Наш тату салон, оставьте заявку через сайт и Вы получите 20% скидку на все услуги нашего салона Тату Дракон. В случае, если у вас на теле имеется тату, которые Вы хотите убрать, то записывайтесь на процедуру удаление тату, наши мастера выполняют ее лазером, не оставляя никаких шрамов и других следов
Поделиться в соцсетях:
www.tattoodragon.ru
Использование общих стилей и символов в Sketch
В предыдущем посте мы бегло осветили вопрос настройки общих стилей. У нас был главный и вспомогательный цвета бренда, для которых мы создали отдельные стили. Сегодня я хочу углубиться в смысл общих стилей, как их создавать и как использовать.
Общие стили содержат правила для всего дизайна. С такими стилями можно установить цвета бренда, правила типографики, настроить базовые правила для кнопок, ссылок и прочих элементов. Плюс настройки общих стилей с самого начала в том, что в последующей работе придется править очень небольшое количество элементов, если вдруг ваш клиент (или вы сами) решит внести изменения в брендинг. Также общие стили помогают придерживаться постоянства в дизайне, использовать корректные цвета и размеры. (Но я и сам по-прежнему грешу подобными нестыковками).
Давайте просто предположим, что мы работаем с клиентом, у которого уже есть руководство по использованию бренда. Есть конкретные цвета, шрифты, базовые размеры и т. д. Отлично! Все, что нам нужно сделать, — повторить эти требования в Sketch.
Давайте создадим стили
Пройдемся по процессу создания стилей, на этот раз держа в уме руководство по использованию бренда. Сначала цвета. Почему именно цвета? Надо же с чего-то начинать 🙂
Создадим какие-то базовые фигуры, вроде кругов и квадратов. Создадим один стиль со сплошной заливкой и несколько стилей с контурами (толщина контура будет одинаковой для всех стилей) для каждого цвета бренда. В итоге получится что-то вроде этого:
Чтобы создать сами стили, нужно выделить объект и нажать на кнопку ‘No Shared Style’ в правой стороне окна Sketch. Обязательно задавать стилям осмысленные, понятные имена, поэтому своим стилям я задам метки ‘primaryColor/solid, primaryColor/outlined-2pt, primaryColor/outlined-4pt’ и т. д.
Использование ‘/’ более важно в символах, чем в стилях (позже в этом посте мы коснемся и этой темы), но тут символ тоже пригодится. Когда вы посмотрите на свой список стилей, заметите, что они не стоят в порядке создания. Они упорядочены по алфавиту. Придерживаясь названий primaryColor и secondaryColor, можно быть уверенным, что эти стили будут сгруппированы. Префикс /solid или /outlined-2pt помогают дифференцировать стили. Если вы случайно назвали стиль неправильно, вы всегда можете переименовать его впоследствии.
Ваши цвета уже должны иметь названия вроде ‘PrimaryFirefoxRed’ или ‘GoogleBlue’, используйте их тут вместо моих.
Стили шрифтов
Стили также можно задавать и для текстов. В них можно указать, как именно нужно отображать заголовки, основной текст, ссылки и все остальное. Аналогично стилям выше, шрифтовые стили будут перечислены на страничке Style Guide в Sketch. Опять же, у нас уже есть руководство по использованию бренда от клиента, так что много на данном этапе придумывать не придется. Все, что нужно сделать, — воссоздать данное нам руководство в Sketch. Я предпочитаю настраивать свои стили шрифтов вот так…
Так модно было несколько лет назад.Как только вы добавили текст, можно применить к нему текстовые стили. Это очень похоже на то, как мы указывали обычные стили, но на этот раз мы работаем с цветом, размером шрифтов, типом, жирностью и высотой строк, а также тенями (если вы их добавляете). Теперь вы не ограничены только стилем заголовка, подзаголовка и основного текста, как в моем примере. Скорее всего, ваша финальная версия будет содержать стили вроде ‘imageOverlay’ (оверлей поверх картинок) или ‘profileName’ (имя профиля). У меня были проекты с 10 и более стилями текста. Конечно, чем меньше таких стилей, тем проще разработчикам потом внедрять такой дизайн.
Всегда подбирайте осмысленные названия для текстовых стилей. Например, headerTextBlue или bodyCopyGrey — лучше, чем названия вроде textStyleOne или textStyleLarge.
Все нужные стили готовы. Шрифты на месте, цвета определены; настало время ими воспользоваться.
Символы!
Символы могут быть слабым местом для новичков в Sketch. К тому же, в прошлом были некоторые проблемы с их использованием. Но, к счастью, ребята из Bohemian Coding постоянно работают над проблемами, улучшая свой продукт, делая его более надежным. Символы — это особый вид групп. Они отображаются, как группа в списке слоев, но вместо синей иконки отмечена фиолетовой.
Символы отлично работают, когда нужно обновить все сущности одного объекта. Представьте, вы создали iOS-приложение, и на всех макетах вам сказали изменить время в статусной строке с 9:41 на 12:51. Всего у вас 74 экрана. Вот это развлечение, не правда ли? Если бы вы превратили статусную строку в символ, вам пришлось бы изменить только одну ее копию, и это изменение тут же подтянулось бы на остальные 73 сущности. И эта магия работает на любых элементах, превращенных в символ: статусные строки, иконки, разделители и прочее. На мой взгляд, символы — одна из лучших сторон Sketch.
Создадим первый символ. Для этого примера мы просто создадим кнопку с астатическим действием (floating action button), которая содержит иконку ‘+’. Ничего сверхъестественного. И, наверное, создадим ее нажатую версию (потому что обычно требуется создавать нормальное, активное и нажатое состояния)/ Начнем со стандартного состояния. На страничке Assets в Sketch-документе нарисуем круг 60×60-pt.
Горячая клавиша для инструмента Овал — буква ‘o’. Удерживая shift при рисовании овала, вы добьетесь пропорций круга.
Круто, затем разукрасим круг во второй цвет из руководства по бренду (и тут на сцену выходят стили!).
Выделите фигуру, кликните там, где вы видите ‘No Shared Style’ в правой части окна и измените на secondaryColor/solid. Круг должен принять свойства выбранного стиля. Магия, правда?
Теперь добавим нужную иконку. Я создал иконку ‘+’, но вы можете сделать любую другую. Я буду создавать свою иконку ‘+’, комбинируя два прямоугольника и применяя к ним стиль supportColorGrey/solid.
Я просто создал два прямоугольника размером 2pt x 30pt и расположил их в форме +.
Теперь нужно все сгруппировать. Для этого нужно выделить оба прямоугольника, и нажать Cmd+G. Все выделенные элементы будут помещены в папку, и тут уже можно превратить группу в символ. Иногда сбивает с толку, что символы можно создать только из групп. К счастью, можно создать группу из 1 элемента с помощью той же горячей клавиши Cmd+G, предварительно выделив нужный элемент. После группировки изменим имя ‘Group’ на что-то вроде ‘fabAdd/normal’.
Просто дважды кликните на названии слоя для входа в режим редактирования.
И последнее, но не менее важное — давайте уже, наконец, создадим этот символ 🙂 Выделите группу (я назвал свою fabAdd/normal), посмотрите на правую сторону файла Sketch, где мы ранее создавали стили. На этом месте должна быть кнопка ‘No Symbol’.Кликните на ней и выберите опцию ‘Create New Symbol’. Название символа автоматически повторит название выделенной группы. Если этого не произошло, вручную переименуйте символ на fabAdd/normal.
Убедитесь, что вы выделили всю группу, а не один слой. После ввода названия нажмите enter для подтверждения создания символа.
Как и с общими стилями, тут есть свои правила в написании названий. fabAdd позволит группировать все с таким же префиксом в папке символов, в то время как /normal указывает на положение (состояние) кнопки. Когда будем создавать символ для положения нажатой кнопки, назовем его fabAdd/pressed, активное положение будет названо fabAdd/active и т. д. Каждый символ с разными положениями должен так создаваться. Таким образом, наш список символов в Sketch будет идеально организован и прост в использовании.
Итак, мы создали парочку символов, и добавили их в дизайн, все выглядит отлично. Но клиент пришел, и потребовал, чтобы все кнопки FAB были окрашены в главный цвет бренда (primaryColor), а не во второй оттенок, как было раньше. Ну, это проще простого. Нужно просто нажать Cmd+кликнуть на элементе символа, которому задан стиль secondaryColor/solid, и изменить его на primaryColor/solid в меню стилей справа. Как вы видите, все сущности этого символа обновились.
ПОСМОТРИТЕ!
Это один символ, но как я раньше говорил, нужно создать нажатую версию кнопки. Обычно, когда мы кликаем кнопку (на десктопе или мобильном экране), есть некая смена цвета. При нажатии моя кнопка будет становиться на пару тонов темнее.
Для начала нам нужно создать новый стиль ‘primaryColor/pressed/solid’. Каждый раз, когда я добавляю значок /, я просто перемещаюсь на один слой глубже. Я не советую увлекаться этим приемом, потому что читать и понимать названия вроде ‘primaryColor/pressed/solid/kinda/slash/overkill’ становится довольно сложно.
Создайте копию первой кнопки на страничке Assets. Для этого нужно нажать option и перетянуть артборд с кнопкой в состоянии /normal на новое место.
Скопировать артборд можно, нажав Option+Shift и протянув название артборда на новое место.
Когда артборд скопирован, переименуйте его в соответствии с необходимыми правками. Я переименовал на fabAdd/pressed. Теперь выделите скопированную кнопку и кликните на кнопку в правой части файла Sketch, где указывается название выделенного символа. Вы должны увидеть опцию Duplicate Symbol (дублировать символ).
При клике на эту кнопку откроется поле ввода, куда нужно впечатать название для нового символа. Я назвал его fabAdd/pressed.
Убедитесь, что выделена целая группа, а не один ее элемент.
Этот новый символ не имеет теперь никакой связи с тем, что мы создавали в начале, так что правки в нем не должны затронуть первый символ. Применим стиль primaryColor/pressed/solid к новому символу. Для этого опять нажмите Cmd и кликните на объект, в котором нужно изменить стиль, в меню справа.
Убедитесь, что вы только выделяете элемент, стиль которого нужно изменить.
И вот, у вас теперь несколько символов! Если вам понадобится вставить один из символов в дизайн, вы можете найти их, нажав ‘Insert’ в панели меню. Префиксы действительно помогают удобно организовать все символы.
Красивая организация, правда?
Символы и стили могут серьезно экономить время. На старте нужно немного похлопотать с настройками, но в процессе дизайна вам не придется делать одну и ту же работу многократно. Но, как и во всем остальном в этом мире, в символах нужно соблюдать определенные правила.
- Символы и стили действуют только в том файле, в котором они созданы. Они никак не влияют на другие файлы Sketch, так что придется либо скопировать их в новый документ для использования, либо же создать их заново.
- Если вы редактируете стиль (даже случайно), изменения применятся ко всем элементам, для которых он установлен.
- Если вы редактируете символ, то все его сущности также будут изменены.
У вас есть вопросы? Пожелания? Исправления? Делитесь ими в комментариях к этому посту, будет очень интересно узнать о вашем опыте по использованию стилей и символов.
ux.pub