Невозможно отучить людей изучать самые ненужные предметы.
Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3
Надо знать обо всем понемножку, но все о немногом.
Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы
Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)
Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода
Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5
Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости
Справочник от А до Я
HTML, CSS, JavaScript
Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы
Помогли мы вам |
Пиксельной графике (или pixel art) в блоге уже было посвящено несколько статей – это, во-первых, история pixel art (размышления о прошлом и будущем), а во-вторых, пост с подборкой разного pixel art’а. Сегодня нашел в сети немало интересных материалов по теме, которые, думаю, вам должны понравится. Поэтому решил чуть более подробно рассмотреть это направление. Хотя, если честно, но поиски меня вдохновил дизайн одного из отечественных сайтов, выполненные в стиле pixel art.
Advico.ru – интернет агентство.
Все выглядит достаточно симпатично и (что более важно) целостно – графика не мешает воспринимать информацию, а служит дополнительным креативным элементом дизайна. Шапка, сайдбар и футер связаны одной концепцией, а иллюстрация в самом низу сайта – вообще шедевральна. Никогда не думал, что в рунете есть дизайнеры, которые занимаются этим направлением. Сайтов в стиле пиксельной графики не так много даже в пределах англоязычного интернета, а тут такое у нас. В общем решил уточнить у владельцев Advico кому же принадлежит авторство этого макета.
Дизайн сайта Advico.ru выполнен в достаточно оригинальном стиле, откуда вообще появилась такая идея и с чем это связано?
Идея у меня родилась в далеком 2004, когда увидел сайт Рекламной Школы Майами впервые (он был совершенно другой, но они сохранили тему с пиксель артом), то понял, что хочу сайт своего агентства и именно в пиксельарте! Тогда у меня было рекламное агентство, это сейчас я немного изменил его профиль и отказался от разработки сайтов и прочего ПО. Идею я шлифовал около полугода: придумал концепцию с новостройкой-навигацией и т.д., скрупулёзно подбирал материал подбирал… Потом начал искать разработчика!
И кто же взялся за этот необычный проект?
Разработчик попался почти сразу! Это был Александр Горбатюк из славного города Таганрога (Вконтакте, Личный сайт). Он оказался большим поклонником Япони и ему понять мою увлечённость Америкой 50хх годов было достаточно просто!))) С ним мы достаточно быстро договорились и приступили к работе! В настоящее время Александр работает в небезызвестной компании “Нивал”, где разрабатывает графику для компьютерных игр.
А есть ли еще какие-то работы Александра? Было бы интересно взглянуть.
Да, конечно. С радостью предоставляю некоторые иллюстрации для читателей Дизайн Мании. Кстати, возможно, вас заинтересует не только сайт Advico, но и услуги, предоставляемые агентством:)
Спасибо большое!
Выглядит здорово – сложно даже представить сколько времени ушло на эти работы. У дизайнера определенно талант.
Дальше заглянул на сайт Рекламной Школы Майами, о которой говорилось выше. Пиксель арт там используется на главной странице в качестве навигации между сайт филиалами школы по всему миру. Оригинально!
После этого остановится уже было сложно и я начал “копать дальше”. Сайтов, как уже сказал, удалось найти почему-то не так много, как рассчитывал. В основном это персональные страницы дизайнеров-иллюстраторов или просто поклонников стиля.
Black Moon Design – очень часто пиксель арт используется в “олдскульных” компьютерных играх. Здесь же он применяется для сайта студии, которая эти игры рисует.
Eboy – сайт целиком и полностью посвящен pixel art’у – иллюстрации, реклама, постеры, “пиксельные панорамы”, анимация и многие другие “творения” в данном стиле. Там же есть одиночные объекты, которые можно использовать для создания больших иллюстраций пиксель арта. Некоторые авторские работы (постеры) можно купить.
Styledeficit – сайт дизайнера Denise Wilton из Великобритании. На нем найдете некоторые работы For Fun, а также ссылку на проект CityCreator.
CityCreator – проект, где используя разные объекты, вы можете построить свой город в стиле пиксель арта. Сооружайте средневековый, снежный или город будущего – веселый сайт для всех поклонников темы!
Как я понял, это ЖЖ блог одного из иллюстраторов – содержит парочку интересных картинок и pixel art анимации. Он создает графику для разных игр, можно заметить некоторое влияние японской культуры. Да, кстати, ЖЖ доступен для 18+ :)
Super Totto – подборка работ дизайнера Totto Renn, который также работает в стиле pixel art: разные персонажи, иллюстрации – очень много “пищи для вдохновения”. На всех иллюстрациях много “человечков”.
Проект Habbo Hotel представляет собой виртуальное сообщество, где можно потусить с друзьями, создавать свои игры, соревнования и уникальное пространство. Доступен логин через Facebook (процесс регистрации тоже выполнен в стиле pixel art с элементами игры) – если вас заинтересовал, можете попробовать.
Сайт Army of trolls – портфолио швейцарского дизайнера Gary J Lucken – традиционно представляет собой набор работ автора, а также содержит небольшую аркадную игру, которую можно скачать. В самом начале идет забавная пиксельная заставка, хотя так уже мало кто делает.
Отечественный дизайнер Алексей Гаркушин, что специализируется на pixel art. Сайт содержит работ, игры и даже руководства по созданию подобной графики. Одно из самых масштабных последних творений – обложка журнала Holland Herald.
А вообще там представлен пиксельарт по разным категориям – смайлы, персонажи, сцены, концепты, изометрия и т.п. Единственное, что изображения в маленьких разрешениях, и детально рассмотреть их все не получится.
Сайт дизайнера Kenneth Fejer, где собран весь авторский пиксель арт – из игр, персонажи, а также 3d объекты. Последние модели разработаны в 3dsma и весьма впечатляюще выглядят.
А еще там есть проект под названием isocity, который должен понравиться любому поклоннику пиксельарта.
Nitrome – сайт с разными аркадными играми, выполненный в соответствующем стиле.
Pixel Museum – это настоящий пиксель арт музей. Причем в этом стиле реализован не только сам сайт, но и некоторые работы в музее. Выглядит достаточно забавно.
Студия Pixel Temple состоит из двух дизайнеров Giovani Faganello и Michelle Lang – пройдя по ссылке, увидите все их работы. Здесь хватает разного пиксельарта – от классического (персонажи, здания) до рекламного (проект для Reebok).
Вот, в принципе, и все, что мне удалось найти. Изначально, казалось, что примеров сайтов будет куда меньше, а в итоге нашлось почти 15 штук! Надеюсь, эта подборка пригодится вам для вдохновения, а любителей пиксель арта просто порадует. Если знаете ссылки на похожие проекты – оставляйте их в комментариях.
|
|