Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Популярные статьи
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
18-03-2016, 16:34
Пиксель арт и веб-дизайн – подборка сайтов в стиле pixel art - «Дизайны сайтов»
Рейтинг:

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



Advico.ru – интернет агентство.


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


Дизайн сайта Advico.ru выполнен в достаточно оригинальном стиле, откуда вообще появилась такая идея и с чем это связано?



Идея у меня родилась в далеком 2004, когда увидел сайт Рекламной Школы Майами впервые (он был совершенно другой, но они сохранили тему с пиксель артом), то понял, что хочу сайт своего агентства и именно в пиксельарте! Тогда у меня было рекламное агентство, это сейчас я немного изменил его профиль и отказался от разработки сайтов и прочего ПО. Идею я шлифовал около полугода: придумал концепцию с новостройкой-навигацией и т.д., скрупулёзно подбирал материал подбирал… Потом начал искать разработчика!



И кто же взялся за этот необычный проект?



Разработчик попался почти сразу! Это был Александр Горбатюк из славного города Таганрога (Вконтакте, Личный сайт). Он оказался большим поклонником Япони и ему понять мою увлечённость Америкой 50хх годов было достаточно просто!))) С ним мы достаточно быстро договорились и приступили к работе! В настоящее время Александр работает в небезызвестной компании “Нивал”, где разрабатывает графику для компьютерных игр.



А есть ли еще какие-то работы Александра? Было бы интересно взглянуть.



Да, конечно. С радостью предоставляю некоторые иллюстрации для читателей Дизайн Мании. Кстати, возможно, вас заинтересует не только сайт Advico, но и услуги, предоставляемые агентством:)



Спасибо большое!




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


Дальше заглянул на сайт Рекламной Школы Майами, о которой говорилось выше. Пиксель арт там используется на главной странице в качестве навигации между сайт филиалами школы по всему миру. Оригинально!



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


Black Moon Design 



Black Moon Design – очень часто пиксель арт используется в “олдскульных” компьютерных играх. Здесь же он применяется для сайта студии, которая эти игры рисует.


eBoy



Eboy – сайт целиком и полностью посвящен pixel art’у – иллюстрации, реклама, постеры, “пиксельные панорамы”, анимация и многие другие “творения” в данном стиле. Там же есть одиночные объекты, которые можно использовать для создания больших иллюстраций пиксель арта. Некоторые авторские работы (постеры) можно купить.





Styledeficit



Styledeficit – сайт дизайнера Denise Wilton из Великобритании. На нем найдете некоторые работы For Fun, а также ссылку на проект CityCreator.




CityCreator – проект, где используя разные объекты, вы можете построить свой город в стиле пиксель арта. Сооружайте средневековый, снежный или город будущего – веселый сайт для всех поклонников темы!


Paul Robertson 



Как я понял, это ЖЖ блог одного из иллюстраторов – содержит парочку интересных картинок и pixel art анимации. Он создает графику для разных игр, можно заметить некоторое влияние японской культуры. Да, кстати, ЖЖ доступен для 18+ :)



Super Totto



Super Totto – подборка работ дизайнера Totto Renn, который также работает в стиле pixel art: разные персонажи, иллюстрации – очень много “пищи для вдохновения”. На всех иллюстрациях много “человечков”.




Habbo Hotel



Проект Habbo Hotel представляет собой виртуальное сообщество, где можно потусить с друзьями, создавать свои игры, соревнования и уникальное пространство. Доступен логин через Facebook (процесс регистрации тоже выполнен в стиле pixel art с элементами игры) – если вас заинтересовал, можете попробовать.



Army of trolls



Сайт Army of trolls – портфолио швейцарского дизайнера Gary J Lucken – традиционно представляет собой набор работ автора, а также содержит небольшую аркадную игру, которую можно скачать. В самом начале идет забавная пиксельная заставка, хотя так уже мало кто делает.




GAS 13



Отечественный дизайнер Алексей Гаркушин, что специализируется на pixel art. Сайт содержит работ, игры и даже руководства по созданию подобной графики. Одно из самых масштабных последних творений – обложка журнала Holland Herald.



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



Kenneth Fejer



Сайт дизайнера Kenneth Fejer, где собран весь авторский пиксель арт – из игр, персонажи, а также 3d объекты. Последние модели разработаны в 3dsma и весьма впечатляюще выглядят.




А еще там есть проект под названием isocity, который должен понравиться любому поклоннику пиксельарта.



Nitrome



Nitrome – сайт с разными аркадными играми, выполненный в соответствующем стиле.


Pixel Museum



Pixel Museum – это настоящий пиксель арт музей. Причем в этом стиле реализован не только сам сайт, но и некоторые работы в музее. Выглядит достаточно забавно.



Pixel Temple Studio



Студия Pixel Temple состоит из двух дизайнеров Giovani Faganello и Michelle Lang – пройдя по ссылке, увидите все их работы. Здесь хватает разного пиксельарта – от классического (персонажи, здания) до рекламного (проект для Reebok).




Вот, в принципе, и все, что мне удалось найти. Изначально, казалось, что примеров сайтов будет куда меньше, а в итоге нашлось почти 15 штук! Надеюсь, эта подборка пригодится вам для вдохновения, а любителей пиксель арта просто порадует. Если знаете ссылки на похожие проекты – оставляйте их в комментариях.


Теги: CSS Дизайны сайтов pixel сайт стиле пиксель достаточно

Просмотров: 2 021
Комментариев: 0:   18-03-2016, 16:34
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме:
Комментарии для сайта Cackle