Веб-дизайн / Советы

16917

11-09-2014

Один из наиболее животрепещущих вопросов веб-дизайна касается того, как вдохновляясь результатами других людей для достижения собственной цели, не скатиться до плагиата или кражи чужих идей. В некоторой степени данный вопрос можно считать легким и ответить на него просто. Не крадите чужих идей. Однако здесь имеется один нюанс. Где находится та грань, при переходе которой вдохновение чужими идеями перерастает в их воровство? Эта грань размыта, особенно, если учесть тот факт, что никто не работает в изоляции от остального мира. На все новые дизайнерские идеи влияет то, что было создано ранее и окружает нас.

 
 

Вдохновляйтесь чужими идеями, но не копируйте их. Существует тонкая грань между вдохновением и копированием — грань, которая в дополнение ко всему еще и размывается из-за того, что в повседневной жизни мы окружены массой разнообразных примеров из мира дизайна и искусства. В наши дни обрести вдохновение на создание нового дизайна несложно, поскольку в качестве отправной точки можно использовать множество полезных ресурсов. Образцы дизайна веб-сайтов буквально наводняют интернет. Нет точной формулы, которая позволит обрести вдохновение и избежать копирования плодов труда других людей, однако существует ряд простых способов сделать это.

Используйте более одного образца дизайна для вдохновения
Если вы столкнулись с примером дизайна, который вам понравился, и у вас при этом возникла мысль, что вы можете сами создать нечто подобное, не останавливайтесь, а продолжайте искать и другие образцы дизайна, которые в плане используемых цветов, структуры и содержимого соответствуют тому, что вас интересует. Цель заключается в том, чтобы взять самые лучшие элементы от каждого из примеров дизайна и реализовать их совокупность в своем собственном новом макете.

 
 

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

 
 

Анализируйте имеющиеся образцы
Отличный способ обрести нужное вдохновение заключается в том, чтобы не охватывать конкретный пример дизайна целиком, а сосредоточить свое внимание на элементах, которые будут представлять для вас интерес при работе над собственным проектом. Изучите, как другие люди решили проблемы, подобные тем, с которыми столкнулись вы, и используйте эти знания при работе над своим дизайном. Например, изучив приведенный ниже пример дизайна, можно заключить следующее:

 

• заголовок не отделен контрастным цветом или каким -либо блоком, как обычно это бывает на веб-сайтах;
• используемая цветовая палитра характеризуется массой тонких оттенков;
• длинный слоган дает четкое представление о назначении данного сайта;
• в широком окне отображается слайд-шоу, а под ним имеется целый набор значков, которые позволяют судить о том, на каком этапе воспроизведения находится слайд-шоу;
• наличие промежуточных зон (серого цвета), отделяющих разные области с информацией, дает пользователю возможность комфортно и легко работать с сайтом.

 
 

 
 

Выберите понравившиеся вам элементы
Если вы нашли вдохновляющие образцы дизайна, пристально изучите их и выберите элементы, которые по-настоящему придают им лоск. Обратите внимание на градиенты, световые эффекты и типографику, то есть все тонкие детали, которые вдыхают жизнь в конкретный дизайн. Задайтесь вопросом, что именно данный дизайн столь привлекательным. Например, на приведенном ниже рисунке выделены самые интересные элементы дизайна.
 
 

 
 

Создание нового дизайна

Теперь рассмотрим конкретный пример и пройдемся по процессу создания готового дизайна. Для вдохновения были взяты несколько замечательных сайтов, и мы рассмотрим, какие элементы использовались для создания финального результата. Для начала взглянем на итоговый результат, представленный на рисунке ниже.
 
 

 
 

• Источник вдохновения 1: FreelanceSwitch
Первое, что понравилось в дизайне данного сайта — это то, как оформлена навигация: она качественна и понятна, предусматривает краткое пояснение к каждой ссылке. Кроме того, фон включает несколько уровней с разной окраской, изменяющейся сверху вниз, что придает сайту более интересный внешний вид.

 
 

Вдохновение:

 
 

Дизайн:

 
 

• Источник вдохновения 2: Aviary
Большой слайдер содержимого, имеющийся на данной домашней странице, работает замечательно, поэтому он запросто может стать ключевым элементом нового дизайна. Существует масса способов привнести разнообразие в элемент, посредством едва уловимых изменений конфигурации и макета.

 
 

Вдохновение:

 
 

Дизайн:

 
 

• Источник вдохновения 3: PsdTuts+
Ключевым позаимствованным элементом этого дизайна является нижний колонтитул. Он довольно обширный и содержит дополнительную информацию и основные ссылки.

 
 

Вдохновение:

 
 

Дизайн:

 
 

Заключение
Если вы взглянете на конечный результат, то поймете, как именно разные источники вдохновения внесли в него свой вклад. Но тем не менее, дизайн получился свежим и не создается ощущения, что он является прямым копированием какого-либо первоисточника. Некоторые из вас могут сказать. что данные советы направлены на создание этаких Франкенштейнов, «сшивая» из разных кусочков новые образцы дизайна.

 
 

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

 
 

По материалам книги Патрика Макнейла «Веб-дизайн. Идеи. Секреты. Советы«.