40 прекрасно иллюстрированных примеров веб-дизайна (часть 1)

Original author: Danny Outlaw
  • Translation


Часть 1. 1—20


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

(Если обзор придется вам по вкусу, переведу вторую часть)

  1. Morphix



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

  2. PSD to WP



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

  3. Dedoce



    В этой подводной сцене присутствует немного гранджа, делая его непохожим на векторные иллюстрации с других сайтов.

  4. Chirp



    Разработанный исключительно в стиле «от руки», у Chirp есть и собственный особый «почерк».

  5. Olive Crush



    Эти парни используют простые иллюстрацию и текстуры для придания сайту некоторой индивидуальности.

  6. Ready Made Designs



    Приятная цветовая схема и иллюстрации делают этот сайт легким для чтения.

  7. Bird Boxx



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

  8. Cool Brush Design



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

  9. Katherine Designs



    Кому не нравятся этот сайт с роботами? Пастельный цвета и большое количество маленьких роботов.

  10. Arbel Designs



    Крутое одностраничное портфолио. Пощелкайте по меню навигации, чтобы увидеть все уровни сайта.
    (еще один достойный сайт со сходной схемой: www.pojeta.cz — Прим. пер.)

  11. Synch Media



    Комбинация уникальных цветов, макета и иллюстраций делает сайт немного «другим».

  12. The Pixel



    Простая анимация, прекрасная творческая работа и разумное размещение, тут есть это все.

  13. Andy Adventure




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

  14. Los Colores Olvidados



    Если Тим Бертон был бы веб-дизайнером, мне кажется его сайт был бы немного похож на этот.

  15. Store Envy



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

  16. Digital Impact Outdoors



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

  17. Vindem Teren



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

  18. Branded 07



    Сайт просто наполнен потрясающими иллюстрациями. Убедитесь, что не пропустили нижнюю часть странички.

  19. Pralinen Schachtel



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

  20. Indofolio



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

Similar posts

Ads
AdBlock has stolen the banner, but banners are not teeth — they will be back

More

Comments 66

  • UFO just landed and posted this here
      0
      С тем же успехом можно сказать что автор этой статьи придает слишком большое значение оформлению форм для мобильных устройств.
      Статья же именно об изображениях.
      –1
      Поддерживаю.
      Судя по статистике, популярные сайты не слишком отягощены фоновыми рисунками и прочими свистелками и перделками.
      А хороший сайт — популярный сайт. Дело в людях.
      +13
      Кажется перед нами топ20 (в заголовке написано 40) сайтов, крайне нежелательных для владельцев диал-апов из глубинки)

      Впрочем, некоторые и впрямь клево выглядят! Понравилось!
        –10
        Посмотрите портфолио Бюро Пирогова, уверен найдете там много интересного и объективно красивого.
          +5
          Бюро Пирогова делает монструозные сайты с избыточным оформлением, при этом теряется юзабилити и читаемость.
          Не спорю: красиво. Но бессмысленно.
            0
            О я бы тоже красоте поспорил.
            Если бы мы жили в 17 веке, то да.
              +3
              что написал сам не понял. Выходной. Мозг не работает
          • UFO just landed and posted this here
              0
              Посмотрела Пирогова. Не понравилась кнопочка «зайти на сайт» на его сайте и тех работах, которые попались на глаза.Уверена, что часть людей, как и я, вовсе не задают себе вопрос, сколько же мегабайт весит та, или иная версия сайта, а просто хотят получить информацию…

              0
              В заголовке написано 40 (часть 1)
              +6
              При этих красивых картинках стоит не забывать, что представлены промо сайты, портфолио дизайнеров и блоги.
              Ни одного корпортативного сайта, информационного, портального и прочих планов на таком дизайн создать нельзя
              Картинки же действительно красивые, все статичные по ширине. В практике уже много раз сталкивался с подобными красивостями от дизайнера под маркировкой «резиновый сайт» для верстки — получается редкая убогость
                0
                Есть сервисные сайты с подобным дизайном. В этом есть свой шарм.
                Вспомните твиттер. Или я пользуюсь mailchimp.com. У них есть свой персонаж — мартышка. Иногда она говорит «привет», иногда дает ссылки на разные ютьюб ролики, иногда втставит ржачную фразу. Оформление тоже «радостное», при этом как сервис эта служба отменная. «Dimitry, you make me smile every time I see you!» — только что сказала эта самая мартышка, пока я ссылку искал сюда вставить. Там много еще подобных радостей в интерфейсе.
                +4
                www.coolbrushdesign.com/
                кажеться, сайт хабралёг :(
                  +3
                  и вы решили добить?
                  0
                  70+ Fresh and Inspirational Single Page Website Designs
                  www.instantshift.com/2010/03/04/70-fresh-and-inspirational-single-page-website-designs/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+iShift+(instantShift)&utm_content=Google+Reader
                  И оттуда по этому сайту еще тсопиццот ссылок в тему )
                  +6
                  Мысли вслух…

                  Топ анти техдизайнерских сайтов. Пока наши тенденции упорно движутся в сторону реалистичных теней и рефлексов, западный вебдизайн неплохо уживается в векторной стилистике простых форм.
                    +2
                    И правильно делает. От одинаковых гламурнопидорашеных сайтов уже рыгать хочется.
                      +2
                      Всего должно быть в меру, любые перекосы как в глянец, так и в минимализм быстро начинают приедаться. В качестве иллюстрации моего предыдущего комментария рекомендую сравнить портфолио какого-нибудь более-менее приличного фриланс-дизайнера с отечественной биржи и с той же Elance.com — работы отличаются разительно (наши, кстати, богаче смотрятся. Только уж больно похожи не на сайты, а на журнальные развороты).
                        0
                        Ну конечно, сайт должен выглядеть богато, ричэндбутифул, то сё.
                        А если серьезно, то уместный техдизайн получается наверное в 3% случаев. А на фриланс-биржи я бы вообще не смотрел. Там в основном один мрак, что со стороны заказчиков, что со стороны исполнителей.
                      • UFO just landed and posted this here
                          0
                          Ну, это когда заходишь на сайт и начинаешь вспоминать свои эксперименты с галлюциногенами.
                          Приведу для примера ссылку на фрилан сру www.free-lance.ru/freelancers/?prof=172 — долистайте хотя бы до середины и поймете о чем я.
                      –16
                      Если вам нравятся такие сайты, то попробуйте посмотреть на портфолио этой студии www.pirogov.ru/
                      Ребята делают уникальные по красоте сайты, произведения искуства. Музыка, анимация, работа художника, все выглядит просто потрясающе.
                        +5


                        клевый «дизайн», да
                        0
                        IMHO Пирогов уже давно цену перегибает…
                          –1
                          Мы здесь о цене говорим? Заголовок перечитай, иллюстрированыне примеры веб дизайна. А о вкусах спорят тока мудаки, мне нравиться пирогов, автор заинтересовался подобным, я дал ссылку.
                          +1
                          Пироговым пора бы научиться фавикон в сайты вставлять.
                            +2
                            Правильно. Работа художника-коллажиста, а не дизайнера
                              0
                              это часто путают, к сожалению
                            +4
                            Да, сайты симпатичные, но на мой взгляд высший пилотаж дизайнера — нарисовать рабочий дизайн удобного портального сайта, а не визитки.
                              –1
                              Какие-то они бездушные. Да, пару раз такое увидеть интересно, over 9000 студий имеет одностраничный дизаин с переключением страниц jQuery плагином. Отличаются они только световой палитрой и фоновым изображением.
                                0
                                А меня всегда бесила графика, как то всегда восхищался красоте кода, смысла слов, или элементов интерфейса.
                                  +1
                                  Пожалуй здесь речь идет больше о качественной иллюстрации чем о дизайне. Да простят меня профессионалы.
                                    0
                                    Или о качественном дизайне, построенном на приятной иллюстрации.
                                    0
                                    Иллюстрации красивые. Очень понравились номер 3 и 12. Но ИМХО из-за свой няшно-кавайности на основе них серьёзный корпоративный сайт не построить, если только фирма не занимается продажей леденцов или мягких игрушек :)

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

                                    0
                                    потому что эти странички такие красивые, хорошие, (подставьте сюда другое хабрагламурное слово), потому и рулят сайты вроде ya.ru и google.com
                                      –3
                                      Источник на английском — psd.tutsplus.com/articles/web/40-brilliantly-illustrated-web-designs/
                                        +4
                                        кэп, в статье сказано что это перевод, и более того источник с автором указаны.
                                          –1
                                          Оу, сорри, с утра глаза замылины)
                                        0
                                        Перевод «have to see» как «должен быть увиденным» — это пять.
                                          +5
                                          Большинство этих работ — никакой не веб-дизайн. Просто красивая картинка, не более.
                                          • UFO just landed and posted this here
                                              –1
                                              >>> (Если обзор придется вам по вкусу, переведу вторую часть)

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

                                              Перевод на слабую «тройку», примерно так же переводит prompt.
                                                +1
                                                Не нравятся мне такие сайты.
                                                Потому что сайт — это не только красивая картинка.
                                                  +4
                                                  Напрасно уважаемые хабровчане считают такие сайты нежизнеспособными. Они отлично иллюстрируют (пардон за каламбур) стиль и работу художников-иллюстраторов. Кто скажет, что они не продают своих владельцев и не выполняют своей задачи?

                                                  PS. Любопытно, как идентично выполнено вот эти три сайта:
                                                  www.pojeta.cz/
                                                  www.arbel-designs.com/
                                                  www.thegreatbeardedreef.com
                                                    0
                                                    совершенно не красивые пёстрые сайты. они выглядят как будто что-то из прошлого подрихтовали под современные нормы. хорошие пф сейчас так выглядят: www.mcbess.com и www.kevincyr.net, просто и чисто.
                                                      –1
                                                      красиво, но нет реально в этом смысла. сейчас имхо все больше набирают обороты сайты в стиле веб 2.0, а канвас техлнология уже совсем реальна:

                                                      caimansys.com/projects/canvas/animTest.html

                                                        0
                                                        интересно, мультяшная стилистика — это всеобщий мировой тренд в современном дизайне сайтов или просто авторский взгляд и подборка соответственно вкусам?
                                                          0
                                                          авторский взгляд. можно легко найти подобную подборку: «60 Sci-Fi fresh web-design» или «20 unbelievable plastic & glass sites»
                                                          0
                                                          а где twitter?
                                                            0
                                                            НЛО вырезало из статьи.
                                                            0
                                                            Однообразно.
                                                              +2
                                                              Мне очень понравилось)) Я их рассматривала как качественные классные и уникальные картинки! Я люблю такие вещи, помнимаю, когда надо чтобы сайт был функциональным и быстро все грузилось — это и излишне иногда, но это же портфолию в большинстве) так что хочу вторую 20-ку!))))
                                                                +1
                                                                Самое ужасное когда наши местные дизайнеры бездумно пытаются равняться на такой стиль. Их дизайнеры рисуют классные иллюстрации, но сайты делать не умеют.
                                                                Заметьте, уже 2010 год у всех большие мониторы, а в подборке ни одного резинового сайта.
                                                                  0
                                                                  Дабы вы знали, резина на западе редкое явление.
                                                                  +1
                                                                  авторы этих работ — скорее художники, а не дизайнеры
                                                                  они сделали красивую оболочку, художественный выплеск
                                                                  но немного забыли, что делают «сайт»
                                                                  конечно, если целью (всех) данных сайтов было представить себя как визуальную презентацию — они выполняют свою функцию, если же нет — они ее не выполняют совершенно
                                                                  на некоторых сайтах мне немного сложно сразу въехать, куда идти и куда смотреть, если я хочу получить информацию
                                                                  зато «красива», да =)
                                                                    +1
                                                                    По моему слабо похоже на топ.
                                                                    Отличных работ пара из всех, остальное…

                                                                    Даже просто в памяти всплывает много работ в разы лучше самых лучших здесь.
                                                                    Но перевод, что же тут поделаешь.
                                                                      0
                                                                      Последний проверил в шестёре. Тормозит, но работает :)

                                                                      Правда там ошибка в JS, выдает во всех браузерах.
                                                                        +1
                                                                        Ужасные почти все примеры. Спасибо за подборочку :))
                                                                          –1
                                                                          На мой неискушенны взгляд половина представленных сайтов — полнейшее барахло. Автор оригинала возбудился на первые попавшиеся huge-bg сайты, а меж тем, есть куда более впечатляющие образцы подобной стилистики. Да и картонная картунность в стиле — это очень на любителя.

                                                                          Only users with full accounts can post comments. Log in, please.