Домой Стены Примеры хорошего веб-дизайна. Примеры хорошего веб-дизайна Ресурсы с примерами веб дизайна

Примеры хорошего веб-дизайна. Примеры хорошего веб-дизайна Ресурсы с примерами веб дизайна

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

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

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

Обратите внимание, что эти площадки выполнены со сложными элементами рисованной графики и флеш (flash) анимации, поэтому тем, у кого не скоростной провайдер internet придется немного подождать, прежде чем сможете насладиться необычным оформлением.

10 самых красивых сайтов в Мире

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

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

Очень красивый блог на движке WordPress. Именно к такому красочному дизайну (шапке блога) должен стремиться каждый.

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

Этот проект меня зацепил тем, что шапка на главной странице создана из приветственного видео, раскрывающего тематику сайта.

Креативное агентство, входящее в десятку лучших агентств России.

Еще одно креативное агентство. Потрясающая детализированная графика.

8) www.gnosh.co.uk

Необычный кулинарный блог G"NOSH одного из ресторанов Великобритании.

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

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

10 красивых сайтов Рунета

Выше были рассмотрены оригинальные сайты забугорного происхождения, однако русские дизайнеры и вебмастера тоже обладают талантом и способны составить неплохую конкуренцию креативным агентствам из США и других стран.

Сайт компании «Лапастафреска» по производству макаронных изделий. Один из самых красивых сайтов интернета. Ничего лишнего, что могло бы отвлекать посетителя.

2) iberi.ru

Я бы назвал этот сайт компании IBERI одним из самых стильных.

Еще одна площадка известной коммерческой компании, где нет ничего лишнего.

Романтикам этот проект точно придется по душе.

Вот таким образом представлено агенство по подбору домашнего персонала в одном из городов России.

Здесь сразу становится понятно, что это сайт одного из дизайнеров в области логотипов, значков и других иллюстраций.

7) ladio.ru

Международная студия веб-дизайна.

8) kohana.kiev.ua

Украинский сайт по сдаче яхт в аренду.

Это болгарский интернет-магазин по продаже растений и кустарников с изюминкой в дизайне.

10) www.filin.vn.ua

Сайт в виде энциклопедии про животных с красочными картинками.

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

Alistapart.com; alistapart.com link=http://alistapart.com; Издание о дизайне и разработке. Рекомендует: Иван Васильев. Awwwards;www.awwwards.com link=http://www.awwwards.com; Подборка лучших работ агентств и веб-студий со всего мира. Рекомендуют: Максим Кыштымов и Георгий Ростомов. Behance; www.behance.net link=https://www.behance.net; Каталог портфолио дизайнеров. Рекомендуют: Максим Кыштымов и Георгий Ростомов. COLOURlovers; www.colourlovers.com link=http://www.colourlovers.com; Готовые палитры и примеры сочетания цветов. Рекомендует: Георгий Ростомов. CreativeLive; www.creativelive.com/design link=https://www.creativelive.com/design/ux-web-design?via=topic-list_6; Обучающая платформа с курсами для дизайнеров. Рекомендует: Роман Квартальнов. CSS Winner; www.csswinner.com link=http://www.csswinner.com; Подборка лучших сайтов. Рекомендует: Максим Кыштымов. Deadsign; deadsign.ru link=http://deadsign.ru; Перевод статей о дизайне и диджитал с английского. Рекомендует: Максим Кыштымов. Design Shack; designshack.net link=https://designshack.net; Издание о веб-дизайне: статьи, вдохновление, галереи. Рекомендует: Виктор Антонов. Developer.apple.com/design; developer.apple.com/design link=https://developer.apple.com/design; Гайдлайны Apple для дизайнеров. Рекомендует: Иван Васильев. Digest MBLTdev; digest.mbltdev.ru link=http://digest.mbltdev.ru; Дайджет статей для разработчиков. Рекомендует: Виктор Антонов. Dribbble; dribbble.com link=https://dribbble.com; Сообщество и портфолио хороших дизайнеров. Рекомендуют: Максим Кыштымов и Роман Квартальнов. Getpocket команды CreativePeople; getpocket.com/@korumart link=https://getpocket.com/@korumart; Команда CreativePeople сохраняет интересные материалы и делится ими. Рекомендует: Александр Ковальский. Graphiclovedesign.tumblr.com; graphiclovedesign.tumblr.com link=http://graphiclovedesign.tumblr.com; Лучшие образцы графического дизайна. Рекомендует: Ник Запорожский. Great Apps Timeline; greatappstimeline.xyz link=http://greatappstimeline.xyz; Ретроспектива дизайна самых популярных приложений. Рекомендует: Роман Квартальнов. Growth Supply; growth.supply/free/design-code link=http://growth.supply/free/design-code; Подборка бесплатных ресурсов для дизайнера. Рекомендует: Георгий Ростомов. Jvetrau.com; http://www.jvetrau.com link=http://www.jvetrau.com; Дайджет об интефейсах Юры Ветрова. Рекомендует: Иван Васильев. Infogra.ru; infogra.ru link=http://infogra.ru; Подборки кейсов, полезных инструментов и фильмов для дизайнеров. Рекомендует: Максим Кыштымов. Invision; blog.invisionapp.com link=http://blog.invisionapp.com; О том, как добиваться эффективности в проектах, когда требуется коллаборация разных специалистов. Рекомендует: Александр Ковальский. Land-book; land-book.com link=https://land-book.com; Подборка лучших лэндингов. Рекомендует: Максим Кыштымов. Marvel; blog.marvelapp.com link=http://blog.marvelapp.com; Статьи о дизайне. Рекомендует: Виктор Антонов. Material.io; material.io link=https://material.io; Ресурс Google для дизайнеров: теория, источники и инструменты для создания диджитал-продуктов. Рекомендует: Иван Васильев. Mediascunk; mediaskunk.ru link=http://mediaskunk.ru/; Блог Михаила Калашникова о медиа и технологиях. Рекомендует: Мердан Агаев. Muzli; muz.li link=https://muz.li; Блог о дизайне. Рекомендует Александр Ковальский. Nathan Curtis; medium.com/@nathanacurtis link=https://medium.com/@nathanacurtis; Блог Натана Кёртиса, основателя UX компании EightShapes. Рекомендует: Александр Ковальский. Osasto.tumblr.com; osasto.tumblr.com link=http://osasto.tumblr.com; Лучшие образцы графического дизайна. Рекомендует: Ник Запорожский. Product Hunt; www.producthunt.com link=https://www.producthunt.com; Витрина новых IT продуктов. Рекомендует: Виктор Антонов. Re:Vision; revision.ru link=http://revision.ru; Портфолио дизайнеров. Много хороших работ от дизайнеров из стран СНГ. Рекомендует: Максим Кыштымов. SiteInspire; www.siteinspire.com link=https://www.siteinspire.com; Каталог лучших образцов веб-дизайна. Рекомендуют: Максим Кыштымов и Мердан Агаев..education link=http://сайт; Библиотека знаний о веб-дизайне и интернет-маркетинге. Рекомендует: Никита Обухов. Vc.ru; vc.ru/interface link=https://vc.ru/interface; Издание о о стартапах, растущих бизнесах, новых моделях заработка, неординарных героях со всего мира и технологиях роста. Рекомендуют: Ольга Павлова и Александр Ковальский. Underconsideration; underconsideration.com link=http://underconsideration.com; Блог о дизайне. Рекомендует: Ник Запорожский. Ux.pub; ux.pub link=https://ux.pub/; Статьи о продуктовом дизайне и проектировании интерфейсов. Рекомендует: Станислав Осипенко. Waitbutwhy.com; waitbutwhy.com link=http://waitbutwhy.com; Популярные иллюстрированные лонгриды практически обо всем на свете. Рекомендует: Иван Васильев. Zeldman.com; www.zeldman.com link=http://www.zeldman.com; Новости веб-дизайна. Рекомендует: Иван Васильев. Блог о дизайне и интерфейсах; blog.shaihalov.ru link=http://blog.shaihalov.ru; Блог Максима Шайхалова, проектировщика интерфейсов. Рекомендует: Ольга Павлова. Дизайн-кабак; designpub.ru link=https://designpub.ru; Коллективный блог дизайнеров. Рекомендуют: Ольга Павлова, Максим Смирнов, Дарья Прокуда и Александр Ковальский. Журнал Type.today; Type.today/journal link=https://type.today/ru/journal; Журнал проекта Ильи Рудермана и Юрия Остроменцкого. Рекомендуют: Мердан Агаев и Ник Запорожский. Журнал «Шрифт»; typejournal.ru link=http://typejournal.ru; Онлайн-издание о шрифте и типографике. Рекомендуют: Станислав Осипенко и Георгий Ростомов. Ководство Артемия Лебедева; artlebedev.ru/kovodstvo link=http://artlebedev.ru/kovodstvo; Заметки о дизайне, истории важных изобретений, интерфейсах, семиотике и т. д. Рекомендует: Станислав Осипенко. Рейтинг Рунета; www.ratingruneta.ru link=http://www.ratingruneta.ru; Конкурс сайтов российского интернета. Рекомендует: Максим Кыштымов. Сайт Людвига Быстроновского; ludwigbistronovsky.ru link=http://ludwigbistronovsky.ru; Сайт дизайнера и арт-директора: ссылки на публикации и анонсы выступлений. Рекомендует: Станислав Осипенко. Советы. Дизайн-бюро Артема Горбунова; artgorbunov.ru/bb/soviet link=http://artgorbunov.ru/bb/soviet; Советы о дизайне, верстке, редактировании текста и переговорах с клиентами. Рекомендует: Станислав Осипенко. Хабрхабр; habrahabr.ru/flows/design link=https://habrahabr.ru/flows/design; Крупнейшее российское IT-сообщество. Рекомендует: Ольга Павлова.

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

Оригинальные и красивые дизайны сайтов могут помочь вам преодолеть неожиданный творческий кризис, подарить новую идея для своей работы. Интересно изучать подборки и примеры дизайнов сайтов, допустим, по одному стилю — веб 2.0, ретро, классика, гранж — в этом случае можно заметить общие удачные приемы дизайнеров и позаимствовать для себя некоторые методы.

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

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

В прошлой статье мы публиковали подборку советов по созданию эффективного главного изображения сайта (Hero Image), где советовали использовать эмоциональную, красочную и обязательно релевантную графику с элементами Call to action стратегий и контрастными цветами. Не смотря на присутствие в каждом пункте заметки по одной иллюстрации, это сложно назвать наглядной демонстрацией тренда. Именно поэтому сегодня мы решили всю статью посвятить лучшим примерам его реализации. Частично этот пост перекликается…

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

Несколько недель назад мы показали вам 60 классных примеров рисованного дизайна сайтов а сегодня хотим дополнить тему интересной статьей про использование иллюстраций в веб-дизайне. Данный подход достаточно хорошо воспринимается посетителями онлайн проектов и выделяет их среди обыденных среднестатистических макетов. Его высокая популярность среди разработчиков привела к тому, что сейчас в сети можно найти абсолютно разные стили иллюстраций в дизайне сайтов — плоские, 3D, яркие, акварельные и т.п. Все…

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

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

Сегодня решили дополнить раздел лучших дизайнов примерами мебельных сайтов. Если перед вами сейчас стоит похожая задача, то публикация должна помочь. Также советуем почитать статью про создание дизайна мебельного сайта где найдете полезные советы и приемы, характерные для данной ниши. Вдохновляйтесь существующими творческими решениями и посмотрите какая функциональность там должна присутствовать. В самом конце заметки добавили парочку подходящих крутых шаблонов по теме (прокрутить вниз). Часто в данной нише…

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

В процессе проектирования интерфейса приложений или сайтов полезно учитывать имеющийся опыт других специалистов и лучшие варианты решения типовых задач. Это позволяет избежать ненужных ошибок и получить хорошие отзывы от ваших пользователей. В разделе про UI/UX дизайн мы публиковали некоторые заметки по данной теме: например, был обзор 20-ти ресурсов с дизайнами мобильных интерфейсов, а также разные статьи про гамбургер меню, историю развития кнопок на сайтах и…

Кнопки для веб-сайтов и приложений используются повсеместно: при входе в профили социальных сетей, совершении покупок в интернете, отправке сообщений через форму обратной связи и т.д. Это один из самых важных элементов UI/UX дизайна и онлайн проектов в навигации и разного рода призывах к действию (Call To Action). Поэтому не удивительно, что ему уделяется достаточно много внимания. Сегодня публикуем перевод одной интересной статьи от Wojciech Dobry, где собраны…

Подборка из 40 полезных сайтов для дизайнеров: поиск вдохновения, поиск картинок и для проектов, подбор цветовой гаммы, а также многое другое.

1. abduzeedo.com

Отличный сайт про логотипы и дизайн вообще. (причем с подробными объяснениями)

2. studio.envato.com

Сообщество всех внештатных дизайнеров (фрилансеров, если хотите) для работы за рубежом.


3. fl.ru

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


4. computerarts.co.uk

Международный интернет-журнал о компьютерном искусстве.


5. edustyle.net

Школы и университеты тоже имеют право быть представленными в галерее. Вот эта вот особенно интересна.


6. davidairey.com

Сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого дизайна.


7. behance.net

Сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира. Честно говоря, по-настоящему вдохновляющий сайт.


8. pdf-mags.com

Очень хороший ресурс со всевозможными дизайнерскими (и не только) журналами в формате PDF.


9. cssbeauty.com

Хорошая галерея. Ребята публикуют очень интересные статьи о разработке веб-сайтов и регулярно следитят за новостями своей сферы деятельности.


10. artperm.ru

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


11. designiskinky.net

Австралийский сайт о дизайне. Сфокусирован только на новостях дизайна. В общем сайт только про дизайн. Дизайн. И последний раз. Дизайн.


12. freelancefolder.com

Фрилансерское блог-сообщество с регулярными статьями и постами. Очень разнообразное.


13. bittbox.com

Сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а так же консультация всех желающих. И все это абсолютно бесплатно, как мы любим.


14. allday.ru

Ну а это всем известный русский сайт-аналог. Здесь тоже все бесплатно и достаточно качественно.


15. lenagold.ru

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


16. vandelaydesign.com

Собрание очень хороших статей из медиа ресурсов. Особенно понравится этот сайт веб-дизайнерам.


17. youthedesigner.com

Этот сайт полон разнообразных статей о графическом дизайне. Очень интересный и незаурядный.


18. designyoutrust.com

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


19. lookatme.ru


Веб-дизайн

20. noupe.com

Отличный сайт о веб-дизайне и веб разработках (CSS & Ajax).


21. smashingmagazine.com

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


22. thinkvitamin.com

vitamin - это ресурс для разработчиков, веб-дизайнеров и предпринимателей. Думаю, 50 000 подписчиков не могут ошибаться.


23. 24ways.org

Качественные статьи по дизайну и разработке.


24. alistapart.com

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


25. sitepoint.com

Очень разнообразный сайт: графика, css, ajax…


26. design-mania.ru

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


27. designgu.ru

Сайт с новостями про веб-дизайн и не только. Так же недавно на сайте открылась рубрика с подкастами (правда пока их там только один).


28. webappers.com


29. happycog.com

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


30. webdesignerwall.com

Каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.


Ресурсы

31. designfloat.com

Сайт по типу сайта digg.com, только на тему дизайна.

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

Действительно, сайты очень красивые и современный. И я не рекомендую пропускать Вам данную подборку, так как она по любому вдохновит Вас.

А вот проверить все сайты на адаптивность Вы с лёгкостью сможете .

Так же Вам будут интересны прошлые подборки с красивыми сайтами:

angrybirds.com

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

csspiffle.com

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

www.domanistudios.com

Данный сайт — это сплошной слайдер изображений и контента. Множество клёвых современных фишек. А адаптивность позволяет удобно пользоваться данным сайтом на мобильных устройствах.

www.apt.no

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

www.purepleasuredesign.com

Удивительно стильный сайт от классного дизайнера — девушки Ines Maria Gamler. Одним словом классное портфолио дизайнера сделанное в самом современном стиле, и адаптивный дизайн не исключение.

www.insided.nl

Данная фирма занимается поддержкой сайтов. А ещё у этой фирмы замечательный и очень лёгкий дизайн. На такие сайты хочется возвращаться вновь и вновь.

www.k2.pl

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

www.mecenatmusical.societegenerale.com

Обалденный французский сайт, который продаёт музыкальные инструменты. Ну просто шикарный дизайн и говорить нечего.

www.moremobilerelations.com

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

Новое на сайте

>

Самое популярное