От автора: вероятно, у каждого из вас были в жизни моменты, когда нет ни намёка на творчество и вдохновение? Особенно, когда от вас ждут оригинальных идей. Особенно, когда, кроме работы над сайтом, на вас навалилось множество других дел, большинство из которых нужно было решить еще вчера.
Как я вас понимаю! Вот почему я решил создать пост, посвященный ответу на один из самых животрепещущих вопросов веб-дизайнеров: как вдохновиться, найти свежие идеи дизайна сайта и, при этом, не скатиться до плагиата? Где находится та чрезвычайно размытая грань, при переходе которой вдохновение чужими идеями для веб-дизайна переходит в воровство?
Как разбудить в себе творца?
Даже самые опытные веб-дизайнеры начинают свою работу над сайтом с просмотра других. Это вовсе не означает, что они хотят украсть чужую идею. Просто таким образом они будят в себе творческое начало.
Насмотрелся на хорошие работы — и вперед, на подвиги. Собирать воедино лучшее из увиденного в сети в своем, неповторимом, самом лучшем проекте. Советую отнестись к этому занятию как к важной задаче и серьезной исследовательской работе.
В процессе просмотра и анализа чужих идей веб-дизайна вы заодно поймете, что сейчас актуально, а что вышло из моды. Вы же не хотите отставать от современных тенденций? Значит, готовьте закладки!

Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееВдохновляйтесь сразу несколькими источниками
Если вы нашли сайт, который пришелся вам по душе, и у вас возникла идея создать нечто подобное, не останавливайтесь только на нем. Поищите и другие примеры интересного контента, которые подходят вам в плане используемой цветовой палитры, структуры и текста.
Цель заключается в том, чтобы взять от всех образцов самое лучшее и реализовать их в своем собственном макете. Разумеется, в собственной интерпретации. Для этого вам потребуется объединить все элементы, послужившие источником вдохновения, в единое целое.
Обдумайте каркас своего будущего дизайна. Какие стили вы примените к соответствующим элементам? Перед тем, как приступить к моделированию сайта, вам понадобится обдумать каждый его элемент, сделать своеобразную «мозаику» из идей, где-то увиденных и подсмотренных (возможно, вы уже даже сами не помните, где). Будут ли элементы этой «мозаики» работать слаженно друг с другом?
Таким образом, подготовка (в том числе, и моральная), к составлению дизайна сайта играет решающую роль в степени уникальности и новизны вашего результата.
Методы Шерлока Холмса: анализ и дедукция
Отличный способ обрести свежие идеи для дизайна сайта — это не «распыляться» на весь дизайн целиком, а сосредоточить свое внимание только на отдельных элементах, которые предоставляют для вас интерес в работе над собственным проектом.
Проанализируйте, как другие веб-дизайнеры решают вопросы, подобные тем, которые вам нужно решить. К примеру, изучив нижеприведенный дизайн сайта, можно сделать такие выводы:
в нем используется яркая цветовая палитра, которая сразу привлекает внимание;
заголовок не отделен ни блоком, ни контрастным цветом, как это часто можно встретить на других сайтах;

Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнеепромежуточные зоны серого цвета отделяют различные информационные области, что обеспечивает легкую и комфортную работу с сайтом;
благодаря длинному слогану сразу понятно назначение данного ресурса;
под слайд-шоу имеются значки, которые показывают, сколько еще слайдов будет воспроизводиться.
Если вы нашли интересные идеи дизайна сайта, изучите их самым пристальным образом и выберите элементы, которые вас действительно вдохновляют. Обратите внимание на типографику, световые эффекты, цветовую палитру, градиенты и другие детали, которые вдыхают жизнь в веб-дизайн. Задайтесь вопросом, что именно делает тот или иной дизайн таким привлекательным.
А теперь объедините все источники вдохновения в единое целое
Рассмотрим конкретный пример создания веб-дизайна, вдохновившись идеями, полученными на других ресурсах, и книгой Патрика Макнейла «Веб-дизайн. Идеи. Секреты. Советы».
К примеру, на нижеприведенном сайте нам понравилось оформление навигации: она понятна и качественна, дает краткое пояснение к каждому пункту меню. Фон имеет несколько цветовых уровней, которые меняются сверху вниз, что смотрится довольно интересно и привлекательно.
Здесь нам понравился большой и яркий слайдер, который может стать ключевой деталью нашего нового сайта:
А здесь довольно интересно смотрится обширный нижний колонтитул, который содержит основные ссылки и дополнительную информацию:
А вот и конечный результат, который получился под влиянием вышеперечисленных источников вдохновения.
Дизайн выглядит довольно свежим и не создает ощущения плагиата. Возможно, некоторые из вас будут возмущены созданием дизайна сайта в виде эдакого Франкенштейна, «сшитого» из разных кусочков. Однако, если вы бездумно скрепите элементы с различных сайтов, то вряд ли получите такой уж воодушевляющий результат.
Объединяя взятые из других источников образцы своего дизайна, нужно использовать актуальные стилистические приемы и не упускать из виду их взаимодействие и слаженную работу. Вдохновляться чужими идеями, не копируя их, тоже надо поучиться!
Откажитесь от шаблонного мышления
Шаблонное мышление — это настоящий киллер креативности. В некоторых случаях оно, конечно, очень полезно, так как разгружает ваш мозг и органы восприятия в тех случаях, когда нужно сделать какое-то рутинное действие, за которым вы точно знаете, что конкретно последует. Однако, если вы начинаете воспринимать только то, что ожидаете, в результате, становитесь слепыми и невосприимчивыми к любому новому опыту.
Ради эксперимента, попробуйте поставить под сомнение те вещи, которые считаете привычными. Посмотрите на них под другим углом, постарайтесь воспринимать их с непривычной для вас точки зрения. Новые открытия не заставят себя долго ждать! Возможно, уже завтра вы придумаете новое течение в веб-дизайне.
На сегодня все. Было приятно с вами пообщаться, друзья! Дальше будет еще интересней :). Поэтому подписывайтесь на обновления нашего блога и будьте в курсе всех последних новостей в области веб-разработки и веб-дизайна. До новых встреч!

Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видео