Пошаговое руководство по рисованию о том, как рисовать ошибку из WordWorld
Как нарисовать ошибку из WordWorld
Шаг 1
Шаг 2
Шаг 3
Шаг 4
Шаг 5
ШАГ 6
Шаг 7.
Шаг 8
Шаг 9
Шаг 10.
Шаг 11
Top-Bit 22672 Инструкций 0 Комментариев
Home / Без / Как нарисовать ошибку Сан-Андреас
Как нарисовать ошибку Сан-Андреас
/
On 18.06.2019
/
At 01:25
/
579
Views
Привет всем, вы можете выполнить пошаговое руководство по рисованию видео и научиться рисовать ошибку Сан-Андреас в кратчайшие сроки. Смотреть меньше
Шаг 1 —
Шаг 2 —
Шаг 3 —
Шаг 4 —
Шаг 5 —
Шаг 6 —
Шаг 7 —
Шаг 8 —
It is main inner container footer text
letsdraw.it
Угадывай и Рисуй, Лучший рисунок, Лучшая копия — онлайн игры, где ты можешь посоревноваться с другими в умении рисовать!
Играть
Выбери рисунок ошибки из нашей коллекции. Попробуй скопировать его или посмотри подробное пошаговое видео.
Мы используем рисунки созданные игроками LetsDrawIt. Так как картинки выбираются автоматически, есть возможность обнаружить неуместный рисунке. В этом случае обязательно нажимай на кнопку “Пожаловаться на рисунок”.
Изображения доступны по (CC BY) лицензии
Реклама
Реклама
Реклама
Вы решили стать хорошим художником. Много практикуетесь, читаете учебные материалы, смотрите видеоролики, анализируете чужие работы… но совершенно не замечаете прогресса. Усердная работа не приносит желаемого развития. «Может быть, это просто не для меня», – подумаете вы. – «Возможно, я зря трачу свое время». Однако, я уверена, что этому может быть другое объяснение. Вполне возможно, что вы просто неправильно планируете учебный процесс. Ошибочные выводы, непродуктивная практика… Стоит только избавиться от этого, как все изменится, и вы начнете видеть прогресс. Давайте подробнее рассмотрим ошибки начинающих художников и способы борьбы с ними.
1. Завышенные ожидания
Всякий раз, когда мы чего-то хотим, наши желания основаны на представлении того удовлетворения, которое мы почувствуем, когда получим желаемое. Созерцая великолепное произведение искусства, мы думаем, как было бы прекрасно нарисовать что-то подобное. Именно с этого чувства и начинается процесс обучения рисованию.
Но проблема в том, что вы не сможете удовлетворить возникшее желание здесь и сейчас. У вас не получится за одну ночь достичь уровня великих художников, которые годами учились этому искусству. И что же мы получим в итоге? Плохой рисунок – доказательство недостаточно развитых навыков. По сути, каракули ребенка.
Из-за этого каждая попытка нарисовать что-то красивое приводит к неизбежному разочарованию. Вы ожидаете одни эмоции, а на деле получаете совсем другие. При этом вы можете прекрасно понимать, что на учебу требуется время, но это не мешает вам чувствовать себя неудачником.
Зачем вообще рисовать, если я не могу нарисовать что-то красиво
Меня всегда удивляло, почему от рисования ждут немедленных результатов. Впервые сев за пианино, вы не думаете, что сразу будете играть, как Моцарт. И впервые сидя за рулем автомобиля, вряд ли кто-то мечтает с первого же раза выиграть гонку. Да и в отношении кулинарии мы не ждем ресторанного уровня, когда готовим блюдо впервые.
Во всех этих случаях ожидание неудачи естественно. Для вас это не имеет значение, потому что вы заранее настроились. Более того, ошибки начинающих художников часто становятся поводом для шуток и хорошего настроения! Однако, это не работает с первым рисунком. Вам кажется, как будто все ждут от вас феноменальных результатов с первой же попытки. Как будто раньше вы уже умели рисовать, но вам только сейчас позволили этим заняться.
Смотри, он не умеет рисовать. Зачем этот неудачник вообще взял в руки карандаш?
Умение рисовать – это такой же навык, как и все остальные. Вы не знаете, что и как делать, поэтому первые попытки чаще всего будут неудачными. Вторая попытка не намного отличается от первой, потому что вы все еще расстроены после первого «поражения». С каждой новой пробой ваш рисунок становится чуть-чуть лучше, но вы по-прежнему будете выглядеть как ребенок по сравнению с кем-то более опытным. И это норма!
Желание быть лучшим и чувствовать удовлетворение от создания идеальной работы делают вас нетерпеливым. Вы хотите добраться до места назначения не путешествуя. И чем медленнее кажется путешествие, тем хуже вы себя чувствуете, потому что это не то, чего вы ожидали!
Я хочу быть там, но не хочу туда идти!
Чтобы стать хорошим художником, для начала нужно понизить свои ожидания. Мыслите продуктивно, уделяя меньше внимания вашим желаниям (цели) и больше самому процессу (пути). Я научу вас упражнению, которое поможет обнаружить завышенные ожидания и заменить их на более продуктивные мысли.
Напишите список своих ожиданий от рисования. Запишите все, даже если они звучат нелепо. Дальше мы их проанализируем! Например:
- Каждый следующий рисунок должен быть лучше предыдущего;
- Плохие рисунки бесполезны;
- Когда я плохо рисую, это значит, что я неудачник;
- Я должен хорошо рисовать;
- Я должен быстро учиться.
Просмотрите все пункты в списке. Вы уверены, что они относятся к вам? А вдруг это не так и вы ошиблись? Давайте проанализируем каждое утверждение по отдельности.
Каждый следующий рисунок должен быть лучше предыдущего. Я не учусь линейно и равномерно, как компьютер. Иногда я практикуюсь в одной теме, а иногда в другой. Я много экспериментирую, поэтому иногда результат получается лучше, а иногда – хуже. Кроме того, я могу забыть изученное и снова повторить старую ошибку. И это нормально, потому что я человек, а не машина.
Плохие рисунки бесполезны. Плохие рисунки являются стандартным побочным продуктом обучения. Я не стану лучше, если сначала не буду хуже. Плохие рисунки также позволят получить ценный опыт и не совершать ошибки в будущем. Не совершив ошибку, я не узнаю, в чем я плох.
Когда я плохо рисую, это значит, что я неудачник. Когда я плохо рисую, это означает, что я просто не умею рисовать (многие люди настолько боятся этого факта, что даже не пытаются рисовать!). Каждый из нас в чем-то плох, но это не значит, что все мы неудачники! Я работаю, чтобы стать лучше, и это то, чем можно гордиться.
Я должен хорошо рисовать. Никто не обязан быть хорошим в чем-то. Я хочу рисовать красивые вещи, но ни один из художников не давал обещание рисовать исключительно красивые и приятные работы. Если кто-то считает иначе, это их проблема, а не моя.
Я должен быстро учиться. Каждый по-своему склонен к обучению. Если я учусь медленно, это не значит, что я ленив или недостаточно хорош. Это мой личный ритм и неправильно сравнивать его с чужим, потому что мы все разные.
Разве теперь эти пункты не звучат лучше? И мы не пытаемся исказить реальность, чтобы чувствовать себя уверенно. Реальность именно такая, какой вы себе ее представляете. Если постоянно повторять себе, что я неудачник и мне никогда не стать талантливым художником, то так оно и будет.
Возможно, вам кажется, что, не имея завышенных ожиданий, вы будете недостаточно мотивированы и станете меньше заставлять себя работать. Может быть, это правда. Но зачем тогда работать, если вы постоянно себя заставляете и это делает вас несчастным? Меньше давите на себя, и вы сразу начнете получать удовольствие от процесса рисования. Не от результата, а именно от процесса! Возможно, вы никогда не достигнете цели, но сможете насладиться процессом здесь и сейчас. А это, пожалуй, куда лучше, чем рисовать только ради того, чтобы стать хорошим художником и получить признание.
Учиться можно бесконечно, поэтому расслабьтесь и получайте удовольствие от процесса
2. Нежелание учиться
До сих пор многие верят в миф о таланте, без которого невозможны любые начинания. Некоторые считают, что известные художники извлекают все исключительно из своего воображения, без каких-либо подручных средств. Они никогда не используют референсы, никогда не проходят уроки, потому что тогда – внимание! – воспользуются чужими наработками. Это ведь обман! Такое мнение усложняет жизнь многим начинающим художникам.
Если вы считаете, что искусство создано только для получения похвалы, то дело приобретает серьезный оборот. Представьте, что вы восхищаетесь чье-то работой, а потом узнаете, что ее кто-то перерисовал. Получается, кто-то бесплатно получил ваше восхищение за навыки, которыми не обладает. Вот грязный мошенник…
Основываясь на таком мышлении, можно сформировать шкалу:
- Рисунок, созданный из воображения, быстро и без лишней суеты.
- Рисунок, созданный из воображения, но с определенными усилиями.
- Рисунок, созданный по референсам.
- Рисунок, созданный по уроку.
- Перерисованный рисунок с фото/картины.
Конечно, данная шкала не предполагает качество рисунка. Данные пункты можно назвать уровнями сложности в рисовании. Легко быть успешным на самом последнем уровне, а отсутствие успеха можно оправдать, если вы находитесь на первом.
Да, я могу и лучше, просто не хотел облегчать себе задачу
Рисование по референсам, конечно, гораздо проще. Можно супер реалистично скопировать увиденное, даже не задумываясь о содержании. Рисуя из воображения, вам приходится самому представлять естественную позу, перспективу, правильную анатомию, детали, светотени… Естественно, такой подход к рисованию заслуживает большего признания.
Но за этим признанием стоят тысячи часов практики. Талантливые художники не родились со знанием «естественной позы, перспективы, правильной анатомии, деталей и светотени». Они годами нарабатывали эти знания, а использование референсов – наиболее быстрый и практичный способ.
Крайне непродуктивно продолжать рисовать одно и то же снова и снова, ожидая, что ошибки начинающих художников больше не будут преградой на пути к вашей цели. Найдите изображение того, что пытаетесь нарисовать, и сравните со своим рисунком, чтобы выявить ошибки. Это не похоже на использование шпаргалки во время экзамена, это больше похоже на использование учебника в процессе учебы!
Если вы пытаетесь нарисовать то, что никогда не рисовали, и надеетесь, что результат будет такой же красивый, как работы опытных художников, значит вы слишком высокомерны. Им пришлось учиться, а вы хотите стать крутым без обучения, потому что считаете, что учеба – это обман.
Зачем мне смотреть на собаку? Я и так должен знать, как она выглядит, иначе я не настоящий художник.
Рисунки, нарисованные из воображения, появляются не изнутри, а снаружи, только в прошлом. Десятки тысяч референсов хранятся у нас в голове – в памяти.
Умение рисовать – это такой же навык, как и все остальные. Он не возникает ниоткуда развитым на 100%. У вас не получается нарисовать кошку с правильными пропорциями? Проанализируйте фото этих животных, чтобы выявить основные черты. Все в вашем рисунке прекрасно, кроме головы? Найдите похожие снимки и выясните, что не так с рисунком. Со временем в вашей памяти соберется достаточное количество референсов и необходимость в них естественным образом отпадет. Отказ от референсов это как выбросить старую тетрадь с конспектами, потому что вы запомнили все их содержимое.
3. Отсутствие плана
Это еще одна проблема, возникающая непосредственно из-за мифа в талант и врожденные навыки. Вы учитесь рисовать… рисуя. Рисуя много и часто. Вы креативный человек и каждый раз пытаетесь создать что-то новое. Вам кажется, что чем больше усилий вложено в работу, тем круче будет результат.
Однако, так не работает. С таким подходом вы будете развиваться очень медленно. Другие люди продолжают улучшать свои навыки, а вы топчитесь на месте. Что же с вами не так?
Повторюсь, рисование – это навык, который вы развиваете. Он не скрыт внутри в ожидании, когда ему позволят проявить себя. Точно так же в людях не скрыта способность виртуозно играть «Лунную сонату». Не получится бездумно тыкать по клавишам, ожидая услышать музыку. Точно так же нельзя каждый раз рисовать случайные вещи и надеяться, что это приблизит вас к мечте стать профессиональным художником.
Если вы рисуете исключительно для публикации в сети и привлечения внимания, то вы прилагаете слишком много усилий для создания качественного рисунка, а не учебы. Ваша цель – стать профессиональным художником, правильно? Но этого не достичь, не нарисовав много неудачных эскизов. Пусть они будут корявые и некрасивые, их все равно никто не увидит.
При любом обучении вы должны думать и планировать. Не рисуйте хаотично, пытаясь в процессе развить свой навык. Решите, чему вы хотите научиться, и узнайте, как это изучить. После этого… учитесь. Рисуйте много, но целенаправленно. Анализируйте свои действия, а не просто наблюдайте за процессом. Найдите в Интернете и запомните полезные правила и секреты от известных мастеров, которые позже вам пригодятся. Протестируйте их на деле и при необходимости подкорректируйте.
Хаос и отсутствие четкого плана – первые враги обучения
Это не значит, что вы сейчас же должны перестать рисовать просто ради своего удовольствия. Просто не стоит каждый рисунок, эскиз или черновые наброски, дорабатывать до состояния публикации. Время от времени рисуйте полностью завершенные работы, которые не стыдно показать. Именно по таким работам вы увидите реальный прогресс.
4. Слишком много планирования
Вы начали серьезно заниматься рисованием. У вас много амбиций и упорства. Вы проходите уроки, тренируетесь в быстрых набросках, смотрите ролики других художников. Кроме того, регулярно читаете мотивационные материалы и смотрите лекции о рисовании. Ни дня не проходит без рисования.
И это отлично, но впереди вас ждет ловушка. Статьи и видео от опытных художников – отличный источник мотивации и опыта. Изучая подобные материалы, вы чувствуете, как ваши навыки пассивно улучшаются. Вы ищите что-то новое: «5 секретов хорошего рисунка», «10 привычек успешного художника», «Совет, который упростит рисование». Это похоже на обучение, но без каких-либо усилий с вашей стороны!
Не поймите меня неправильно, все-таки я тоже написала одну из таких статей. Но когда вы в очередной раз смотрите видео «10 привычек успешного художника», вместо того, чтобы заняться реальным делом, вы крайне непродуктивны. Вы не работаете над достижением своей цели. Создается иллюзия продуктивности, но статьи и видео ничего не стоят, если вы не будете применять полученную информацию на практике.
Сюда же можно отнести постоянный поиск советов, новаторских техник, о которых вы еще не слышали. Вместо того, чтобы просто взять карандаш и научиться рисовать, вы тратите время на поиски блестящей техники, которая позволит получить результат здесь и сейчас. При этом вам тоже кажется, что вы очень продуктивны. Однако, это не так.
Учебники и различные руководства полезны, но относитесь к ним, как к вспомогательным материалам. Не нужно заменять ими реальную практику. Любую, даже самую простую технику, следует отрабатывать на практике, чтобы усвоить. Прочтение толстой книги о рисовании не сделает из вас Айвазовского. Просмотр руководств и статей не исправит ошибки в рисунках.
Только рисование улучшит ваши навыки. И хотя это непродуктивно рисовать без какой-либо подготовки, слишком много подготовки так же плохо. Досмотрите ролик до конца, дочитайте статью. А потом… рисуйте!
5. Сравнение себя с лучшими
Большинство из нас начинает рисовать, вдохновившись работами других художников. Не только старых мастеров. В эпоху цифровых технологий больше не нужно посещать галереи, чтобы увидеть профессиональные картины. Кроме того, сейчас мы можем включить видеоролик с процессом рисования и увидеть, как талантливые художники из простых мазков создают свои шедевры. Это ваша цель и то, кем вы хотите стать.
Наблюдение за творчеством великих художников действительно вдохновляет, но иногда может убить веру в собственные силы. Их уровень кажется таким недостижимым, так зачем беспокоиться? Тем более, что вы и на 5% не нарисуете так же хорошо, как они. Ваши лучшие рисунки выглядят, как детские каракули, по сравнению с их шедеврами. Они могут за 20 секунд набросать из воображения эскиз, который вы не повторите и за 20 часов с референсами.
Да, эти художники, безусловно, кажутся богами искусства. Но они такие же люди, как мы с вами. Вы узнали о них после того, как они прошли свое путешествие и добрались до цели, но вы ничего не знаете о своем путешествии. Поэтому, сравнивая себя с другими художниками, вы, на самом деле, сравниваете свою текущую позицию в путешествии с их местом назначения, и это всегда будет приносить только разочарование.
Каждый художник с чего-то начинал. Каждый рисовал детские каракули, у каждого есть много плохих рисунков и первые удачные работы. И вот, спустя тысячи часов практики и упорного труда, они, наконец, достигают того состояния мастерства, которое вы видите их сейчас. Вы поработали всего 100 часов или даже меньше, а потом спрашиваете почему у вас не получается так же хорошо.
Вы не можете магическим образом телепортироваться в это состояние. Другие художники достигли этого часами упорной работы, и вы тоже должны через это пройти. Не игнорируйте их путь только потому, что не видите его. Не стоит приписывать их способности какому-то мистическому таланту. Это сделает ваше путешествие к цели сложным и лишит мотивации.
Как у него так хорошо получается, это несправедливо!
Вы не знаете, через что они прошли, с какими трудностями им пришлось столкнуться и насколько хороши они были в том или ином возрасте или через определенное количество часов. Ваше путешествие уникально и не имеет ничего общего с чужими. Ваше место назначения может быть таким же, но путь – другой. А попытка догнать кого-то, кто отправился в путешествие раньше вас, только высосет всю энергию и убьет мотивацию.
Единственный здравый и справедливый способ судить о своем прогрессе – сравнить себя… с самим собой. Вы можете понять, насколько продвинулись к цели, сравнивая свое текущее положение с предыдущим, а не сравнивая свое положение с положением того, кем вы восхищаетесь.
Точка, в которой вы находитесь сейчас, когда-то была вашим местом назначения
Не выбрасывайте свои рисунки, даже если они плохие. Оставьте их для сравнения в будущем. Всякий раз, когда вы чувствуете неуверенность в себе, сравните старые и плохие работы с нынешними. Поверьте, вас удивит то, насколько быстро вы принимаете свои новый уровень, как должное!
Не торопитесь, медленно, но уверенно продвигайтесь по своему пути. Нужны тысячи часов, чтобы стать мастером в любом деле. Одни уже прошли свой путь и сделали то, что предстоит вам. Любуйтесь их работами и пусть они будут напоминанием того, во что могут превратиться долгие часы практики. Уже состоявшиеся художники ничем не лучше вас, как и вы их. Они добились всего упорной работой, и вы должны.
6. Постоянная смена инструментов
Понятие «рисование» имеет очень широкое значение. Набор черточек на камне – это рисунок. Контур, сделанный шариковой ручкой, – это рисунок. Реалистичный портрет с тенями и бликами – это рисунок. Цветной пейзаж, нарисованный на графическом планшете в Photoshop, – это рисунок. Кроме того, вы можете объединить разные техники рисования, например, карандаш и акварель и получится тоже рисунок. Вариантов действительно много!
Но каждый вариант предполагает использование определенного набора инструментов. Возможно, вы считаете, что если не добились потрясающего результата с одним инструментом/техникой рисования, то пора переключиться на что-то новое.
Нет ничего плохого в экспериментах и поиске тех техник и инструментов, с которыми вам будет наиболее комфортно работать, но вы должны понимать, что каждый инструмент сперва нужно изучить. Вы не найдете магическую палочку, которая сразу же решит все проблемы. Если у вас не получается нарисовать правильную линию, это не означает, что карандаш слишком грубый или бумага слишком гладкая. Просто ваша рука недостаточно натренирована. И вы не научитесь работать с карандашом, если не посвятите этому достаточно времени.
Не существует идеального инструмента, единственного, который с первого мазка превратит вас в художника. Каждый инструмент и техника требуют практики
Подобные ошибки начинающих художников особенно актуальны среди тех, кто не может позволить себе графический планшет. Вдохновляясь четкими и яркими цифровыми рисунками, они обвиняют традиционные инструменты (карандаши, кисточки) в своих неудачах. Если бы в традиционном рисунке можно было сделать ход назад. Или трансформировать отдельную часть рисунка. Или без следа стереть неудачную линию. Это сделало бы все намного проще!
Но просто не значит лучше. Скрытие своих слабостей не делает вас сильнее. С ними нужно бороться. Изо всех сил пытаетесь провести прямую линию? Работайте над этой проблемой, пока не добьетесь успеха. Не нужно сразу бросаться на поиски инструмента, который упростит работу. Не переключайтесь резко на другой инструмент, после того, как увидели картину, нарисованную им. С помощью и карандаша, и кисточки, и графического планшета можно создавать потрясающие рисунки. Нужно только потратить свое время и овладеть этими инструментами.
7. Нерегулярная практика
Были дни, когда вы регулярно рисовали, проходили уроки, смотрели мотивационные ролики, создавали странички в соц. сетях для публикации своих рисунков. И вдруг вы увидели потрясающую картину, которую, как вам показалось, вы никогда не нарисуете. Затем кто-то пишет неприятный комментарий под вашей работой, и вы окончательно теряете веру в себя.
Затем на какое-то время вообще перестаете рисовать. Страницы в соц. сетях становятся пустыми, а фанаты забывают о вас. И тогда вы снова кем-то или чем-то вдохновляетесь и начинаете работать. Еще усерднее, чем в прошлый раз. Но это ненадолго, потому что ваши навыки остались на прежнем уровне.
А может вам нравится рисовать, но вы просто не можете уделять этому много времени. Сегодня вы что-то нарисовали, прошли урок, неделю попрактиковались… а затем в вашей жизни снова произошло что-то важное. Вы любите рисовать, но у вас попросту нет на это времени. Вам кажется, что это может подождать неделю-две. Но когда вы возвращаетесь, то понимаете, что весь предыдущий прогресс сошел на нет.
Наши мозги неидеальны. Наша память – это не жесткий диск компьютера, куда можно сохранить что-то важное до лучших времен. К каждому воспоминанию ведет своеобразная дорожка и чем дальше вы зайдете, тем легче будет добраться до цели. Но если остановиться, то дорожка зарастет кустами и вы, возможно, больше никогда не найдете ее.
Вот поэтому повторение – это ключ к обучению. Вы можете целый день практиковаться и надеяться, что усвоенные знания останутся навсегда. Но, если их не использовать вскоре после получения, то мозг решит, что эта информация не важна и забудет ее. Чтобы знания сохранялись дольше, их нужно практиковать. Обучение – это не круглосуточная разовая практика, а постоянные регулярные занятия.
Тысячи часов, которые нужно потратить на совершенствование навыков, не возникнут сразу из ниоткуда. Нужны перерывы, время, чтобы знания закрепились. Это происходит даже во время сна! Таким образом, получасовая практика каждый день даст вам гораздо больше, чем один день в неделю проведенный за рисованием.
Не ждите идеального времени, когда вам будет удобно практиковаться. Выделите в течение дня 15-30 минут на рисование и сделайте это ежедневным ритуалом, как приготовление пищи, просмотр фильмов или уборка. Полчаса каждый день лучше, чем 10 часов раз в сто лет.
8. Рисование для других
Любуясь чьим-либо произведением искусства, вы чувствуете не только восхищение. Рядом находится и зависть. Зависть не к навыкам мастера, а к восхищению, которое он получает за свое мастерство.
Очень приятно, когда вас хвалят за тяжелый труд. Когда окружающие признают ваши усилия, вы чувствуете гордость и уверенность! Но есть и другая сторона медали. Когда другие плохо отзываются о ваших рисунках, вы чувствуете себя униженным, никчемным, несмотря на то, что довольны выполненной работой.
Крайне нежелательно связывать свою самооценку с качеством ваших работ. Если вы чувствуете себя бесполезным до тех пор, пока не получите чьё-то признание и похвалу, то это непродуктивно.
Когда окружающие оценивают вашу работу, они судят не конкретно вас, а ваш навык. И только вы сами ставите знак равенства между этими понятиями. Это очень негативно отражается на вашей самооценке и вере в себя. Если вы начинаете верить, что чужая похвала – это доказательство вашей значимости, тогда вашей целью становится удовлетворение других людей, а не собственное саморазвитие. Вы не будете позволять себе экспериментировать, чтобы случайно никого не разочаровать. Вы, по сути, продаёте продукт, который нужен окружающим, чтобы они обратили на вас внимание.
Пожалуйста, похвалите меня!
Что плохого, если обе стороны – и создатель, и получатель продукта – счастливы? Зависит от того, с какой стороны посмотреть. Если вам действительно нравится снова и снова рисовать одних и тех же популярных персонажей в той технике, которая нравится вашей аудитории, тогда все хорошо. Но, если при этом вы чувствуете себя рабом их интересов и боитесь попробовать что-то новое, тогда пора отказаться от этого.
Вам кажется, что вы хотите нарисовать то, что понравится вашим поклонникам, но в действительности вам хочется, чтобы им понравилось то, что вы рисуете. Именно вы сами должны стать своим самым большим и преданным поклонником. Ваше мнение должно быть выше мнения окружающих. Даже если тысяча человек скажет, что им не нравятся ваши рисунки, это неважно, если они нравятся вам. Потому что это ваше и только вам лучше знать, как это должно выглядеть.
Если вы сами решили нарисовать это именно так, то критика окружающих – всего лишь дело вкуса, и не то, о чем стоит судить однозначно правильно или неправильно
Запомните: каждый человек имеет право на собственное мнение. Если окружающим не нравится то, что нравится вам, это не значит, что они неправы. Мнения не могут быть правильными или неправильными. Вы всего лишь можете им поделиться или оставить при себе. В ответ на неприятный комментарий просто улыбнитесь. Выслушайте любые советы и самостоятельно решить стоит ли к ним прислушиваться. В конце концов, вы не обязаны всем нравиться.
9. Перфекционизм
Обычно, перфекционизм считают просто частью личности человека. Однако, я считаю это расстройством личности. Если вы закоренелый перфекционист, то у вас искаженное представление о собственных достижениях. Независимо от того, насколько хорошо вы выполнили работу, вы никогда не будете удовлетворены, потому что знаете, что можете еще лучше. Похвала и восхищение других для вас не имеют значения. «Они просто хотят быть добрыми и боятся обидеть. Или просто не разбираются в искусстве», – подумаете вы.
Каких бы успехов вы не добились, для вас все незначительно. В сознании перфекциониста работа над собой похожа не на покорение горы, а на рытье ямы. Для перфекциониста лучшим является состояние по умолчанию, а источником стыда – фраза «недостаточно хорош».
Используя такой подход, вы все еще можете замечать свои успехи. Как правило, перфекционисты много работают, поэтому у них больше шансов достичь цели. Проблема в том, что перфекционист не испытывает удовлетворение от своих успехов. Он постоянно давит на себя, чтобы с каждым разом рисовать все лучше и лучше, при этом лишая себя награды за реальные достижения. Выражаясь метафорически, перфекционисты не зарабатывают деньги, они погашают долги.
У меня нет лекарства от перфекционизма, но я могу дать вам ценный совет. Вы должны понимать, что все только в вашей голове. Это не значит, что вы можете это контролировать или в чем-то виноваты. Просто любая ваша неудача не имеет никаких внешних последствий. Только внутренние. Это ранит, но не убивает.
Вы сделали ошибку, и что? Никто на вас не давит, и вы не обязаны быть идеальны во всем и всегда!
Вы считаете, что любые ошибки начинающих художников сравнимы позору. Но попытайтесь посмотреть на это более рационально: «Я человек, а все люди ошибаются. Но я могу учиться на своих ошибках и становиться лучше». Поэтому ошибайтесь! Если вы боитесь заняться фотосъемкой, потому что не знаете с чего начать, тогда намеренно начните неправильно. Получайте от этого удовольствие и растите над собой!
Вы считаете, что все люди обязаны хорошо рисовать? Нет. Так почему к себе так относитесь? Что делает вас особенным? Вы единственный, кто ожидает от себя потрясающих результатов во всем. Прикажите этой личности заткнуться хотя бы на время. И с каждым разом увеличивайте это время. Вы такой же, как все. И каждый человек многие вещи делает плохо. Так будьте похожим на остальных!
10. Считать реализм единственно правильным стилем рисования
Искусство, в самой популярной трактовке, – это создание копии реальности при помощи каких-либо средств. В каждом мазке кисточки должен быть какой-то скрытый смысл, и задача зрителя его распознать. И чем проще его распознать, тем лучше. Нет ничего хуже реалистичного рисунка, который не выглядит реалистично.
Если вы поклонник реализма, то для вас не существует компромиссов. Реализм – единственный стиль, который имеет значение, это вершина творчества. Все остальное пустяки и несерьезно. Линейный набросок может выглядеть очень красиво, но он никогда не будет так же крут, как фотореалистичный портрет карандашом.
У настоящих котов голова не круглая, неудачник!
В давние времена живопись должна была как можно точнее запечатлеть реальность. Тогда не было фотоаппаратов и видеокамер. Поэтому идеальный реализм был целью большинства мастеров прошлого. Сегодня у нас есть камеры и они гораздо точнее передают реальность, чем любой художник. И быстрее. Если нам нужно скопировать фото, мы пользуемся копировальной машиной. Сегодня невероятно просто запечатлеть реальность со 100% схожестью.
Из-за этого реализм (или фотореализм) стал просто искусством ради искусства. Вы рисуете реалистично только потому, что хотите доказать себе/другим, что умеете это, и ничего больше. Хотя сегодня реалистичные рисунки ничем не лучше других стилей. Реализм можно назвать стилем по умолчанию, но не единственным.
Быть хорошим художником не означает, что вы можете со 100%-ной точностью нарисовать реалистичный рисунок. Быть хорошим художником – это знать, как правильно, но позволять себе намеренно делать ошибки. Вы играете с реальностью и то, как вы это делаете, формирует ваш собственный стиль рисования.
В эпоху копировальных машин, намеренные ошибки могут превратить рисунок в настоящее произведение искусства
Если бы вершиной искусства считался реализм, то все художники рисовали бы одинаково. Идеально, но все же одинаково. Стилизованный рисунок – это ваша визитная карточка, которая делает вас уникальным. А это гораздо круче, чем реализм. В такую работу вы вкладываете частичку души. И вместо того, чтобы показать поклонникам своего творчества то, что они могут увидеть в реальности, вы показываете им то, что они не могут увидеть без вас. Я считаю, что в этом и заключается настоящее искусство!
Но как отличить действительно персональный стиль от случайности? Все зависит от ваших намерений. Если в голове была идея с конкретным результатом, а получилось иначе, это ошибка. А если вы понимаете, как должно быть реалистично, но намеренно искажаете, например, пропорции, это не ошибка. Поэтому отклонение от реализма должно быть целью, а не случайностью.
Но также важно изучить реалистичный рисунок. Если вы хотите изобразить льва, то должны знать, как он выглядит, чтобы другие тоже могли узнать его в вашем рисунке. Как только вы поймете, что считается реалистичным, то намеренно сможете заменять любые детали рисунка. И тогда вы перестанете быть рабом реализма!
Завершение
Рисование, как и любой другой навык, прост на поверхности, но таит в себе много подводных камней, если в него углубиться. А поскольку многие по-прежнему считают, что с этим навыком можно только родиться, то человеку будет сложно научиться рисовать. Надеюсь, эта статья нашла отклик внутри вас и помогла стать увереннее в своих способностях. Также рекомендую вам посетить социальную сеть художников и иллюстраторов wearts.ru. Там вы найдете современные арт-работы, сможете показать свои и получить поддержку от людей, увлекающихся творчеством. Ошибки начинающих художников легко исправить, если знать их первопричину.
Оставляйте комментарии, подписывайтесь на обновления и делитесь статьей в соц. сетях. Приятного творчества!
Цифровой рисунок может быть очень каверзным. Казалось бы, загрузил правильную программу и можно начинать рисовать. Любой инструмент у тебя в руках. Все цвета готовы к использованию, ничего не надо смешивать. Если вы начали пользоваться Photoshop уже имея навыки рисования, все не так уж и сложно: вам просто нужно найти удачную замену любимым инструментам. Но, если вы только начали знакомиться с каждым из этих видов искусств, то все становится ночным кошмаром.
Photoshop обманчиво прост: вот вам набор кистей, вот вам все цвета, резинка, кнопка Отмены. Вы начинаете рисовать, все выглядит очень плохо, вы начинаете искать обходные пути, которые смогут помочь вам нарисовать что-то лучше. И только взгляните как много инструментов! Вы начинаете пробовать все, одно за другим, и вот оно – волшебство случается!
Но все «волшебство» заключается в том, что Photoshop рисует за вас. Вы не контролируете процесс, но результат, в любом случает, выглядит лучше, чем вы – простой новичок – смогли когда-нибудь сделать (по крайней мере, вы так думаете). Вы продолжаете работать, надеясь, что все эти изображения в один день превратятся в произведения искусства.
Профессиональные цифровые художники, которыми вы восхищаетесь, используют Photoshop, для того чтобы воплотить в реальность свое виденье мира, Но они используют его лишь как инструмент, а не как машину по производству произведений искусства.
Профессионалы воображают результат и заставляют программу воплощать его. Начинающие заставляют программу что-то делать и, если они остаются довольны – присваивают себе результат.
1.Неправильный размер холста
Даже ребенок справится с созданием нового файла. Вы отправляетесь в File > New, или, если вы достаточной продвинутые, то используйте Control-N. Этот процесс кажется очень простым, поэтому часто остается без должного внимания.
Есть три проблемы, связанные с этим пунктом.
1. Слишком маленький холст
Так же как все предметы состоят из атомов, каждое цифровое изображение состоит из пикселей. Это, скорее всего, вы уже знаете. Но сколько конкретно пикселей нужно, чтобы создать детальную картину? 200×200? 400×1000? 9999×9999?
Новички часто ошибочно используют размер холста близкий к разрешению своего экрана. Но проблема заключается в том, что вы не можете точно знать, с какого экрана смотрят на ваше изображение другие.
Давайте представим, что ваше изображение выглядит на экране, как на примере 1. Высота этого изображения идеально подходит вашему экрану. Все настроено под максимальное разрешение вашего экрана, 1024×600. Пользователям с разрешениями 1280×720 (2) и 1366×768 (3) тоже не на что жаловаться. Но взгляните, что получится, если разрешение экрана будет еще больше – 1920×1080 (4) и 1920×1200 (5). Последовательно, изображение занимает все меньше и меньше места на экране.
И дело не только в “белом пространстве” вокруг изображения. “Высокое разрешение” не обязательно имеет тот же смысл, что “большой экран”. Экран смартфона может иметь больше пикселей на своем компактном экране, чем некоторые персональные компьютеры! Только взгляните:
1. Одинаковый размер, разное разрешение
2. Разные размер, одинаковое разрешение
Что это значит? Что для других ваше изображение, которое должно было идеально вмешаться в экран, будет выглядеть примерно так:
Но размер холста имеет отношение не только к этому. Чем выше разрешение, тем больше пикселей в изображении. При маленьком разрешении, глаз может занять 20 пикселей. когда при более высоком – он может иметь более 20,000 пикселей! Представьте себе, какие изящные детали могут быть добавлены!
Вот вам небольшой трюк: когда вы рисуете что-то небольшое, но в высоком разрешении, даже если слегка небрежно, то на расстоянии это изображение выглядит очень интересно. Попробуйте!
2. Слишком большой холст
Значит ли это, что вам нужно всегда использовать большое разрешение, чтобы быть уверенным в качестве? Теоретически, да. На практике, это не всегда необходимо, а иногда – даже невозможно.
Чем больше разрешение, тем больше пикселей имеет самый простой штрих. Чем больше пикселей в штрихе, тем сложнее для программы обработать ее. Так что, вот вам аргумент против большого холста – нужен очень мощный компьютер, чтобы комфортно работать с очень большим разрешением.
Второй аргумент – большое разрешение, по большей части, нужно только для очень детальных изображений. Несмотря на то, что это заблуждение очень распространено среди начинающих, не все картины должны быть детальными. Даже если вам хочется нарисовать что-то реалистичное, вы можете смело игнорировать огромное количество деталей, которые есть на фотографиях. То, что мы видим – не всегда похоже на фотографию.
Когда разрешение больше необходимого, то перспектива добавить что-то тут и там, кажется очень привлекательной. И как только вы начали этим заниматься – у вас нет пути назад. Есть разный уровень детальности, но каждое изображение должно использовать только один. Если вам хочется создать быстрое, плавное изображение, то не тратьте часы на прорисовку глаза или носа – из-за этого вся картина будет выглядеть незавершенной и неряшливой.
3. Слишком большой размер готового изображения
Давайте представим, что вы нашли идеальное разрешение для вашего изображения. Оно не слишком большое и не слишком маленькое – идеальный размер для уровня детальности, которого вы хотели добиться. Но здесь можно тоже сделать ошибку. Предыдущее разрешение было рабочим. Вы использовали множество пикселей, чтобы добиться детальной прорисовки глаза, но при неправильном размере, ваши старания будут заметны даже на расстоянии.
Прежде чем сохранить изображение – измените его размер. Оптимального разрешения, которое подходит каждому рисунку, нет. Есть небольшое правило: чем более детальная работа, тем меньше она теряется в высоком разрешении. Если же изображение немного эскизное, то оно лучше смотрится в маленьком разрешении. Если вам хочется лучше понять этот принцип, то посмотрите какое разрешение использует ваш любимый художник, когда выкладывает свои работы.
Еще одна вещь: когда меняете размер изображения, проверьте какой размер по умолчанию работает лучше всего. Некоторые могут сделать изображение очень точеным, что вам может понравится или не понравится.
2. Работа с белым фоном
Это может показаться чем-то незначительным – что не так с белым фоном? Это ведь что-то нейтральное, не так ли? Выглядит прямо как листок бумаги.
Проблема в том, что не существует “нейтрального” цвета. Прозрачность очень близка, но ее невозможно нарисовать. Цвет – это и есть цвет. Когда используются два цвета между, ними появляются определенные взаимоотношения. Для белого+цвета A – взаимоотношение: “цвет A темнее”. Не имеет значение, какие были у вас намерения, вы начнете работу с темного цвета, потому что самый светлый цвет уже у вас на фоне! Все цвета темнее по отношению к белому.
Обычно в рисовании мы используем белый фон, потому что технически проще использовать темный цвет на светлом фоне, чем наоборот. Но в цифровом рисунке в этом нет никакой нужды. На самом деле, вы можете начать с черного фона, но это такая же плохая идея, как начать с чисто белого. На практике, самый нейтральный цвет – серый с яркостью в 50%.
Почему? Потому что цвет фона влияет на восприятие других цветов. На белом фоне темные оттенки будут казаться темнее, поэтому вы будете стараться избегать их. На черном фоне, правило то же, только уже для светлых цветов. В результате получается плохой контраст, который становится очевидным, как только производится замена фона. Вот вам доказательство:
Опытные художники могут начать свою работу с любым цветом и получить необходимый результат, но пока вы не слишком хорошо разбираетесь в теории цвета, всегда начинайте с чего нейтрального – не слишком темного и не слишком светлого.
3. Недостаток контраста
Конечно, иногда восприятие цвета может быть нарушено из-за качества экрана. Если вы используйте ноутбук, то вы наверняка знаете, как меняется контрастность изображения с разных углов. Тогда как можно добиться необходимого контраста, который будет выглядеть на всех экранах одинаково?
Даже если с вашим экраном все в порядке, после того как вы долго и не отрываясь смотрели в экран, ваше восприятие изображения необъективно. Если вы меняли оттенки постепенно, шаг за шагом, контраст может казаться неплохим. Но это происходит только из-за того, что так картинка выглядит лучше, чем пять шагов назад. Например, работа внизу выглядит неплохо…
… но только до тех пор, пока вы не сравните ее с более контрастным изображением. И кто знает, вдруг, когда вы сравните новое изображение с еще одним, оно снова будет недостаточно контрастным?
В Photoshop есть инструмент, который очень поможет вам в этой ситуации. Он называется Levels и это, кстати, гистограмма. Она показывает сколько использовано каждого оттенка на изображении. Вы можете открыть этот экран с помощью Image > Adjustments > Levels или используя Control-L.
Как это работает? Взгляните на эти четыре примера:
- Почти равное количество белого, черного и полутонов.
- Только черный и темные полутона
- Только белый и светлые полутона
- Только белый и черный, почти нет полутонов
Можете прочесть это по гистограмме?
Вы можете изменять уровни, передвигая ползунки. Вы не только уменьшите количество оттенков, но и поможете программе распределить их правильно в гистограмме.
Гистограмма показывает, что на данном изображении очень много полутонов, и в тоже время очень мало ярких и темных участков. Не имеет значения, как мы видим рисунок – это то, о чем нам говорит компьютер. Конечно, нет идеального рецепта для работы с уровнями (все зависит от яркости самого рисунка), но абсолютное отсутствие темных и светлых областей – плохой знак.
Только взгляните, что получится, если мы передвинем ползунок на середину!
Есть ли способ использовать правильные оттенки с самого начала? Да, и это, займет меньше времени! Нужно начать использовать меньше оттенков – темный, светлый, полутон, и немного белого и черного.
Чтобы использовать эти знания на практике, прежде чем начать рисовать, наметьте освещение на сфере:
- Нарисуйте круг и закрасьте его самым темным оттенком (черный – не рекомендуется)
- Добавьте полутон
- Добавьте самый светлый оттенок (белый – не рекомендуется)
- Добавьте один или два полутона
- Добавить немного черного и белого
Видите, как расположены эти цвета на гистограмме? Когда мы соединяем их – вот, что получается. Используйте эту сферу, как гамму для создания своего рисунка, рисуя тени в той же последовательности: самый темный оттенок, полутон, самый светлый, еще полутон, темный и светлый оттенки. Теперь можно ее сгладить.
Еще один совет – если вы сравните эти две головы еще раз (нарисованную с правильным контрастом и исправленную), вы заметите разницу. Увеличение контрастности не исправить всех ошибок, если вы не уделили этому достаточно времени с самого начала – каждый элемент имеет свой набор оттенков. Например, самая темная область на белой поверхности будет намного ярче, чем самая темная область на черной поверхности. Это значит, что вам надо подготовить столько сфер, сколько у вас будет различных элементов.
Помните: рисовать тени светлых объектов темными – это так же неправильно, как рисовать тёмные объекты – светлыми оттенками.
4.Слишком много сложных кистей и больших штрихов
Когда сравниваешь традиционные кисти с кистями из Photoshop, разница настолько очевидно, что не всегда может быть понятно, почему у них одно и тоже название. В конце конов, классические кисти позволяют рисовать только более или менее хаотичные мазки, когда цифровые создают произведение искусства самостоятельно.
Вот здесь и начинается самое интересное. Если что-то создается само по себе, вы теряете всякий контроль над работой. Профессиональные художники используют в основном простые штрихи, лишь изредка обращаясь за помощью к более сложным. Использование сложных кистей не просто делает вас лентяем, но и останавливает ваше обучение тому, как достичь какого-то эффекта самостоятельно.
Когда только начинаешь заниматься цифровым рисунком – это нормально искать способы увидеть прогресса как можно быстрее. Вам хочется видеть результат здесь и сейчас. И кисти становятся очевидным решением. Хочется мех – вот вам кисть для меха; хочется щетки – вот вам кисть щетка. Если не получается нарисовать что-то, достаточно просто скачать кисть, которая сможет сделать это за вас.
Дополнительные кисти для фотошопа не всегда плохие – они, наоборот, очень полезны. Проблема только возникает, когда вы используете ее как базу для своих “навыков”. Если бы вы потратили время и изучили, как можно быстро нарисовать мех, вы бы поняли, что на самом деле, вам не нужно рисовать каждый волос для этого эффекта. Вам стало бы понятно, что то, как мы воспринимаем некоторые вещи – не всегда соответствует реальности. Вы бы научились смотреть, а потом воссоздавать то, что вы видите, а не то что вам кажется вы видите.
Вместо этого, вы предпочитаете сдаться после того как потратили полчаса на работу над одним волосом и ищите кисть, которая сможет выполнить эту работу за вас. Вы нашли ее, вы рады и готовы идти дальше. Этот процесс настолько прост, что легко становится привычкой и вы перестаете учиться – зачем, если есть способ легче?
Но как с этой проблемой справляются традиционные художники? У них нет такого разнообразия кистей. Как они рисуют мех? Ответ прост – тем же способом, которым воспользовались бы вы, если бы у вам не было кисти. Если вам не терпится улучшить свои навыки, вам придется снять это проклятие всех начинающих художник и отказаться от дополнительных кистей на какое-то время. Работайте для начала с простым набором, например с этим, и научитесь владеть этими кистями. Не ищите легких путей, работайте над этим и вы получите бесценный опыт, вместо дешевых трюков.
5.Слишком крупный штрих
Еще одна частая ошибка, связанная с кистями – это использование слишком крупных штрихов. И, опять же, всему виной нетерпение. Правило заключается в том, что 80% работы требует 20% усилий, что значит, что нужно потратить 80% всего времени, работая над завершением своего изображения. Если вы сделали набросок, базу, выбрали цвета и поработали над простыми тенями за два часа – знайте, что впереди у вас восемь часов работы. Более того, на протяжении этих восьми часов прогресс будет менее заметен, чем за первые два часа.
Это становится особенно очевидно, когда смотришь на картинки с промежуточным процессом работы, которые выкладывают художники, например этот. Первые шаги просто огромные – создается что-то из ничего. Затем процесс замедляется. Вы едва можете заметить разницу между последними шагами, хотя на них было потрачено намного больше времени.
В этом и заключается вся проблема. Когда ваше изображение почти закончено, вам хочется скорее его завершить и насладиться конечным результатом. Но на самом деле, это именно тот момент, когда вся работа только начинается! Я помню комментарий под одной из фотографий с промежуточным процессом: ” Я бы остановился на 4 этапе” (из 10). Вот где и скрывается разница между профессионалом и новичком! Потому что, конец правила гласит: эти последние 20% работы составляют 80% от всего результата.
Решение это проблемы очень простое. Ваша работа не должна заканчиваться большими штрихами. Они должны быть использованы в начале, в 20% от всей работы. Используйте их, чтобы создать форму, задать свет, добавить цвет. А после постепенно уменьшайте размер, увеличивайте изображение, стирайте, добавляете детали. Вы поймете, что работа завершена, когда начнете работать с очень маленькой кистью на очень большом пространстве. В целом, чем больше пространства затрагивает кисть, тем более завершенной выглядит работа.
А теперь лучшая часть этого правила. Так как 80% работы не сильно влияют на конечный результат, нет нужды тратить на них много времени. Начните свою работу быстро и сохраните силы на потом. Помните: не каждое изображение должно быть закончено лишь из-за того, что вы его начали. Отсеивая проекты, к которым вы потеряли интерес, вы сэкономите в четыре раза больше времени, чем уже потратили!
6. Слишком много цвета
У традиционных художников не так много цвета, который они могут сразу использовать. Они должны учиться создавать, смешивать их, чтобы достичь необходимого эффекта. У них нет выбора – они должны учиться теории цвета. Вы, даже как начинающий, уже имеете на руках все цвета. И это настоящее наказание!
Мы не понимаем цвета, потому что в этом нет нужды в нашей обыкновенной жизни. Но как художник, вы обязаны полностью поменять свое отношение к цвету. Вам стоит перестать думать о цвете в привычном виде и начать разбираться в таких понятиях, как тон, насыщенность и яркость.
Цвета не существуют сами по себе. Они зависят друг от друга. Допустим, когда вам хочется сделать цвет ярче вы можете или взять цвет поярче, или уменьшить яркость фона. Красный становится теплее или холоднее в зависимости окружения. Даже насыщенность цвета может меняться!
Новички, не знакомые с этими принципами, начинают рисовать, выбрав случайным образом цвета, которые могут вообще не сочетаться друг с другом: берут синий, добавляют зеленый и все это без малейшего понятия о том, что они выбрали.
Вот как примерно новичок видит цвета:
- Синие
- Мутно-синие
- Серый
- Черные
Но зачем нам такое разнообразие оттенков, если они такие бесполезные? Проблема в том, что это не так. Вам лишь нужно начать понимать откуда они берутся что они означают. Давайте посмотрим на эти же цвета глазами профессионала:
- Ненасыщенный синий
- Насыщенный синий
- Ярко-синий
- Темно-синий
Выглядит запутанно, не так ли? Но это не значит, что этого всего можно не замечать! Если вам кажется, что это слишком изнуряющая работа, то поработайте с серым некоторое время. Цвета (или тона) – это как глазурь на торте. Она может сделать торт слаще, но не может быть его основанием. Никакое количество глазури не исправит плохой торт.
7. Копирование цвета с исходника
Очень сложно бороться с этим соблазном. Я отлично это понимаю. Но опять же, если вам действительно хочется научится цифровому рисунку, вы не должны использовать Eyedropper.
Новички, чаще всего используют малонасыщенный оранжевый/розовый как цвет кожи, но этот эффект очень далек от реальности. Но, если вы используйте исходник… тут совсем иная история! Почти каждый пиксель имеет разный оттенок, не только розовый – вы легкостью найдете красный, оранжевый, фиолетовый, зеленый, синий. Насыщенность и яркость меняется каждый раз, но конечный результат не представляет собой хаос.
Когда берешь цвет с исходника, рисунок обретает новую жизнь. Проблема только в том, что такая работа ничем не отличается от копирования. Результат может выглядеть великолепно, но вы не можете присваивать авторство работы себе только себе.
И еще одно: этот процесс останавливает вас от прогресса. Можно сказать, что вы “покупаете” набор цветов вместо того, чтобы учиться подбирать их самостоятельно. У вас есть свое цветовое колесо со всем необходимым: каждый цвет, который вы выбираете с исходника, может быть воссоздан вами самостоятельно. Но вы все равно предпочитаете использовать те цвета, которые уже есть на оригинале – быстро и очень эффективно.
Для того, чтобы перестать постоянно полагаться на исходник, вам нужно будет научиться видеть цвета. Посмотрите на любой предмет – какой у этого объекта тон, насыщенность, яркость? Очень непросто сказать, не так ли? Но если вы продолжите выбирать необходимый цвет с помощью Eyedropper, вы так и никогда этому не научитесь.
Все эти работы были нарисованы мной без помощи пипетки. Вы можете начать с чего очень простого. Чем меньше цвета, тем лучше.
8. Наложение цвета поверх серой гаммы
Я нарисовал эту картину в 2011 году. Это очень трогательная работа и даже сейчас мне очень нравится. Я помню, как нарисовал его в сером цвете, а после добавил цвет, используя несколько режимов наложения (Цвет, Наложение, Умножение). Тогда у меня возникла одна проблема – как добиться желтого цвета, рисуя поверх серой гаммы?
У меня, к сожалению, больше нет оригинала, но вот как, скорее всего, выглядело это изображение в серой гамме. Заметьте, что желтые и зеленые участки одинаково темные. На самом деле, это не так.
Когда я был таким же новичком, как и вы, я верил, что свет делает все цвета одинаково светлыми. Сначала я концентрировался на тенях, и лишь потом думал, что делать с цветом. Но этот трюк не сработал, и прошло немало времени, прежде, чем я понял, в чем было дело.
Дело в том, что разные цвета имеют яркость, которая не зависит от света. Когда вы это игнорируете, цвета получаются очень мутные. Они теряют очень важные свои свойства, когда вы накладываете их прямо на серый цвет.
9. Тонирование с использованием инструментов Dodge и Burn
Инструменты Dodge и Burn – любимчики всех начинающих. Они отлично подходят под описание Photoshop, как программы для рисования. Вам нужно просто выбрать основной цвет, а после выделить теневые участки. Все остальное выполняется с помощью сложных алгоритмов. И это отлично, потому что вы, в любом случае, не знали, как сделать это самостоятельно.
Но не все так просто. Эти инструменты, конечно, не совершенно бесполезны, но, когда вы только начинаете – лучше держаться от них подальше. Они не предназначены для тонировки. Инструмент Dodge – это не тоже самое, что “добавить света”, а Burn -“добавить теней”. Просто эти инструменты идеально подходят под понимание новичками этих процессов, поэтому так сложно избежать искушения.
Проблема не в самом инструменте, а в недопонимании принципов тонирования. Новички часто думают, что у предмета есть определенный цвет, и он становится темнее в тенях и светлее при свете. Но все не так просто. Этот принцип может сработать в анимации, но даже там – это просто обходной путь.
Но если эти техники вроде бы работают, то почему бы их не использовать?
- Это еще одна техника, которая тормозит ваш прогресс. Когда вы пользуетесь этими методами, вы даже не понимаете, что не так. Тонирование – это сложный процесс, а вы ограничиваете его одним простым принципом. Photoshop должен работать на вас, а не за вас. Пусть это не останавливает вас от обучения.
- Так объекты кажутся плоскими. И не имеет значения, сколько текстуры вы добавите к изображению после. Принцип работы с этими инструментами такой же, как и с кистями – вы можете начать с них, но не должны ими закончить.
- Вы искажаете цвета; цвет объекта очень сильно зависит от окружения, но ни Dodge ни Burn ничего не знаю о вашего твоего рисунка. Они тонируют все по одному и тому же принципу.
Тонирование с использованием белого и черного
Суть этой техники в том, что тонирование производится за счет белого на светлых участках, а черного – в тенях. Эта техника – результат заблуждения, что каждый цвет начинает как черный (в тенях) и заканчивает как белый (на свете). И хотя этот принцип может сработать в фотографии, в рисовании он бесполезен.
Мы все стараемся найти простые правила, которые несложно запомнить. Но это не значит, что мы должны выдумывать правила, которых не существует, например, что нужно добавить белый, чтобы сделать ярче, а черный, чтобы сделать темнее. Это работает только для серой гаммы!
Однообразное тонирование
Когда с предыдущей проблемой будет покончено, может возникнуть новая. Давайте представим, что вы выбрали оранжевый, как основной цвет для своей работы. Вы решили, что источник света будет отображен желтым, а рассеивающийся свет – голубым. Таким образом, вы просто заменили тон своего базового цвета на желтый в ярких местах, и на голубой – в тенях. Это делает процесс тонирования интереснее, чем если бы вы просто использовали черный и белый, но это снова обходной путь, который не даст добиться необходимого результата.
Почему это обходной путь? Потому что, оставив только три цвета для работы, вы автоматически перемещайте все свой объекты в неестественную среду, где любой отражающий цвет на 100% предсказуем.
В действительности же, свет отражается от всего. Поэтому тонирование редко может быть сведено к двум или трем цветам.
Если вы будете учитывать это и будете использовать косвенные источники света, чтобы разнообразить тени, то начнете рисовать более осознанно – и это отлично!
10. Размытие с помощью мягкой кисти
В основном новички размывают оттенки двумя способами, предназначенными для того, чтобы облегчить работу:
- Размытие с помощью мягкой кисти
- Размытие с помощью инструмента Smudge/Blur
Как мы уже поняли, быстрые способы работы говорят о том, что вы не контролируете процесс. Размытие с помощью мягкой кисти делает ваш объект плоским и неестественно гладким. Даже если вы добавите фото текстуру, вы не сможете избавиться от “пластикообразности” изображения. И снова, подобный метод может быть использован только в начале работы.
Если вам хочется более нежного эффекта, используйте более грубую кисть, контролируя Flow с помощью Pen Pressure (чем сильнее вы нажимайте, тем жестче получается штрих).
Такая кисть позволит вам использовать то количество цвета, которое вам необходимо.
Благодаря этому инструменту вам не нужно будет больше размывать границы между двумя цветами. вы просто начинаете с базового цвета и покрываете его более светлым. Потом вы можете добавлять новые и новые слои, делая их более и более плотными.
Если вам понадобиться сделать размытие более гладким, выберите какой-нибудь цвет между оттенками и обрисуйте края.
Для того, чтобы добиться текстурности, используйте текстурную кисть (с грубыми краями).
Согласно 80-20 правилу, не думайте о размытии на первых этапах. Используйте большую кисть, делайте края очевидными, тени неестественными.
После, вы сможете использовать кисть меньшего размера и текстурную кисть чтобы размыть края. Не используйте Smudge, мягкую кисть. Только Eyedropper и грубая кисть с переменным Flow. Но стоит помнить, что один и тот же метод сглаживания не будет работать во всех случаях.
11. Использование 2D текстур на 3D формах.
Фото текстуры – это последняя надежда новичка, когда объект теоретически завершен, закрашен и на нем выполнены тени, но все еще выглядит как пластмассовая игрушка. Но, к сожалению, текстура, сама по себе, сделает все только хуже.
Давайте представим, что вы хотите добавить текстуру на изображение этой большой кошки.
Вы должны поработать над тенями прежде чем добавить текстуру. Непростая часть заключается в том, что нет необходимости закрашивать ее полностью. То, как вы будете сглаживать цвета, зависит от того, какую текстуру вы выберете – если сделать это не имея четкого представления о том, что за текстура будет наложена, то желаемого эффекта не достичь.
Вы можете загрузить текстуру из интернета или использовать ту, которая уже есть в Photoshop – их огромное количество. Это моя любимая текстур – перевернутый Screen Door.
Если вы смените Blend Mode текстуры на Overlay, вы увидите как текстура наложится поверх теней. Но обратите внимание на то, как некоторые сегменты стали светлее. Вам может понравится это, если тонировка не была сделана должным образом, но это лишь очередной способ облегчить себе работу. В большинстве случаев, нам не хочется, чтобы текстура сама диктовала свои тени. Хотя Overlay – это не лучшее решение, но оно позволяет взглянуть на то,как текстура будет выглядеть на объекте.
Теперь самая главная часть, которую часто упускают из виду. Если объект должен быть 3D, его нельзя качественно покрыть с помощью 2D текстуры. Мы должны настроить текстуру по форме, которую она будет покрывать. Есть три основных способа сделать это – поэкспериментируй и выберите тот, который понравится вам больше всего:
- Free Transform Tool (Control-T) в режиме Warp
- Filter > Liquify
- Edit > Puppet Warp
Для сферы лучше всего использовать Filter > Distort > Spherize
До использования Puppet Warp
После использования Puppet Warp
Режим Overlay делает светлее участки слоя, покрытые белой частью текстуры. Мы можем использовать Multiply, (этот режим делает белые области прозрачными), но тогда градиентные цвета (серые) станут темнее, чем нужно. Есть поэтому другой режим, идеально подходящий для настройки прозрачности.
Выберите слой и настройте Blend If. Вы можете легко настроить прозрачность белого и черного с помощью этой функции.
Держите Alt, чтобы разделить слайды и добить более плавного эффекта.
Теперь нам стоит понять, что действительно представляет собой эта текстура. Это не неровное изображение, наложенное поверх объекта. Это настоящая шероховатость поверхности. Когда свет достигает гладкой поверхности, то он распределяется равномерно, но если поверхность – неровная, свет создаст огромное количество теней. Это и есть текстура, которую мы видим.
Здесь напрашивается еще один вывод. Это свет создает видимую текстуру – текстура не может быть создана без света. А иначе что есть тень, если не отсутствие света? Именно поэтому нам нужно уменьшить текстуру в темных участках или и вовсе удалять ее (нет света – нет текстуры). Вы можете использовать Layer Mask для этой цели или поработать с Blend If слайдами. Помните, что щели текстуры – это тени, поэтому они не должны быть темнее, чем другие теневые участки.
Наложение текстуры – это быстро и просто после того, как вам станет понятно, как с ней правильно обращаться. Но снова, все текстуры очень разные. И, хотя некоторые выглядят отлично после прямого наложения, большая их часть требует немалой работы.
Правило 80-20 в деле. Добавить текстуру – несложно, но сделать так, чтобы она выглядела уместно – вот эта работа займет немало времени. Подобные вещи отнимают немало времени, но в этих деталях и заключается весь смысл!
Первая текстура – это плоская текстура в режиме Overlay, вторая – тот же режим, но с изменениями. Последняя – это уже финальный предложенный вариант.
Заключение
Как мы заметили, большая часть проблем, которые есть у начинающих художников исходят из их желания скорее начать великолепно рисовать не прилагая особых усилий. Поэтому дело не столько в недостатке навыков, сколько в отношении к Photoshop, как к производящей произведения искусства машине. Это ведет к тому, что большая часть времени тратится не на обучение, а на поиски инструментов и трюков.
Вы не сможете стать цифровым художником за один день, просто потому что у вас есть продвинутая программа. Photoshop – это инструмент, удобнее, чем пигменты и кисти, но, опять же – всего лишь инструмент. Он не может делать больше того, что вы ему диктуете. Если вам хочется начать пользоваться всеми преимуществами программы, то относитесь к нему, как к цифровому холсту с цифровыми красками. Забудьте про причудливые инструменты, фильтры, кисти. Просто рисуйте так, как вы бы рисовали на холсте.
Изучите теорию цвета, перспективу, анатомию – все, что необходимо было бы выучить “традиционному” художникам. Со временем вы научитесь использовать инструменты Photoshop, которые помогут вам начать многое намного быстрее и легче – но не бегите впереди паровоза, постоянно используя эффекты, которые вы не понимаете. Терпение в этом деле – самое главное.
Главная фотография взята из сайта — Depositphotos.com
Автор —Monika Zagrobelna
Перевод — Say-Hi
Мы рекомендуем:
20 полезнейших ресурсов для художников
Уроки по рисованию человека в Adobe Photoshop
Теория Цвета. Самое важное о цвете
Подборка видеоуроков по построению света и тени
На ошибках учатся! Помните эту фразу? Конечно же, это абсолютная правда. Только так и можно чему-то научиться. Однако, знать начинающему художнику о тех ошибках, которые часто допускают его товарищи очень важно и полезно. Это позволит ему не наступать на те же «грабли» и гораздо быстрее продвинуться вперед в плане профессионализма.
- Как выбрать этюдник
- Жесткость карандашей. Как выбрать карандаши
Пообщавшись со знакомыми художниками и учителями на эту тему, получилась статья, из которой вы узнаете ТОП-10 самых распространенных ошибок начинающих художников. Берите на вооружение и старайтесь их не допускать. Тогда вы будете рисовать гораздо лучше. В конце статьи мы затронем тему художественной школы — нужна ли она новичку? Что ж, устраивайтесь поудобнее, начнем!
Первая пятерка частых ошибок, связанных с психологическим подходом к живописи
1. Увлечение или сосредоточенность на одной частной детали
Упоминания об этой ошибке встречаются во многих художественных учебниках. Что это за ошибка? Это когда художник прорисовывает только мелкую и незначительную часть детали, не видя картину в целом. Возможно, вы замечали, как некоторые начинают рисовать портрет, например, с глаз. В эту деталь художник вкладывает столько сил и энергии, что продолжать рисование отпадает всякое желание.
Кстати, такой подход не верен в корне: рисовать нужно на всём полотне целиком, на уровне «ощущений», последовательно придавая четкость всем участкам картины. В противном случае вы вряд ли сможете соблюсти единую контрастность на всей картине, особенно если картина большая.
И самое обидное здесь то, что художнику придется все это стирать, потому что начинать следовало с самого основного — построения каркаса фигуры головы. Всегда начинайте рисунок с общего построения!
Кстати, такая же закономерность постоянно встречается в нашей жизни. Смотрите, профессионал своего дела, неважно какого, видит и влияет на ситуацию в целом, а начинающий часто сосредотачивается на мелочах, не замечая первостепенного.
Не ограничивайте себя всевозможными стандартами и правилами. Если вы обучаетесь дома, попробуйте начать рисовать углем и резинкой. Если хотите карандашом — возьмите самый мягкий карандаш, чтобы быстро заштриховывать плоскости.
2. Спешка
Каждый художник хочет творить и создавать шикарные произведения. Но как же мало тех, кто готов затрачивать на это кучу времени! В итоге качество картины оставляет желать лучшего, хотя художник мог бы сделать лучше. Поэтому даже если вы раньше не рисовали и хотите наверстать упущенное, знайте, спешка ни к чему хорошему не приведет.
3. Рисование по воображению или по памяти
Как-то раз меня попросили нарисовать двух деловых людей, жмущих друг другу руки. Вроде бы простая вещь — рукопожатие. Эту картину мы видим повсюду, но по памяти изобразить его у меня не получилось до тех пор, пока я не нашел натуру.
Вы можете знать нюансы и правила построения сложных и простых тел, но, не изучив принципы рисования какого-то конкретного объекта, у вас не получится нарисовать его со знанием дела. Очень мало таких людей, которые идеально рисуют по памяти. Даже самые именитые мастера живописи рисуют с натуры.
Вы должны видеть натуру или фотографию, а не просто взглянуть на неё разок.
4. Бросание работы на полпути
Картина, в которой созерцается некая загадка, недосказанность или неопределенность вызывает восхищение и интерес. Но ничего подобного не выйдет с картиной, которую бросили и не доделали.
Да, довести картину до конца начинающему живописцу непросто. Я бы порекомендовал на начальном этапе писать больше этюдов. Это позволит быстрее расписаться, получить больше вдохновения и удовольствия от живописи, а также избавиться от неуверенности.
5. Бледная и слабая контрастность изображения
Опять же все это из-за неуверенности в своих силах. Со временем это пройдет. Обязательно! В первом пункте мы выяснили, что на первых порах лучше рисовать мягким карандашом. Просто сознательно усиливайте нажим.
Вторая пятерка частых ошибок, связанных непосредственно с рисунком
6. Отсутствие фона
Конечно, прорабатывать фон нужно не в каждом произведении. И все же, если в вашей картине присутствует фон, это значит, в ней есть задний и передний план, что хоть как-то намекает на пространство.
7. Бумага плохого качества
Обыкновенная писчая бумага (общая тетрадь или «Снегурочка») — не лучший холст для живописи. Для линейных набросков — это, пожалуйста. Но она никак не подходит для настоящего произведения, потому как реагирует на нажим такая бумага плохо, что значительно затрудняет проработку светотени.
На том же чертежном листе ваш рисунок будет смотреться гораздо красочнее и лучше, нежели на бумаге для ксерокса и тем более обычной тетради.
8. Отсутствие штриха и растушевка изображений
За штрих можно сказать одно — это одно из самых выразительных средств, поэтому грех его не использовать.
На счет растушевки — те, кто видел, знают. Растушевывая изображение, бумага начинает забиваться, в итоге — каша невнятного цвета. Гораздо лучше работать по принципу лессировки либо просто класть цвета и штрихи рядом друг с другом. Все равно картина воспринимается человеком в целом.
9. Малый формат
Например, вы захотели нарисовать девушку, взирающую вдаль грустным взглядом, да еще и с башни огромного замка. Такое произведение естественно будет лучше всего смотреться на ватмане, нежели на листочке с блокнотика. На большом формате вы гораздо лучше и легче передадите нюанс. Это как в просмотре кинофильма. Что лучше, смотреть его на большом, широком HD-Fullдисплее, либо на маленьком экране сотового телефона.
10. Активные линии
Еще одна распространенная проблема. Многие целеустремленные начинающие художники обводят некоторые участки изображения контуром. Например, молодая симпатичная барышня из-за прорисовки мимических морщин активными линиями превращается в бабушку. А ведь передать эту деталь стоило бы с помощью светотени.
Обучение в школе или в гордом одиночестве?
В заключение хочется затронуть тему пользы художественной школы (курсов). Сейчас мало кто ходит в специализированную школу, так как в интернете есть много видео уроков и литературы для самостоятельного обучения. И все-таки обучение у учителя имеет массу преимуществ:
- дисциплина;
- больше практики;
- больше живого общения с профессионалом;
- больше художественных средств и инструментов;
- возможность указать на ваши ошибки и вовремя их исправить;
- учиться с сокурсниками и делиться с ними своими достижениями гораздо веселее и приятнее.
Я считаю, что в школе стоит получить необходимую базу, а уже после неё смело развиваться в своей стезе самостоятельно.
А вы как считаете?
В этой статье мы расскажем, почему стоит делать уникальную страницу 404 для сайта и как правильно её оформлять. Покажем удачные и неудачные примеры оформления таких страниц.
В конце статьи вас ждет бесплатный чек-лист и шаблон технического задания на дизайн страницы с 404-ой ошибкой.
Зачем оформлять страницу 404 Not Found?
Существует 2 основные причины появления 404-ой ошибки:
- неправильно введён адрес ссылки;
- страница была удалена.
Пытаясь попасть на несуществующую страницу, пользователь видит ошибку 404 Not Found. Стандартная страница с 404-ой ошибкой никак не связана с вашим сайтом. Именно поэтому большинство пользователей стараются как можно скорее закрыть ее.
Вот так оставлять нельзя:
Рисунок 1. Стандартная страница 404 Not Found
Правильно оформленная страница поможет удержать на сайте заблудившихся посетителей и тем самым улучшить показатели.
Приведем пример количества посещений страницы с 404-ой ошибкой на сайтах, с которыми мы работаем.
Сайт 1:
- 1 143 477 просмотров сайта за год;
- 42 114 просмотров страницы 404 за год (или 3,85%).
Приведем для сравнения такие цифры: у самого популярного раздела каталога 218 011 просмотров за год (19%), что всего в 5 раз превышает количество просмотров 404-ой страницы. А у раздела, который находится на 6 месте по количеству просмотров за год, эта цифра составляет 14 935 просмотров (или 1,3%), что в 3 раза меньше, чем у страницы 404.
Сайт 2:
- 64 625 просмотров сайта за год;
- 547 просмотров страницы 404 за год (или 0,84%).
Из 11 разделов на сайте целых 4 раздела имеют меньше просмотров, чем страница 404.
Только представьте, какое большое количество посетителей сайта попадает на страницу 404-ой ошибки, и в ваших силах удержать и заинтересовать их.
При желании вы можете проверить свой сайт на количество посещений страницы с 404-ой ошибкой через Яндекс.Метрику. Как это сделать, подробно описано в инструкции от Яндекса.
Как оформить страницу ошибки
Существует 5 вариантов:
1. Оставить стандартную страницу ошибки браузера. Но ведь мир и так довольно жесток 🙁
Рисунок 2. Мем
2. Сделать страницу креативной и интересной:
Gif 1. Страница 404 с анимацией с сайта https://rabota.gk-rte.ru/404
На странице 404-ой ошибки посетитель видит анимацию с отсчетом времени до столкновения. В итоге столкновение, конечно, не происходит, но пользователь может задержаться на странице из интереса, чтобы увидеть, чем все закончится. Это, в свою очередь, улучшает поведенческие факторы — увеличивается время на сайте и уменьшается показатель отказов.
3. Сделать страницу полезной для посетителя, помочь ему найти нужную информацию:
Рисунок 3. Страница 404 с полезным контентом с сайта https://drarthurkhristenko.ru/404
Попадая на несуществующую страницу на сайте пластического хирурга, посетитель видит основные услуги, которые оказывает доктор.
4. Совместить предыдущие 2 варианта:
Рисунок 4. Страница 404 с полезным контентом и креативом с сайта https://www.coca-cola.ru/404
Отличный пример совмещения креатива и полезной для посетителя информации на сайте Coca-cola.
Наша рекомендация: используйте именно такой вариант при оформлении страницы с 404-ой ошибкой.
5. Использовать промокод на скидку:
Рисунок 5. Страница 404 с промокодом с сайта https://www.planeta-sport.ru/404/
Хороший пример совмещения креатива и промокода на скидку в спортивном интернет-магазине. Это красивое “извинение” за то, что страницы не существует. В итоге вместо досады или раздражения у пользователя появится дополнительный стимул сделать у вас покупку.
Рисунок 6. Мем
Шапка и футер — оставляем?
Если пользователь знаком с вашим сайтом, то попав на страницу 404, внешне отличающуюся от самого сайта, он решит, что попал не по адресу, и уйдёт. Или перейдёт на главную, а резкая разница в цвете и общем оформлении доставит ему неприятные эмоции. Оба варианта — так себе.
Наша рекомендация: оставить шапку и футер при оформлении страницы с 404-ой ошибкой. Тем более так рекомендует Google:
“Страница 404 должна быть выполнена в том же стиле (включая элементы навигации), что и основной сайт.” — Google.
Это этап креатива. Подумайте над интересным оформлением. Можно взять за основу сферу вашего бизнеса: какие услуги вы оказываете, что продаете.
Рисунок 7. Пример 404-ой страницы на сайте https://kolesa.kz/404/
Сайт по продаже автомобилей использует оригинальную фразу “Докатились” и тут же предлагает посмотреть объявления. Из минусов здесь можно отметить тёмный фон, так как на основном сайте он светлый.
Рисунок 8. Пример 404-ой страницы на сайте https://www.pixar.com/404
* Перевод: “Не плачь. Это всего лишь 404 ошибка. То, что ты ищешь, могло переместиться в долгосрочную память.”
Рисунок 9. Пример 404-ой страницы на сайте https://www.lego.com/ru-ru/404
Рисунок 10. Пример 404-ой страницы на сайте https://www.f1news.ru/404/
Если не получается придумать интересный дизайн, опираясь на деятельность вашего сайта, то рекомендуем использовать минимализм (да простят нас дизайнеры), как на примерах ниже.
Рисунок 11. Пример 404-ой страницы на сайте https://www.tinkoff.ru/404/
Рисунок 12. Пример 404-ой страницы на сайте https://www.aviasales.ru/404
Рисунок 13. Пример 404-ой страницы на сайте https://www.kinopoisk.ru/404/
Определившись с идеей оформления, не забывайте, что дизайн страницы с 404-ой ошибкой должен быть выполнен в общей стилистике самого сайта.
И не стоит делать этот блок слишком большим, выходя за пределы первого экрана. Вряд ли посетитель этой страницы захочет прокручивать экран вниз.
Текст для страницы с ошибкой 404
Пользователю должно быть понятно, что запрашиваемая страница недоступна. Наша задача — помочь ему быстро сориентироваться. На этом этапе составьте сообщение, которое не вызовет отторжения.
Примеры:
- Извините, такой страницы у нас нет. Мы поможем найти нужную информацию.
- Извините, такой страницы у нас нет. Но есть много другой полезной информации.
Элементы навигации
Google рекомендует разместить на странице 404-ой ошибки ссылки на самые популярные статьи или записи блога, а также на главную страницу.
Если ваш сайт предоставляет услуги или продаёт товары, то добавьте ссылку на каталог и основные услуги/товары.
Рисунок 14. Пример 404-ой страницы на сайте https://www.mann-ivanov-ferber.ru/404/
Если на вашем сайте есть блог, то добавьте ссылку на сам блог и на самые популярные статьи.
Рисунок 15. Пример 404-ой страницы на сайте https://www.nytimes.com/404
Например, The New York Times добавил на страницу 404-ой ошибки самые популярные статьи, которыми чаще всего делятся их читатели.
Возможность сообщить о неработающей ссылке
Дайте посетителю возможность пожаловаться на неработающую ссылку. Вы можете не отвечать на эти сообщения, но сделайте такой функционал.
Опишите в техническом задании для программистов, как должна работать эта кнопка. Добавьте ссылку на сайт, где есть та функция, которую вы хотите повторить.
Если это будет всплывающая форма заявки, то опишите дизайнеру, как она должна выглядеть.
Рисунок 16. Пример отработки кнопки “Сообщить о нерабочей ссылке” со страницы https://enjoyme.ru/404/
Основные рекомендации
Резюмируем основные рекомендации из данной статьи:
- Оформите страницу 404 в том же стиле, что и весь сайт. Это касается элементов навигации, шрифта, цвета.
- Подготовьте понятный и короткий текст, который не вызовет отторжения у пользователя. Ему должно быть ясно, что запрашиваемая страница недоступна.
- Добавьте креатив в оформление, чтобы удержать посетителя на сайте.
- Добавьте ссылки на главную страницу, основные категории и услуги, а также на самые популярные статьи или записи блога.
- Вся информация должна помещаться на первом экране. Нет смысла добавлять больше: вряд ли посетитель страницы 404 будет скроллить вниз.
- Дайте пользователю возможность сообщать о неработающих ссылках, даже если не собираетесь проверять эти сообщения.
Блок-схема
Как только вы определитесь с оформлением, нужно нарисовать блок-схему.
И не забудьте подробно описать в техническом задании, как должен выглядеть каждый элемент.
Если вы никогда не составляли блок-схемы или хотите получить больше информации об их составлении, то рекомендуем прочитать нашу статью “Как сделать ТЗ на дизайн сайта бесплатно самому: подробная инструкция”.
Рисунок 17. Пример составленной блок-схемы для 404 страницы Ant-team.ru
Итоги и бонусы
Страница 404 должна выполнять 2 действия: удерживать посетителя на сайте и давать ему самую популярную и полезную информацию, благодаря которой он будет дальше путешествовать по сайту и создавать трафик.
И чтобы процесс создания страницы с 404-ой ошибкой не принес вам лишней головной боли, предлагаем воспользоваться нашим чек-листом и шаблоном технического задания, где подробно описан каждый шаг (читайте красный текст):
- Чек-лист на дизайн для страницы 404
- Шаблон ТЗ на дизайн для страницы 404
А чтобы было ещё понятнее, можете воспользоваться примером заполнения шаблона ТЗ и нарисованной блок-схемой:
- Пример ТЗ на дизайн для страницы 404 Ant-Team
- Блок-схема 404 Ant-Team
Это настоящее техническое задание, которое мы заполняли для нашей страницы 404-ой ошибки.
Автор статьи: Кирилл Агафонов (Ant-team.ru)
P.s. Подписывайтесь на наш телеграм-канал t.me/seoantteam, чтобы первыми узнавать о выходе новых материалов.
При написании статьи использованы источники:
- https://developers.google.com/search/docs/advanced/crawling/soft-404-errors?hl=ru&visit_id=637885645086554669-667034082&rd=1#93641
- https://yandex.ru/support/metrica/stand-out/informative-page-404.html#informative-page-404
Почему любому сайту нужна страница 404
Приемы создания страницы и лучшие примеры от сайтов на Тильде и в вебе
Когда человек попадает на страницу ошибки, он чувствует себя подавленным и раздраженным. Страница 404 сообщает нам, что мы потерпели неудачу. Но все можно исправить и вернуть пользователя на сайт невредимым. Рассказываем, как это сделать, с примерами.
Страница 404 — это неудачная попытка открыть что-то в вебе. Это автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти.
Обычно такая ошибка возникает, когда человек вводит некорректный адрес сайта или переходит по несуществующей ссылке (например, вы удалили старую ссылку, а в поисковой индексации она осталась, и человек перешел).
Страница 404 может возникнуть на любом сайте, потому что ее невозможно проконтролировать полностью.
Зачем нужна страница 404
Кажется, что можно и обойтись без собственного дизайна страницы ошибки — что в этом такого?
На самом деле страница 404 нужна всем, и вот почему:
Вы не можете предотвратить все случайные ошибки — пользователь может ошибиться и ввести другой адрес, не найти того, что искал и уйти. Так вы потеряете потенциального клиента.
Когда у сайта уже очень много страниц, сложно отследить все адреса: где-то могли поменять адрес, чтобы улучшить SEO, какой-то раздел удалили, а он по-прежнему индексируется в поиске.
Когда у вас много неоформленных страниц 404, с которых пользователи не могут перейти на главную или другие разделы, у вашего сайта снижаются позиции в органическом поиске. Так что продумать дизайн страницы 404 — полезно для SEO.
www.cosowinerestaurant.com
Создать дизайн страницы 404 — способ по-человечески поговорить с вашим пользователем и вернуть его на сайт.
Приемы создания страницы 404: о чем стоит помнить
Объяснить посетителю, что происходит.
Вы можете уменьшить беспокойство человека, попавшего на страницу 404, если расскажете, как это могло произойти. Можно перечислить причины (например, ссылка устарела и ее убрали с сайта, или допущена ошибка в адресной строке), а также сделать ссылку на главную сайта или возможность выйти в меню.
Цель дизайна страницы 404 — сделать меньше фрустрацию вашей аудитории, постараться отвлечь людей от ощущения потери. С этим очень хорошо справляются изображения, видео, анимации, особенно смешные.
Тональность сообщения на странице ошибки зависит от позиционирования вашего бренда, но немного юмора никогда не помешает.
Вернуть пользователя на сайт.
Юмор и красивые картинки — это прекрасно. Но не стоит забывать, что вам нужно поскорее вернуть посетителя страницы 404 на сайт. Дайте ему возможность для этого, поставьте контакты, меню и ссылку на главную или блог.
Страница 404 — часть вашего сайта, поэтому она должна быть оформлена в стиле вашего бренда. Это касается цветов, типографики и всего контента.
Лучший способ сделать так, чтобы пользователь не попал на страницу 404 — постоянно проверять «битые ссылки» на сайте. Если раз в месяц проверять потерянные статьи, видео, картинки и так далее, ваши пользователи будут все меньше попадать на страницу 404.
У Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.
Как правильно сделать страницу ошибки 404 на Тильде
Создайте новую страницу сайта на Тильде.
Сделайте оформление: добавьте сообщение об ошибке и желаемый контент — например, ссылку на главную или забавную иллюстрацию.
Перейдите в «Настройки сайта > Еще > 404 страница». Выберите из списка страницу, которую вы создали и сохраните.
Важно:
- Не задавайте адрес /404 — будет появляться стандартная ошибка Тильды
- Чтобы 404 заработала, вам нужно переопубликовать все страницы сайта
Какую информацию разместить на странице 404?
Вы можете рассказать посетителям, как они оказались на странице 404 ошибки и почему. Возможно, вы захотите дать ссылку на главную, чтобы посетитель вернулся и продолжил взаимодействовать с вашей компанией. Можно разместить меню или поиск, чтобы человек сам выбрал и нашел, куда ему пойти дальше.
Какие блоки я могу использовать для создания страницы 404?
Выбор блоков зависит от задач вашей страницы ошибки. Это может быть блок с картинкой и заголовком или просто картинкой, может быть видео или нулевой блок, если вы хотите дать волю дизайнерской фантазии.
Нарисуйте прототип страницы 404 — вдохновитесь примерами, напишите текст, подберите изображение. И дальше под свои задачи подбирайте нужные блоки из библиотеки Тильды. Можно использовать шаблоны одноэкранных сайтов, например, подойдут шаблоны Тильды для контактов. Если на сайте используется шапка с меню, то ссылка на главную и выход на другие разделы сайта у вас уже есть.
Как должна выглядеть моя страница 404?
Предела совершенству нет. Как и любую другую страницу в вебе, оформите 404 так, чтобы она отражала стиль вашей компании и вашего сайта в целом. Творите и веселитесь, на странице ошибки можно позволить себе оторваться.
Примеры классных страниц 404 на Тильде
Текст: Варя Гурова
Иллюстрации, дизайн и верстка: Юлия Засс
Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Статья будет полезна предпринимателям, для которых сайт компании — не просто визитка, а продающий инструмент, требующий постоянного развития.
Если у вас не лендинг, а крупный сайт со множеством страниц и разделов, то рано или поздно ваши посетители столкнутся с битыми ссылками и ошибкой 404. К этому следует подготовиться.
Грамотно оформленная с точки зрения дизайна и содержания страница 404 способна удержать посетителей на сайте, снизить показатель отказов и повысить конверсию трафика в продажи.
После анализа сотни веб-сайтов разной направленности на предмет наличия проработанной, интересной и нестандартной страницы 404 были выявлены 27 достойных примеров, которые представлены ниже. Также в конце этого материала вы найдёте несколько рекомендаций по теме.
Идеальной формулы для страницы 404, конечно, не существует. Здесь всё индивидуально и зависит от конкретного бизнеса.
В целом страница 404 должна решать следующие задачи:
-
Объяснять посетителю, что произошло.
- Указывать причины, по которым пользователь попал на эту страницу.
- Подсказывать, что делать дальше.
Общие рекомендации по теме
- При разработке или редизайне страницы 404 проявляйте творчество и креатив, отталкиваясь от сферы бизнеса. Здесь можно разместить ограниченные по времени купоны на скидку, форму подписки на выгодные акции, тематическую иллюстрацию, строку поиска по сайту, интерактивные элементы, генератор случайных советов и так далее.
- Обязательно проверьте, чтобы страница ошибки 404 на вашем сайте была правильно настроена, а сервер возвращал код статуса HTTP 404 Not Found. Иначе в результатах выдачи поисковых систем могут начать появляться ссылки на несуществующие страницы вашего сайта, что негативно повлияет на SEO.
- Регулярно проверяйте ссылки, размещённые на сайте, на предмет актуальности. Заменяйте или удаляйте битые ссылки при обнаружении.
На этом всё. Надеемся, что приведённые выше примеры вдохновят вас на создание своих собственных оригинальных решений, которые будут способствовать улучшению сайта и бизнеса в целом.
Когда мы вводим на сайте неверный адрес или щелкаем по «мертвой» ссылке, он должен выдать стандартный код ответа HTTP – Not Found или «Ошибка 404». Отсюда хочется побыстрее уйти – и хорошо, если на главную сайта, а не обратно в поиск.
Хорошо оформленная с точки зрения дизайна и юзабилити страница 404 поможет пользователю понять, что делать дальше. Посмотрите, как эту задачу решили самые креативные компании.
eBay
«Человечная» надпись и такая же картина делают так, что не хочется убегать обратно в поиск
Гарантированно приведем клиентов
на ваш новый лендинг
Подробнее
Aviasales
Aviasales, по традиции, чуть поиграли словами – страницы нет, билеты есть
Blizzard
404-я у Blizzard анимированная: посмотрите, как симпатично выглядит
Coca-Cola
Coca-Cola тоже сыграла словами: «Здесь больше нет Coca-Cola» уместно смотрится рядом с пустыми бутылочками
Convert Monster
Content Monster меняет призыв и картинку каждый раз при обновлении страницы
Amazon
А у Amazon кликабельная собака – она отправляет нас на страницу «Собаки Amazon»
«Тупичок Гоблина»
Дизайн на сайте Дмитрия Юрьевича не обновляется годами (и смотрится по-своему стильно). Графическое оформление 404-й в стиле игр конца 90-х смотрится тут органично
«Лабиринт»
Еще одна ожидаемая игра слов: страница «Лабиринта» потерялась в лабиринте
OZON
OZON вернулся к минимализму
Что интересно – старая страница была немного креативнее (и как будто заимствовала идею eBay):
А это старая 404 страница на сайте OZON
Сотмаркет
Тот же тренд на минимализм – у «Сотмаркета»: только навигация, только хардкор
А вот как выглядела эта страница раньше:
Интереснее по задумке, но уже не так трендово (да, 404 тоже стоит обновлять в духе времени)
Студия Артемия Лебедева
Кстати, тайтл у страницы иронично спрашивает: «Потерялись?»
Банк «Тинькофф»
«Тинькофф» перешел от минимализма к ультраминимализму – смотрите следующее фото: это старая страница 404
Когда страницу освежали в плане дизайна, отсюда в числе прочих изменений ушел смайлик
«Яндекс»
Коротко и понятно – и тоже с навигацией
Университет «Синергия»
У «Синергии» как будто отсылка к фильму «Гравитация»
Студия Дениса Каплунова
Стильно и минималистично
LEGO
Выражение лица человечка демонстрирует панику. А вот надпись говорит, что все прекрасно
«Кинопоиск»
На «Кинопоиске» тоже есть элемент анимации
PlayboyRussia
404 страница PlayboyRussia
«Единый визовый центр»
Нетривиальный ход – для дочитавших подарок
Pikabu
Заморочились и отрисовали – узнаваемо и на века
Pixar
Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить
Какой не должна быть страница 404
- Мгновенный переход на главную страницу: в этом случае человек не поймет, что он ввел неверный адрес или перешел по неработающей ссылке, и может повторить неверный ввод.
- Внешний вид страницы
- с нечитаемыми символами:
- со стандартной и малоинформативной надписью:
- дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):
Если вы решили сделать сайт, пусть у него будет первоклассной и страница с кодом ответа 404. Пользователи и поисковые системы будут вам благодарны.
1. No Vacancy 404
Автор: Riley Shaw
2. Fargo 404
Автор: Nate Watson
Сделано с помощью: HTML CSS
3. 404 No signal
Автор: Adem ilter
4. 404 Page
Автор: Kasper De Bruyne
5. Yeti 404 Page
Автор: Darin
6. Error 404
Автор: Swarup Kumar Kuila
7. Only CSS: 404 Rolling Box
Автор: Yusuke Nakaya
8. 404 page
Автор: Naved khan
9. Ghost Page | 404
Автор: Diogo Gomes
10. Space 404
Автор: Jared Rowe
Анимированный SVG для страницы 404 на Vecteezy.com
11. 404 Error page
Автор: Vineeth.TR
Страница ошибки в Pure css :), вдохновленная Bons 404
12. My Error 404 Page
Автор: Taufik Nurrohman
13. code for fun (day02): страница с ошибкой 404, режим пещерного человека — чистый CSS
Автор: Sergio
Еще больше подобных шаблонов можно найти по тут
Все знают, как обидно вместо желаемой страницы получить ошибку 404. Многие разработчики наполняют Not Found страницу более полезной информацией, или, по крайней мере, пытаются повеселить несчастного заблудившегося пользователя, иногда удивляя своей креативностью.
Сегодня, ко дню вебмастера, мы подготовили подборку интересных четырестачетвертых страниц.
На этом сайте можно найти интерфейс Commodore 64.
Похоже, вам не стоило сюда заходить.
Попробуйте поймать кота 🙂
Студия дизайна делится забавными гифками про собак.
А эта страничка ушла в поход… и не вернулась.
Очень атмосферная интерактивная 404-ая страница.
Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.
Спасите несчастных леммингов!
Классический мем на сайте 9GAG.
Красивая иллюстрация броуновского движения от Hot Dot.
А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.
Вам попалась страница 404? Решайте, кого уволить за такое свинство.
Синий экран смерти от Willismonds.
А эту страницу съели пациенты клиники. Очень сожалеем 🙁
Диаграмма Венна на сайте magnt.com.
Дыра в интернете на сайте CSS Tricks.
Поздравляем. Вы сломали наш сайт.
Некоторые сайты предлагают целую блок-схему действий для тех, кто попал на 404.
Здесь можно поиграть в пакмана.
Airbnb при переходе на сломанную ссылку порадует вас анимацией девочки с упавшим мороженным, а также предложит некоторые полезные ссылки.
Ниже представлен скриншот страницы 404 известного сокращателя ссылок. На нём изображена мутировавшая рыба-шар, вглядывающаяся в дно водоёма, у которой ещё и чайка над душой висит. Всё это представлено в виде анимации.
Популярный сайт обмена картинками imgur сделал страницу 404 в виде стены с картинами в академическом стиле, но только с животными, из которых готов к беседе с вами только жираф.
Всё минималистично и главное — ссылка на релевантный материал.
Сайт HatchedLondon решил сделать страницу 404 очень длинной, но до конца можно дойти всего за одну секунду. При этом страница хорошо вписывается и смотрится отлично.
Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.
Инструмент для проектировки интерфейсов отлично справился и с собственным. Можно поиграться с узлами на странице ошибки, но не более. Со шрифтами поиграть не получится.
Создатель блога с душой подошел к делу и сделал красивую и анимированную страницу 404, почти полностью написанную на CSS (картинки, конечно же, были в png). Он даже исходным кодом поделился. При входе на страницу меню разваливается и крутится в чёрной дыре, при этом оставаясь кликабельным.
Сайт, специализирующийся на продаже векторных иконок, не забыл и про себя, подобрав именно ту, которая гармонично сочетается с тематикой ресурса.
Интересная реализация ошибки 404 в блоге любителя иконок. Пользователь, вероятно, находится в машине, к нему приближается светящееся число 404 и в это же время пробегает ящерица по лобовому стеклу (вообще тут всё зависит от вашей фантазии).
Один из наиболее популярных сервисов общения между членами одной компании тоже вошёл в эту подборку. Ребята хорошо потрудились над созданием интересной и анимированной страницы ошибки 404 с небольшими элементами интерактивности (можно трогать кур и свинок). Также во время отсутствия активности на странице всё становится серым.
На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта. А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).
Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.
Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.
Мы тоже не исключение 🙂 Возможно, вы уже замечали, что мы, как и сайты выше, имеем собственную страницу 404.
Страница 404 — это автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти. Обычно такая ошибка возникает, когда человек вводит некорректный адрес сайта или переходит по несуществующей ссылке (например, вы удалили старую ссылку, а в поисковой индексации она осталась).
С помощью нашего редактора вы можете не просто сделать такую страницу, а задать ей неповторимый дизайн.
Содержание
Зачем нужна страница 404
Потеря потенциального клиента. В момент набора адреса страницы пользователь может допустить ошибку, и перейти на не существующую страницу. В которой не будет кнопок для навигации по сайту и из-за этого пользователь может просто закрыть сайт.
Вот такую ошибку может увидеть пользователь, если не публиковать страницу 404.
Старые страницы в поиске. Предположим у вас сайт с большим количеством страниц, все страницы уже давно проиндексированы поисковиками. В какой то момент у некоторых страниц были изменены адреса, но поисковые системы еще не успели обработать новую информацию.
В итоге получится следующее клиент находит ваш сайт в первых строчках поисковика, переходит по ссылке и видит ошибку выше и с большой вероятностью клиент может решить что сайт не рабочий и пойти по другим сайтам.
Чтобы подобных проблем не происходило важно всегда оформлять и публиковать страницу 404.
Создание страницы 404
Если сайт создается впервые, страница 404 уже автоматически включена в перечень страниц, вам достаточно только открыть редактор страницы, внести изменения и опубликовать.
Что делать если страницы нет?
Шаг 1
Находясь в списке страниц, нажмите «Создать новую страницу». Задайте название и укажите обязательный адрес 404, далее нажмите кнопку «Выбрать шаблон».
Шаг 2
Откроется панель выбора шаблонов, где можно создать с нуля или перейти в категорию «Внутренние страницы» и выбрать готовый шаблон
Шаг 3
Опубликуйте страницу, настройка завершена✅
Как правильно оформить страницу 404
Важен стиль
Страница 404 это одна из ваших страниц, поэтому так важно выдерживать стиль в соответствии с дизайном всего сайта. Кроме информации о не существующей страницы следует добавлять навигационную панель и подвал как на всех остальных страницах.
Использование единого стиля повышает доверие у пользователя и помогает не заблудится на странице.
Общение с клиентом
При создании страницы 404 не ограничивайтесь стандартной надписью “Страница не найдена”.
Вы можете добавить кнопки для возвращения на сайт, рассказать почему страницы может не существовать и предложить дальнейшие действия.
Креативность
Креативный и необычный дизайн может удивить, рассмешить или даже шокировать. Но такой дизайн точно не оставить пользователя равнодушным. Только от вас зависит какое впечатление произведет ваш сайт для пользователя.
Не оставляйте клиента наедине с ошибкой. Постарайтесь оформить страницу ошибки 404 таким образом, чтобы улучшить пользовательский опыт и оптимизировать конверсию сайта.
404 ошибка является одной из самых частых на просторах интернета. Эта ошибка возникает тогда, когда пользователь ввел некорректный адрес сайта, либо перешел по ссылке, которой уже не существует.
А что же означают эти до боли знакомые всем цифры? Первая цифра 4 указывает на ошибку со стороны клиента, например, плохое соединение или неверно введенный адрес в строку поиска. Другие два числа обозначают конкретную категорию ошибок, которая включает такие статусы, как Conflict, Precondition Failed, Bad Request и другие статусы четвертого класса. Возникновение данной ошибки имеет несколько причин:
- плохое соединение;
- ссылка, ведущая на адрес, устарела или была удалена;
- страницу перенесли на новый адрес;
- опечатка при вводе адреса сайта.
Многие не придают большого значения 404 странице. А зря! Ведь данная страница играет немаловажную роль в конверсии сайта и может выполнять несколько функций одновременно, если добавить туда нужные элементы. Хорошая структура 404 страницы удерживает пользователя на сайте, не дает потерять потенциального клиента.
Как удержать клиента: советы по созданию страницы с 404 ошибкой
Чтобы ошибка не испугала посетителя, объясните ему, что ничего страшного не произошло и нужно лишь перейти в другой раздел сайта. Тактично направьте пользователя к выходу из этого злополучного «тупика».
Существует несколько способов вернуть доверие:
- Добавить ссылки на существующие разделы сайта. Не заставляйте его снова писать вручную адрес сайта, обновлять страницу, искать опечатки. Достаточно даже одной кнопочки «Вернуться на главную». Продублировать популярные ссылки разделов вашего сайта было бы вообще замечательно.
- Объясните, что произошло. Не обязательно подробно расписывать о происхождении ошибки, составлять длиннющие инструкции. Достаточно обойтись одной или несколькими фразами. Слово «ОШИБКА» совсем необязательное, зачастую лишь больше вгоняет в ступор. Если сайт носит развлекательный характер, можно юморнуть и покреативить. Заставьте улыбнуться гостя, тогда он охотнее вернется на главную страницу. Но обойдемся без юмора ниже пояса и обидных шуточек, давайте уважать наших пользователей.
- Не лишним будет добавление строки поиска по сайту, это еще больше упростит действия посетителя. Введя в строку желаемый запрос, он быстро очутится в том разделе сайта, в который должен был попасть до появления ошибки.
- Не забывайте про фирменный стиль и общие элементы внешнего облика сайта. Слишком сильное различие дизайна ошибки и сайта в целом настораживают. Это наводит пользователя на мысль: а не перешел ли я по какой-то нехорошей ссылке? А не покинул ли я нужный сайт. Наличие логотипа или названия компании обязательны.
- Внесите креатив в страницу с помощью интересной тематической анимации — динамичные иллюстрации всегда приковывают внимание. А ошибка 404 должна вызывать интерес и желание остаться на сайте с вопросом, что еще интересного есть на этом сайте?
- Если недавно вы переносили или удаляли достаточно большое количество страниц и точно уверены в том, что многие посетители, перейдя на ваш сайт, не найдут нужной информации, вставьте поисковую строку системы Google или Яндекс. Пользователи вам скажут спасибо за то, что вы сэкономили их время, а это плюсик в карму.
Это общие рекомендации, но можно ими не ограничиваться. Если у вас хорошая фантазия и чувство юмора, то из скучной страницы можно сотворить настоящий шедевр. Все зависит от вашей креативности
404 ошибка: как эта страница выглядит на нашем сайте
Полностью весь внешний вид оставили в том же стиле, что и сам сайт. Не трогали верхнее меню и подвал, чтобы никого не шокировать резкими переходами. Для удобства вставили ссылки на самые популярные услуги (для клиентов) и основные разделы блога (для просто интересующихся). Обязательно добавили ссылку на главную страницу 1PS и призыв к действию «Напишите нам», чтобы уж точно никто не затерялся. Но! Учтя все технические вопросы, мы забыли про креатив. Уже работаем над этим. В скором будущем и мы обзаведемся привлекательной и забавной страничкой.
Страницы с ошибками бывают разными, идей для креатива множество, главное — знать меру. Бытует мнение, что на серьезных сайтах с официальным посылом не может быть своей ошибки 404, лучше обойтись стандартной. Развеем этот миф! Мы подобрали для вас 50 примеров различных 404 страниц и дали свой комментарий к каждой. Вдохновляйтесь!
50 примеров крутых страниц с 404 ошибкой
-
Freepik
Страница находится за пределами Вселенной. Очень много примеров 404-ой можно найти именно в космической тематике. Может быть, потому что все потерявшиеся страницы находятся там?
-
Giphy
Ой! Здесь ничего нет. Яркая надпись в стиле GIF привлекает внимание и дает подсказку перейти на главную.
-
Mailchimp
Лошадка потеряла эту страницу. Но не расстраивайтесь! Кликните на нее и сыграйте в игру. Ведь все мы с вами в душе дети.
-
Font Awesome
«Знаешь, о чем я постоянно думаю? Где мой сэндвич?» Хорошая идея удержать внимание за счет популярных мемов.
-
Playstation
Если вдруг подсказка не поможет, робот Астро всегда найдет для вас путь домой. Персонаж на странице выступает в роли помощника.
-
IKEA
Похищение пришельцами! Выполненная с юмором тематическая анимация заставляет улыбаться.
-
LEGO
Конструкторный человечек немного напуган, но дает понять, что все в порядке. На данном примере изображен узнаваемый продукт бренда.
-
Coursera
Анимация в стиле супрематизма. Различные фигуры складываются в «404». Смотрится необычно, но в то же время понятно.
-
Marvel
Что-то не так! Я есть Грут. И я помогу вам не заблудиться в темноте — перейдите на главную.
-
Kinsta
Не нашли то, что так долго искали? Иллюстрация с затерянной гробницей выглядит таинственно. Вам решать, открывать ее или нет. Может, все-таки вернемся на главную?
-
Coca-Cola
Здесь больше нет Coca-Cola… Пустые бутылки из-под напитка явно никого не устраивают. Нужно срочно перейти на другую страницу.
-
Onesharedhouse
Пустая таблица без каких-либо данных показывает, что ничего нет. В конце четко написано: 404.
-
Bubka
Трехглазый монстрик с главной страницы пытается вас загипнотизировать. Если становится страшно — лучше вернитесь на главную.
-
F1 News
Лаконичная 404 страница от новостного портала. Вместо цифры «0» используется колесо боллида.
-
Blizzard
Бедный мурлок заблудился. Но ничего страшного! Спасательный отряд уже на подходе. Главное — зовите громче: «Мргрмлмлрлрглмрргл!»
-
Android
Хорошее применение типографики для 404 страницы. Текст четко дает понять, что произошло.
-
Bluleadz
Милая страница с котиком никого не оставит равнодушным. Так и хочется ему помочь. Строка поиска Google поможет отыскать решение.
-
Subsign
Не волнуйтесь, съешьте пончик и вернитесь назад. Выглядит очень аппетитно, даже не хочется уходить.
-
Chanceupon
Потерялись во Вселенной? Теперь можно с легкостью вернуться домой одним нажатием кнопки.
-
Github
Таинственный Осьмикот в накидке сообщает, что эта не та страница, которую вы ищете. Строка поиска снизу поможет найти нужную информацию.
-
Flywheel
Приятная анимация в линейном стиле не дает оторвать взгляда. Но эта не та страница, что вам нужна, так что вернитесь домой.
-
Amazon
Любителям собак посвящается: приветливый пес смотрит на вас со страницы. Вы можете вернуться на главную, а можете познакомиться с ним.
-
Логомашина
Пример использования части брендинга на странице. Грустный смайлик сообщает об ошибке.
-
9gag
Еще один пример использование мемов для страницы. Ничего не нашлось — скачайте приложение и ищите там. Отличное решение для целевого действия.
-
Dribbble
Страница исчезла. Но вы можете найти проекты в нужном для вас цвете прямо здесь. Двигайте ползунок снизу и кликайте на нужное изображение.
-
Canva
Вроде ничего необычного… но игра слов в надписи добавляет нотку юмора.
-
Dropbox
Неплохая задумка дорисовки изображения к цветному элементу. Не удалось найти страницу — позитивный взгляд на ситуацию никогда не даст расстроиться.
-
Hugoware
Ой-ой! Осторожно! Смотрите не покиньте этот мир, как все элементы на странице. Скорее кликайте на логотип и переходите на главную.
-
Netflix
Хороший вариант для 404 страницы — использовать тематическое изображение. Все просто и понятно. Кадр из сериала подскажет, что вы потерялись.
-
Lekhoa
Кто-то следит за вами. Попытайтесь не попадаться на глаза — возвращайтесь домой.
-
Фокс Pizza
Лисичка так расстроена: она уронила свою пиццу. =( Но можно перейти в каталог и заказать еще одну.
-
SYDO
Прекрасное оформление в виде игры. Протестируйте себя на точность — разбейте все элементы на странице, чтобы от ошибки не осталось и следа.
-
Рив Гош
Минимализм с нотками юмора. Не стоит так переживать и падать вверх ногами. Лучше перейдите к покупкам.
-
Nextpage
Космические захватчики уничтожили эту страницу! Отомстите им! Как долго вы сможете продержаться под огнем?
-
Brand Crowd
Оригинальная иллюстрация, отображающая деятельность компании — дизайнер рисует «404». Вам необходимо проверить URL-адрес.
-
Dogstudio
Прекрасная задумка 404 страницы. GIF-анимация меняется каждый раз при перезагрузке.
-
Издательство «МИФ»
Наверное, слонам не стоит вставать на самокат. Нужно выбирать что-то покрепче. Или же просто почитать — выбрать книгу по душе, перейдя по ссылкам к разделам.
-
Unsplash
Хм, страница, которую вы искали, больше не существует. Анимация показывает, что происходит что-то опасное.
-
Purple Bunny
Упс! Вы попали не в ту кроличью нору. Кролик обеспокоен и просит вас вернуться на домашнюю страницу.
-
Virtual Building
Применение glitch-эффекта для цифр и помехи на фоне разбитых очков виртуальной реальности подразумевают нежелательную поломку.
-
NVIDIA
Искусственный интеллект бессилен в таких случаях. Воспользуйтесь ссылками на странице, чтобы найти то, что искали.
-
Superrb
Доска для серфинга балансирует не на волнах, а на цветовом круге. Креативное решение для дизайн-студии.
-
Spotify
К сожалению, музыка остановилась. Пластинка с 404 ошибкой перестала крутиться. Лучше вернуться назад, чтобы снова насладится любимой мелодией.
-
Worrydream
404 страница в минималистическом стиле. Ой, это же не страница…
-
Jackrabbit
Посмотрите на этих прекрасных прыгающих кроликов! Все персонажи уникальны по-своему. На такую анимацию можно смотреть бесконечно. А если не бесконечно — перепрыгивайте на главную.
-
Figma
Почувствуйте себя немного дизайнером. Придумайте, что можно сделать с данным изображением — растяните курсором точки на цифрах. Кстати, это изображение можно полностью превратить в черный прямоугольник. Сможете?
-
Mayflower
Сколько бы вы ни копали, здесь вы точно ничего не найдете. Остановитесь и возвращайтесь назад.
-
Игромания
Тематическая страница с Марио от игрового портала содержит ссылки на разделы сайта. Страница не найдена. Возможно, она в другом замке, как и принцесса.
-
YO-YO
Очень красочная анимация для 404 страницы. Такой дизайн всегда поднимает настроение и выделяется среди остальных. Кликайте дальше.
-
ASOS
На подиуме для фотосессий никого нет так же, как и запрашиваемой страницы. Вернитесь обратно либо получите помощь по ссылкам.
Заключение
Как мы видим из примеров, страница 404 должна нести в себе определенную идею. Это прежде всего ошибка, а ошибки никто не любит. Но, чтобы не расстраивать пользователя, нужно дать ему подсказку, что делать дальше. Чем лучше вы проработаете свою четырестачетвертую, тем больше вероятность, что посетитель не покинет сайт. Главное не отступать от тематики и стиля вашего сайта, тогда все будет смотреться понятно и гармонично.
Если вам понадобится помощь в разработке 404 страницы, обращайтесь к нам. Мы с радостью возьмемся за разработку дизайна с учетом всех ваших пожеланий.
Зачем нужна страница 404? Ошибка 404 возникает, когда пользователь переходит по ссылке, которая по различным причинам отсутсвует, а поисковики продолжают ее индексировать. Чтобы пользователь оставался на сайте даже попадая нанесуществующий контент, необходима красивая страница 404. Скачать отличные HTML шаблоны страниц 404 бесплатно.
1 479
Страница 404 ошибки в космическом стиле
Отличная и анимированная страница 404 ошибки в космическом стиле, которая корректно отображается на всех разрешениях экрана. Дизайн страницы может быть любой, …
1 744
Адаптивная страница 404 в ярком оформлении
Адаптивная страница 404 ошибки, это один из самых важных элемент дизайна, который отвечает за важный функционал на сайте. Вашему вниманию по стилистике …
934
Адаптивная страница 404 Not Found для сайта
Это адаптивный шаблон страницы 404 для сайта, что выдает ошибку, и этим показывает, ранее материал сайта был удален, где корректно выводит на всем мониторах. …
1 236
Анимационный стиль 404 страницы для сайта
Эта оригинальная с анимацией страница 404 для сайтов служат для того, чтобы изначально предупредить гостей портала о том, что она была удалена. Где …
982
Оригинальная страница с ошибкой 404 для сайта
Если нужна оригинальная страница с ошибкой 404 для сайта, эта страница может подойти на темные сайты, где тематика кино онлайн или игровая тема. Такая страница …
1 271
Адаптивная 404 страница ошибки для сайта
Отлично спроектированная адаптивная 404 страница ошибки для сайта, где изображен моросящий фон на прозрачном элементе, где все выглядит великолепно по своему …
866
Креативная страница ошибки 404 для сайта
Креативная страница ошибки 404 для сайта, одна из многих позитивных страниц, которая создана в адаптивной верстке на чистом CSS, что корректно отображается на …
845
Адаптивная 404 страница ошибки для сайта
Отличная адаптивная 404 страница ошибки для сайта, которая предназначена для тематических сайтов или блогов. Что теперь вы можете установить на своей интернет …
993
Анимированная адаптивная страница Error 404 Not Found
Эта красиво оформленная анимированная адаптивная страница ошибки Error 404 Not Found для сайта. Сам стиль страницы 404 выполнен в темном оттенке, так как …
538
Адаптивная страница 404 с модным дизайном
Адаптивная страница 404 с модным дизайном, которая изначально строилась под тематику мода и все, что с ней связано. Как можно заметить, что на этой странице …