Теперь рассмотрим конкретный пример и пройдемся по процессу создания готового дизайна. Для вдохновения были взяты несколько замечательных сайтов, и мы рассмотрим, какие элементы использовались для создания финального результата. Для начала взглянем на итоговый результат, представленный на рисунке ниже.
• Источник вдохновения 1: FreelanceSwitch
Первое, что понравилось в дизайне данного сайта — это то, как оформлена навигация: она качественна и понятна, предусматривает краткое пояснение к каждой ссылке. Кроме того, фон включает несколько уровней с разной окраской, изменяющейся сверху вниз, что придает сайту более интересный внешний вид.
Вдохновение:
Дизайн:
• Источник вдохновения 2: Aviary
Большой слайдер содержимого, имеющийся на данной домашней странице, работает замечательно, поэтому он запросто может стать ключевым элементом нового дизайна. Существует масса способов привнести разнообразие в элемент, посредством едва уловимых изменений конфигурации и макета.
Вдохновение:
Дизайн:
• Источник вдохновения 3: PsdTuts+
Ключевым позаимствованным элементом этого дизайна является нижний колонтитул. Он довольно обширный и содержит дополнительную информацию и основные ссылки.
Вдохновение:
Дизайн:
Заключение
Если вы взглянете на конечный результат, то поймете, как именно разные источники вдохновения внесли в него свой вклад. Но тем не менее, дизайн получился свежим и не создается ощущения, что он является прямым копированием какого-либо первоисточника. Некоторые из вас могут сказать. что данные советы направлены на создание этаких Франкенштейнов, «сшивая» из разных кусочков новые образцы дизайна.
Естественно, если вы просто скрепите воедино разные элементы, то результат вряд ли покажется другим людям воодушевляющим. Вы всегда должны стараться объединить взятые из разных источников элементы своего нового дизайна, используя широко распространенные стилистические подходы, и никогда не упускать из виду слаженность общей картины. Вдохновляйтесь чужими идеями, но не копируйте их!
