14 веб-сайтов для чистого, яркого и вдохновляющего современного дизайна - Page One Seo

1. Даниэль Филлер
2. Айсберг Квест
3. Грин Вудс Кантри Клаб
4. Веселый Отопление и Воздух
5. Молочный порог
6. Город Moundville Алабама
7. Гм ... Российский сайт?
8. Relogik
9. Trafika
10. Виноградник Джакс
11. Identiq Interactive
12. Принять йети
13. Пассаты
14. Arctica

Геродот

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

На каждом веб-сайте есть как минимум несколько элементов дизайна, которыми вы можете черпать вдохновение. Просмотрите эти 14 примеров и включите некоторые из этих элементов и методов в свои будущие проекты.

Даниэль Филлер

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

Айсберг Квест

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

Грин Вудс Кантри Клаб

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

Веселый Отопление и Воздух

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

Молочный порог

Этот дизайн имеет обманчиво хороший CSS. Чистая типографика, приглушенные цвета и великолепные иллюстрации. Если вы забыли, что делает Doorstep Dairy, вам быстро напомнят логотип Doorstep, графику, презентацию контента.

Город Moundville Алабама

Moundville - небольшой город на окраине города Таскалуса, Алабама, но в этом амбициозном проекте нет ничего мелкого. Полноэкранный вращающийся фон, который включает в себя потрясающие фотографии, которые действительно демонстрируют качества города. Подстраницы немного просты, а типография достаточно проста, но то, что делает сайт хорошо, привлекает ваше внимание.

Гм ... Российский сайт?

Это, вероятно, лучшее представление многослойных изображений, которые пытаются создать «безграничный» эффект. Подобно технике, использованной в фильме «Безграничный», фотографии с фотографиями создают впечатление, что пейзаж бесконечен. Смотрите utah.gov для аналогичного дизайна с добавлением эффекта параллакса. Если есть лучший пример этого стиля, я не видел его.

Relogik

Я не знаю, почему мне нравится веб-сайт Relogik, но я предполагаю, что старая поговорка верна: «Делай это просто, глупо».

Trafika

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

Виноградник Джакс

Потратьте некоторое время на этом сайте, и вы полюбите его. Электронная коммерция когда-либо выглядела так хорошо? Я знаю, что у них есть только несколько вин для продажи, но это прекрасно выполнено. В сайт встроен слайдер, поле которого распространяется на верхнюю часть страницы, но благодаря выравниванию бутылок и правильному использованию z-index все работает.

Identiq Interactive

Identiq - это тема WordPress. Это было бы идеально для дизайнерского агентства, фотографа или архитектора.

Принять йети

Если у вас мало контента для презентации, вы можете рискнуть с дизайном. Падающий снег и веселый йети оживают с использованием методов CSS3 и Html5.

Пассаты

Это мой любимый дизайн из всех 14 сайтов. Это совершенство. Я хочу пойти купить чай сейчас. Детализация дотошно реализована вплоть до случайных бликов.

Arctica

Arctica не включена в этот список из-за ее дизайна (который является липким), но из-за используемого слайдера. Ползунок Revolution или Slider Revolution - это просто революция. Revolution имеет вступительные параметры, конечные параметры, неограниченное количество слоев, видео, анимацию, и этот список можно продолжить.