Необычный дизайн сайта: 20 крутых сайтов 2020 года для вдохновения — Дизайн на vc.ru

18.06.2023 alexxlab

Содержание

Креативные сайты с нестандартными элементами / Хабр

Последнее время все чаще можно встретить сайты с необычным дизайном и функциональностью, увидев которые, можно залипнуть на некоторое время. Увидев такие, у меня рука непроизвольно тянется к f12, чтобы открыть firebug и посмотреть, как же реализован тот или иной компонент. Таким образом можно открыть для себя интересные техники и в будущем реализовать их на своих проектах. Некоторые из них стали доступны с приходом новых технологий, например таких, как CSS 3 — то, что раньше было реализовано на флеше, теперь можно воплотить с помощью строк кода в таблице стилей. Дизайнеры тоже не теряют времени, создавая новые тренды и все плотнее взаимодействуя с верстальщиками. В этой статье я хотел бы показать 15 сайтов, которые так или иначе удивили и порадовали меня. Возможно, кого-то они вдохновят на собственный шедевр

Layrr

Этот сайт позволяет по-новому посмотреть на скролл страницы. Манипуляции с JS и CSS3-анимацией позволяют реализовать мини-комикс, связанный с позицией страницы. С поддержкой анимации в IE все плохо, поэтому только IE9+.

Air Jordan 2012

Промо-сайт Air Jordan — как раз один из тех, на котором можно залипнуть. Думаю, верстальщику удалось воплотить в динамике идею дизайнера, при чем на столько качественно, что сайт отлично работает как в последних вебкитах, так и в IE7.

TokioLab!

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

CCR – 10 Anos de IPO

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

Styiens – Label Musical

Вроде бы на первый взгляд несложный сайт, но блин, как же клево сделан! И сама дизайн-концепция, и фронт-енд реализация винилового слайдера — все достойно всяческих похвал.

Soleil Noir 2012

Сайт Soleil Noir Studio является одним из так называемых вертикальных скролл-сайтов. В сайте неплохо сочетается концептуальность, удачная gif-анимация, которая не раздражает, и параллакс-эффект. Ну и да, html5boilerplate внутри 🙂 Кстати, интересная тенденция — все больше фронтендеров отказываются от reset в пользу normalize.

g4interactive

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

Contain.

Симпатичное решение для графического портфолио. Анимация, предзагрузка контента, html5boilerplate. Более-менее комфортно работать с сайтом можно начиная с IE8, правда без анимационных эффектов.

Subsens

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

Barcito Chicago

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

Adrian Baxter

Попав на сайт Adrian Baxter’а, я сразу же полез в Firebug посмотреть, как реализовано изображение с параллаксом на главной странице. Кроме этой штуки, интересные компоненты можно найти еще на других страницах, в частности на странице контактов и в галерее.

Dawid Wadach

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

Dangers of Fracking

А на этом сайте можно проследить за путешествием полупрозрачной png-капли и параллельно узнать информацию об сохранении окружающей среды. Интересен сайт и с точки зрения дизайна — очень неплохо реализованы переходы между страницами и их фоном.

Mezcal Buen Viaje

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

CaptainDash

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

UPD: еще интересные сайты из комментов:

wheely.com
annasafroncik.it
www.shoppub.com.br
dataveyes.com
inze.it
slaveryfootprint.org
www.michelbergerbooze.com
beta.rallyinteractive.com
www.divups.com
adventureworld.ourentry.com.au
space.angrybirds.com
www.mediaparker.com
www.kipling.com.br
krystalrae.com
We Bleed Design
www.newzealand.com

20 очень красивых сайтов — статья на itProger

Иногда веб дизайнеры очень заморачиваются по поводу сайтов и делают их невероятно красивыми. Представляю вам подборку из 20 творческих сайтов с мультяшным дизайном.

Начнем с чего-нибудь простого и красивого. Сайт

mangolanguages

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

Этот сайт может грузиться долго, но оно того стоит! Сайт выполнен в простом дизайне, но с массой анимации и кучей всяких интерактивных кнопочек и прочего. Вот, кстати сам сайт: EasyRocketStudio

Сайт mailboxing больше похож на небольшую игру, в которую правда нельзя играть, но даже смотреть на нее очень и очень приятно. Так что обязательно посетите и этот сайт.

Русскоязычный сайт Duolingo, который помогает в изучении различных иностранных языков. Выполнен красиво за что и удостоился попасть в наш рейтинг.

Сайт TinyUniverseApps представляет из себя очень красивый и продуманный проект, на котором вы можете просто покликать на различные элементы или же полюбоваться самим дизайном сайта.

Опять-таки, мультяшный сайт, на котором просто приятно проводить время. Сайт cupsannual наверняка вам понравиться!

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

Сайт

jsconfar

это место, где можно зависнуть на очень долгое время. Вверху справа есть небольшая кнопочка, по нажатию на которую открывается, так называемый, «местный терминал». Там вы можете вводить различные команды и на сайте будут происходить различные изменения. Чтобы посмотреть все команды напишите изначально help ().

Замечательный сайт xmas.wales позволит отлично провести время. Заходи и проводите 🙂

Сайт suicidesquad построен на мотивах фильма «Отряд самоубийц». Это нашумевший фильм и тем, кто его не смотрел, то советую посмотреть, достаточно неплохой.

Если раньше мы рассматривали действительно сайты, то party.animade.tv скорее можно назвать не сайтом, а настоящей игрой или же отличным мультиком. Огромное количество анимаций и действий. Сайт может долго грузиться, но вы не пожалеете.

Сайт superherojs.com простой, но в тоже время стильный и красивый, поэтому не забудьте посетить и его.

madebyfew — куча всего и немного анимации. Вроде просто, но попробуйте сами такое создать 🙂

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

Отличный сайт для отличной игры. Сайт firewatchgame являет собой замечательный проект, на который было потрачено не мало времени и сил.

Остальные 5 сайтов будут без описания, но это не означает, что они плохие и на них не надо заходить. Так что не поленитесь и перейдите на 5 оставшихся сайтов.

Ну вот и все! Надеюсь вам понравилась данная подборка действительно отличных сайтов. Если вы знаете еще какие-либо интересные сайты, то оставляйте ссылки на них в комментариях 🙂

уникальных веб-сайтов — 93+ лучших уникальных идей веб-дизайна 2023

Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны

Вы посмотрели 99 дизайнов и хотите еще один кусочек?

по ET

Поиск идей для веб-сайтов

Уникальные веб-сайты не подходят? Попробуйте что-нибудь еще:

Веселые сайты

Классные сайты

Простые сайты

Красивые сайты

Креативные сайты

Эстетические сайты

Чистые сайты

Отличные сайты

Роскошные сайты

Инновационные сайты

Сайты-победители

Удобные веб-сайты

Веб-сайты электронной коммерции

Сайты игр

Темные сайты

Туристические сайты

Музыкальные сайты

Веб-сайты фотографии

Как создать свой уникальный дизайн сайта

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

Начать соревнование

Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.

Начать конкурс

Начать проект

Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный веб-сайт.