макеты для скетчинга что это
Скетчинг: как нарисовать сайт на бумаге
Часто дизайнеры перерисовывают финальный макет несколько раз, потому что заранее не продумали структуру сайта.
Что такое скетчи и зачем рисовать сайты
Скетч сайта — это быстро нарисованный план страницы. Он нужен для того, чтобы понять, как сайт будет работать и где будут расположены основные элементы.
Такой рисунок помогает заранее узнать, какие трудности появятся при проектировании сайта. Черновик можно нарисовать сразу на встрече с заказчиком и согласовать расположение главных блоков. Потому что скетч легко перерисовать и внести в него правки. Это простой рисунок, а не готовый макет.
Работа со структурой сайта на первых этапах поможет избежать вопросов и лишних правок уже после того, как дизайнер сделает финальный вариант в графическом редакторе.
А еще схематичный рисунок страницы поможет дизайнеру ничего не забыть при создании готового макета. Скетч напомнит, как расположены все блоки и что еще нужно добавить на сайт.
Инструменты
Скетч сайта — это в первую очередь рисунок, а не строгая схема. А для создания рисунков нужны удобные инструменты. Конечно, можно пользоваться любыми подручными средствами: простыми карандашами, ручками, рисовать в тетради.
Однако дизайнеры выбирают листы формата А4, специальные блокноты для скетчинга и тетради для прототипирования, а наброски делают с помощью гелевых ручек и маркеров с тонким стержнем.
Обычная бумага
Для скетчинга подойдут обычные листы формата А4. Но они не должны быть слишком тонкими. Тонкие листы просвечивают и на них неудобно рисовать маркерами.
На листе А4 можно разместить несколько экранов веб-страницы и написать комментарии для каждой. А чтобы презентовать структуру сайта нескольким людям, можно нарисовать ее на большом листе формата А3.
Скетчбуки
Скетчбуки — небольшие блокноты с плотными листами. Обычно их используют художники для набросков и быстрых зарисовок. Скетчбук идеально подойдет для того, чтобы рисовать сайты и оставлять комментарии.
Так как скетчбук встречается в небольшом формате, его удобно брать с собой и делать наброски в свободное время.
Альбомы
Некоторые дизайнеры пользуются специальными альбомами для прототипирования.
В магазинах они не продаются, поэтому их делают самостоятельно. Необходимо скачать исходники с сайта и распечатать на принтере.
Можно сделать много копий таких листов и отнести в типографию на брошюровку. Получится полноценный альбом, в котором удобно рисовать сайты.
Где скачать
Маркеры и гелевые ручки
Рисовать сайты удобно тонкими маркерами и гелевыми ручками. Для основных элементов можно выбрать черный цвет, а для создания акцентов и комментариев — красный или зеленый.
Рисунок маркерами и ручками получается живым и ярким. Линии нельзя стереть и исправить, поэтому с первого раза нужно проводить их ровно и точно.
Общие советы
Чем аккуратнее нарисован сайт, тем больше он понравится заказчику. А это значит, что обсуждать структуру и вносить правки будет легче.
Схемы сайтов, нарисованные быстро и небрежно, не хочется рассматривать и изучать.
Расскажем, как делать скетчи сайтов так, чтобы они были понятными и аккуратными.
Ровно рисовать линии
Не использовать линейку. Когда фрагмент нарисован от руки, он кажется живым и настоящим. А идеально ровные линии делают рисунок скучным.
Скетч — это схема будущего сайта. Поэтому не стоит тратить время на детали и прорисовывать каждый элемент. Не нужно подробно рисовать иконки, писать текст и заголовки.
Подбирать оптимальный размер рисунка
Скетч не должен быть слишком большим. Если рисуете на листе формата А4, то его можно визуально разделить две части. В первой нарисовать сайт, а вторую оставить для комментариев.
Как проводить линии
В основе любого рисунка — прямые линии. Все базовые элементы сайта нарисованы с помощью них. Если линии рисовать ровными, то скетч будет выглядеть аккуратным.
Научиться проводить ровные линии без линейки можно с помощью специальных упражнений. Поэтому стоит потратить несколько часов на освоение этого навыка, он потом пригодится.
Упражнение 1. Отметьте на листе две точки и соедините их линией. Ведите руку плавно и ровно в среднем темпе. Делайте так, чтобы рука не дрожала, а линия не провисала и была достаточно ровной.
Упражнение 2. Рисуйте линии одну под другой или рядом друг с другом. Старайтесь, чтобы они были параллельны друг другу. Не нажимайте на маркер слишком сильно. Легко касайтесь листа, намечая траекторию.
Как рисовать элементы сайта
Сайт — это набор определенных блоков, которые в свою очередь состоят из разных элементов. Чтобы узнать, как делать скетчи сайта, нужно научиться рисовать все базовые элементы.
Заголовки и текст
Все заголовки и обычный текст рисуют сплошными линиями разной толщины.
В скетче сайта не должно быть много деталей, поэтому слова и буквы не используют.
Изображения и видео
Изображения на странице показывают с помощью прямоугольника с двумя пересекающимися линиями внутри. Если изображение широкое и занимает всю страницу, его рисуют по всей ширине.
Видео обозначают как прямоугольник с треугольником по центру. Треугольник означает кнопку запуска воспроизведения.
Слайдеры
Слайдер рисуют так же, как и картинки, с помощью перечеркнутого прямоугольника. К нему добавляют еще элементы управления: стрелки и пагинатор. Если слайдер небольшой, рисуют маленький прямоугольник. Если это целый экран, растягивают на ширину всей страницы.
Иконки и кнопки
Иконки, кнопки и другие элементы изображают схематично в упрощенном виде. Однако нужно соблюдать форму и делать элементы такими, какими они будут на макете.
Если нужна прямоугольная кнопка, рисуем прямоугольник. Иконку можно обозначить маленьким кругом.
Рисуем страницу полностью
Чтобы нарисовать сайт целиком, нужно комбинировать все элементы: изображения, заголовки и текст, слайдеры, кнопки и иконки.
Например, нужно нарисовать макет сайта для нового строительного материала.
Сначала подумаем над структурой будущей страницы. Так как это лендинг, то нужны такие блоки:
На основе этой структуры набросаем рисунок будущего сайта.
Заключение, или Как заработать на скетчах
Обычно такие зарисовки делает менеджер во время встречи с клиентами или дизайнер, которому предстоит создать макет для будущего сайта.
В любом случае к этому нужно отнестись серьезно: нарисовать, обсудить с заказчиком, утвердить структуру. Все вопросы лучше решать на этапе набросков и черновиков, а не во время создания макетов.
Корректировка финального результата отнимает много времени и у заказчика, и у дизайнера. Поэтому наброски и скетчи на раннем этапе помогут заработать быстрее и сохранить ресурсы.
Рисовать макеты сайтов на бумаге не сложнее, чем делать их в графическом редакторе. Потому что здесь важно не то, как хорошо вы рисуете, а то, насколько аккуратно и понятно изложена информация. Продолжить изучение скетчинга, чтобы создавать наброски сайтов, визуализировать свои мысли и объяснять идеи коллегам, можно на курсе «Скетчинг для дизайнера» от Skillbox.
Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.
Что такое скетчинг и зачем он вам нужен
Рассказываем, зачем рисовать всё, что видишь вокруг, и при чём тут дизайн.
Что такое скетчинг?
Скетчинг — это техника быстрого рисунка, название которой произошло от английского слова sketch («эскиз», «набросок»). То есть изначально это был просто набросок, который потом нужно закончить. Он мог стать подготовительным этапом для более крупной работы. Раньше художники так и делали: начинали с набросков, чтобы продумать композицию, расположить элементы на листе, наметить основные линии.
Сейчас скетч — это по-прежнему быстрый рисунок, но уже не просто набросок, а инструмент, которым пользуются не только художники, но и дизайнеры, архитекторы, инженеры, а также другие специалисты и руководители. То есть скетч превратился в способ быстро визуально выразить идею: на бумаге, экране или хотя бы на маркерной доске.
Пишет про управление в Skillbox. Работала координатором проектов в Русском музее, писала для блога агентства CRM-маркетинга Out of Cloud.
Инструмент — это как?
Инструмент в том смысле, что скетчинг помогает в работе. Его можно использовать почти в любой сфере и для разных целей. Например, вы — продуктовый дизайнер, и вам нужно понять, как будет выглядеть продукт или его интерфейс. Для этого вы можете сделать скетч. Другой пример: архитектор хочет объяснить клиенту идею проекта и тоже делает это с помощью скетча. Потому что показать — нагляднее и быстрее, чем долго объяснять идею только словами.
Так можно сделать быструю зарисовку окружающей обстановки, предмета или передать какую-то идею, как в примерах выше. Обычно скетч рисуют сразу, без предварительного наброска.
Получается, что любой быстрый рисунок — это скетч?
Смотря что считать быстрым рисунком. Когда речь идёт о времени, всё относительно. Для одного быстро — это пять минут, а для другого — пара часов. В скетчинге всё зависит от техники, которую использует автор скетча, и сложности композиции. Например, если вы делаете простую зарисовку, то это может занять около 30 минут, а если более детальный скетч или скетч на заказ — то час или даже пару часов.
Но не любой быстрый рисунок — скетч. В художественной среде и среди любителей рисования скетч — это такой быстрый рисунок, который сделан по принципу «рисую то, что вижу». То есть с натуры или по фотографии. Но это не всё: скетч передаёт какие-то впечатления автора, эмоции, которые он испытывает во время рисования. Если вы, например, просто рисуете геометрические формы на бумаге во время разговора, то это не скетч.
В более широком понимании, если мы говорим о скетчинге как инструменте дизайнера, архитектора или какого-то другого специалиста, это тоже быстрый рисунок. Но по значению он ближе к наброску или эскизу, потому что это предварительный этап работы. Такие скетчи не делают с натуры, поэтому больше времени уходит на обдумывание идеи, чем на её отрисовку.
А как отличить скетч от наброска?
Изначально «скетч» и «набросок» означали одно и то же, об этом мы рассказали выше. Потом их значения разошлись, но однозначной трактовки нет до сих пор.
В художественной среде чаще считается, что набросок — это незаконченный рисунок, эскиз. А скетч — полностью законченная самостоятельная работа, которая передаёт какое-то настроение или образ, об этом мы уже немного сказали выше. При этом она может выглядеть так же, как и набросок: без тщательной проработки и детализации. Но чётких критериев нет. Художник сам определяет, когда считать свою работу законченной.
А что рисовать в скетчах?
Рисовать можно что угодно, буквально всё, что вы видите вокруг. Сейчас есть много направлений скетчинга. Например, зарисовки в путешествиях — travel-скетчинг, а ещё есть городской скетчинг (зарисовки городских видов, зданий), фуд-скетчинг (рисование еды). Тех, кто следит за модой и ходит на модные показы, может заинтересовать fashion-скетчинг.
Насколько подробным должен быть скетч?
Это решает сам автор скетча. Суть скетчинга в том, чтобы передать настроение, основные формы предметов, контуры, поэтому в нём не обязательно подробно прорабатывать детали. Но если художник хочет акцентировать внимание на какой-то детали или деталях, то он это делает — и от этого скетч не перестаёт быть скетчем.
Но скетч — это не академический рисунок. Эмоции и настроение важнее портретного сходства, а стиль и манера могут быть любыми. За эту свободу и гибкость скетчинг как раз и любят.
Как не путать скетч и иллюстрацию?
Иллюстрация — это изображение, которое передаёт или дополняет смысл текста, рассказывает историю, оно создано для определённой цели и выполняет конкретную задачу. Например, иллюстрация рисуется для обложки книги, журнала или упаковки продукта. А скетч, как мы уже пояснили выше, — это самостоятельная законченная работа (если мы говорим о скетче в художественной среде) или инструмент, чтобы показать идею проекта (так скетчи используются в дизайне и других сферах).
Остальные отличия — в деталях. В целом границы не очень жёсткие, и иногда скетч вполне может стать иллюстрацией. Продолжая пример выше: рисунок, который рисовался как скетч, потом можно использовать на обложке книги или журнала, на упаковке. Или другой пример. Допустим, вы дизайнер интерьеров и нарисовали скетч помещения. Вы хотели показать, где будут расположены предметы, как будет стоять мебель, какая у комнаты цветовая гамма. Вы построили перспективу и расположили в ней элементы так, чтобы заказчик понял, как выглядит готовый дизайн.
Какие материалы нужны для скетчинга?
Скетч можно нарисовать почти любыми материалами: карандашами, маркерами, тушью, ручкой, акварелью. Можно смешать несколько разных техник. Всё зависит от ваших целей и личных предпочтений.
Сейчас популярный материал для скетчинга — специальные маркеры для рисования. Они бывают спиртовые, акриловые, акварельные и меловые.
Чтобы сделать скетч, вам нужно выбрать не только чем рисовать, но и на чём. Например, взять лист бумаги, любой блокнот или скетчбук.
А можно рисовать скетчи на компьютере?
Можно. Хотя скетчинг — это больше про традиционные техники рисования, сейчас многие переносят его в Digital. Например, для этого подходит Photoshop, если рисуете на компьютере или графическом планшете, и ProCreate — если на айпаде.
Нужно уметь рисовать, чтобы сделать скетч?
Чтобы рисовать скетчи, не обязательно быть художником. Главное — чтобы вам нравилось это делать. Можно начинать с нуля, а если вас увлечёт это занятие, то постепенно освоите композицию, формы, правила перспективы и ту технику рисования, которая вам близка.
Я не хочу быть художником, зачем мне тогда скетчинг?
Скетчинг пригодится не только художникам, но и дизайнерам, архитекторам, сценаристам и аниматорам — с его помощью они могут решать свои рабочие задачи. Но многие скетчат (рисуют скетчи) не потому что это нужно для работы, а просто для удовольствия. Например, можно делать зарисовки в путешествиях (заменяя скетчами фотографии) или пока ждёте в кафе, использовать скетчинг как технику медитации или просто развивать креативность.
Британский книжный иллюстратор Крис Риддел считает, что скетчинг учит мыслить визуально и не важно, что и как вы рисуете: это могут быть ежедневные заметки, чертежи или просто списки покупок.
Скетчинг стал очень популярным направлением, потому что не предъявляет высоких требований к навыкам и даёт полную свободу в стиле и манере рисования. Существует много сообществ скетчеров — как в разных городах и странах, так и международных, например Urban Sketchers. Любители скетчинга иногда собираются порисовать вместе — но никто не мешает рисовать и в одиночку, кому как больше нравится. Для многих такое рисование стало способом расслабиться и приятно провести время.
А где узнать больше о скетчинге?
В интернете очень много информации и на русском, и на английском. Например, для начала можно посмотреть эти видео:
Если хотите использовать скетчинг в работе, то вам будет полезен наш курс «Скетчинг для дизайнеров». Там вас научат рисовать увереннее, объяснят, как работает композиция и перспектива, помогут разобраться с формами и текстурами. Вы попробуете разные техники и стили — и найдёте ту, что ближе вам.
Что такое маркеры для скетчинга? В чём их отличие от фломастеров? Обзор.
Материал для рисования
На фотографии Вы видите как выглядят маркеры для скетчинга и детские фломастеры в сравнении. Маркеры для скетчей почти всегда имеют два наконечника, это перья художественных маркеров которые позволяют скетчеру заливать цветом большие площади на бумаге или проработать детали узким пером.
Обзор цветовой палитры
Если говорить о маркерах для скетчей в качестве основного материала для рисования, то конечно одним из их главных преимуществ всегда будет цветовая палитра. Большинство производителей маркеров для скетчинга создает интуитивно понятную палитру в соответствии с цветовым кругом. В палитре маркеров для скетчинга обычно можно найти от 120 до 500 оттенков, среди которых есть и чистые цвета, например ярко-желтый или кадмий красный, так и полутона различной насыщенности.
В палитрах профессиональных маркеров для скетчинга всегда есть довольно большая градация крайне важных для художников и дизайнеров тепло и холодно-серых оттенков. Вы никогда не встретите такие цвета в детском более дешевом наборе фломастеров. Отчасти это является причиной, по которой художники и начинающие скетчеры-иллюстраторы выбирают профессиональные маркеры для скетчей.
Создание цветовых переходов маркерами для скетчинга
Еще одним преимуществом маркеров для скетчинга является удобство создания градиента цветов в работе, что делает готовый скетч более фотореалистичным и профессиональным. Большинство брендов маркеров для скетчинга имеют в своем ассортименте маркеров бесцветный маркер-блендер.
Посмотрите, как работает маркер-блендер с маркерами для скетчинга на фото выше. Маркеры для скетчинга довольно легко размываются этим специальным спиртовым маркером в красивые цветовые переходы. Маркер-блендер для скетчей можно использовать как поверх рисунка цветными спиртовыми маркерами, так и наоборот, перед началом заливки бумаги цветом можно обработать площадь блендером.
Маркеры для скетчинга просты в использовании
Также маркеры для рисования довольно удобны в хранении и транспортировке. Для выезда на природу Вам не прийдется собирать огромный этюдник с большим весом. Маркеры для скетчинга имеют маленький вес и компактный размер, что делает их максимально удобными для поездок и быстрого скетчинга.
Итог обзора маркеров для скетчинга
Подводя итог нашему обзору маркеров для скетчей в качестве одного из материалов для профессионального скетчинга и рисования, хоту отметить, что они действительно являются достойным уважения и популярности инструментом. Помимо всех преимуществ, маркеры в большинстве случаев способны вдохновить своего владельца на новые творческие подвиги. Те художники, которые переходят на маркеры для скетчинга остаются довольными своей покупкой и достигают новых высот в своих работах.
Скетчинг как быстрый способ донести идею. Первые шаги дизайнера
Скетчинг — техника, которая широко применяется в процессе дизайна. Она помогает быстро визуализировать идеи, согласовать их с заказчиком и свести к минимуму риск недопонимания.
Что такое скетчи, зачем они нужны
Скетчи — это быстрые зарисовки и визуальные заметки, которые отображают на бумаге образы, идеи и мысли. Само слово sketch с английского переводится как «быстрый рисунок».
В скетчинге важна скорость, позволяющая лаконично зафиксировать очертания предметов и общую идею. Не стоит гнаться за целостной художественной композицией и проработанными деталями.
Скетчи используют люди разных профессий.
Независимо от того, в какой отрасли применяется техника, у нее всегда есть общие черты: нарочитая небрежность, проработка только нужных участков композиции, часто использование одного цвета.
Направления скетчинга
Скетчинг стал очень популярным и разделился на несколько самостоятельных жанров с разными техниками.
В каком бы направлении вы ни решили развиваться, стоит начать с подготовки инструментария.
Инструменты для скетчей
Чтобы быстро что-то зарисовать, нужно всегда иметь под рукой нужные инструменты. Поэтому лучше выбрать компактный скетчбук — специальный альбом для рисунков. Для каждого жанра используют свои основные инструменты. Это может быть простой черный карандаш, акварельные краски, карандаши, тушь или специальные маркеры.
Под инструменты и подбирают бумагу.
Не гонитесь за дорогими инструментам, для начала подойдут и обычные офисные маркеры и простые карандаши. Самое важное — это навыки, умелый художник нарисует гениальный скетч карандашом на салфетке.
Как научиться
Скетчи сможет рисовать и тот, кто до этого ни разу не брал в руки карандаш. Основная функция — иллюстрация главной мысли или идеи, поэтому не гонитесь за идеальным художественным изображением.
Пяти базовых элементов достаточно для создания простых зарисовок. Любой рисунок состоит из точек, прямых, прямоугольников, кругов и треугольников. Эти элементы можно комбинировать, получая сложные формы. Оглянитесь вокруг: с помощью каких элементов и геометрических фигур можно нарисовать ваш монитор? А чашку с кофе на столе?
Чтобы создавать более сложные рисунки, нужно немного разобраться в теории изобразительного искусства и узнать базовые вещи.
Композиция поможет правильно располагать предметы на листе. Нужно знать, как делить лист на части с помощью правила третей или золотого сечения. А предметы изображать по законам перспективы — чем ближе предмет, тем он больше.
Свет и тень добавляют предметам объем, задают форму и помогают получать интересные фигуры. Весь белый лист изначально состоит из света. Чтобы рисовать, удаляйте свет, создавая тень.
Цвет нужен даже тем, кто рисует простым карандашом. Узнайте про то, как делать переход от темного к светлому, какие бывают цвета и как их воспринимает человек. Эти знания развивают художественные навыки и помогают смотреть на работу опытным взглядом.
Штриховка и растушевка заполняют рисунок цветом. Штрихи бывают разной формы, могут пересекаться или накладываться. С помощью растушевки штрихов получают плавный переход цвета от темного к более светлому.
Два подхода к созданию скетчей
Скетчи создают двумя способами.
Упражнения
Чтобы набить руку, начните с простых техник.
Получилось нарисовать простые фигуры? Начните со сложных объектов: лица человека, кистей рук, цветов и листьев, постепенно их усложняя.
Заключение
Рисовать скетчи несложно, помните, что вы передаете мысли и ощущения, а не создаете картину. Чтобы научиться создавать сложные скетчи: