Портрет Тобиаса Вонга из 13,138 игральных костей

В прошедшем году скончался узнаваемый канадский живописец и дизайнер Тобиас Вонг (Tobias Wong)  в возрасте 35 лет, а если быть более четким 13,138 дней.

В память Тобиаса, его друг Фредерик МакСвен (Frederick McSwain) сделал портрет дизайнера, используя 13,138 игральных костей. Этот портрет был представлен публике на Нью-Йоркской неделе дизайна.

Портрет Тобиаса Вонга из 13,138 игральных кубиков (3)

Читать далее »

Мозаика из печатного мусора

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

Так работает Санди Шиммель Голд (Sandhi Schimmel Gold), делая коллажи и собирая мозаики из кусочков различного печатного мусора (календари, маркетинговые флаеры, буклеты, журнальчики, открытки). Все, что делает Санди — 100% ручная работа, без внедрения цифровых технологий.

Рекомендую также поглядеть: Изумительный картонный арт Юлии Бродской.

Мозаика из печатного мусора (10)

Читать далее »

Если б звезды современности жили в эру ренессанса

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

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

Если б знаменитости современности жили в эру ренессанса (2)

Читать далее »

Сказочно-фантазийные иллюстрации Натальи Мороз

Наталья Мороз, профессиональный фотограф из Украины, создатель иллюстраций в духе adventure.

Ее цифровое искусство точно имеет вибрацию в духе  Lemony-Snicket-вместе-с-Tim-Burton, что делает его волшебным и притягивающим. Лишне гласить, что фактически любая работа, как сцена из неописуемой сказки. Будит фантазию, вам не кажется?

Сказочно-фантазийные иллюстрации Натальи Мороз (14)

Читать далее »

Вдохновляющие 3D иллюстрации Никиты Веприкова

Никита Веприков — профессиональный дизайнер из Украины. Никита начал свою деятельность в качестве 3d иллюстратора всего 4 года вспять, но успел захватить огромное количество популярных наград и очевидно не за прекрасные глаза :)

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

Но кроме ювелирной работы, иллюстрации 3d-художника заполнены глубиной и являют собой не очевидную глупую картину, а говорят целую историю.

Рекомендую также посомтреть одну из моих прошлых статей: Иллюстрации В Стиле Пин-ап От Валерия Барыкина.

Вдохновляющие 3D иллюстрации Никиты Веприкова

Читать далее »

Веб-дизайн От Руки

Большая часть дизайнеров предпочитают открывать собственный творческий потенциал в конкретном отдалении от компьютера, отдав предпочтение наброскам. Так почему бы желание отличиться не применить к веб-дизайну? Лично натыкался на подобные работы, потому и решил собрать маленькую выборку дизайнов веб-сайтов, при разработке которых использовались эти наброски. Что, непременно, идет на пользу как веб-дизайнеру, так и формированию неподражаемого стиля.

Веб-дизайн От Руки
Читать далее »

Набор Иконок «Императорский Фарфор»

Набор Иконок

Читать далее »

Наилучшие Платные Российские Шрифты (A)

Наилучшие Платные Российские Шрифты - Avant Garde Gothic

Читать далее »

Наилучший Дизайн Корпоративных Веб-сайтов

Создание корпоративных веб-сайтов, с экземплярами которых желаю вас сейчас познакомить, просит от дизайнеров соблюдения нескольких правил. Во-1-х, это творческий подход и инноваторские идеи. Во-2-х, это безупречное сочетание графической составляющей с версткой, текстурами, текстами и шрифтами. Ну и последнее по порядку, но не по значению, это ублажение всех требований клиента. Таким макаром, в очередной подборке я желаю познакомить вас с соблюдением этих 3-х правил с тем, чтоб вы знали тенденции, которые есть в текущее время на просторах сети Веб.

Наилучший Дизайн Корпоративных Веб-сайтов
Читать далее »

Прекрасная Типографика от Гугл

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

Веб-типографика vs печатная типографика

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

Но сейчас пропасть меж печатными и Веб СМИ миниатюризируется из-за поддержки многими современными браузерами (в том числе Internet Explorer, имеющим такую поддержку начиная с версии IE4.0)) использования CSS-правила @font-face.

Представляем Гугл Font API

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

Гугл Font API — нововведение в нише Шрифт-как-Сервис (Font-as-Service), включающую такие сервисы, как TypeKit, Typotheque и другие.

Итак, давайте попробуем погрузиться в неиспользованный потенциал Гугл Font API.

Что такое Гугл Font API?

OK, вы просматриваете в Вебе много страничек, но много ли Вы встречали веб-сайтов либо блогов, использующих неординарные шрифты? Давайте уточним — неординарные шрифты, все шрифты, не считая Arial, Helvetica, Verdana, Georgia и Times New Roman (т.е. не считая веб-безопасных).

Не считая дизайн-ориентированных сайтов и блогов, возможно, не так много.

Гугл Font API представляет собой веб-сервис, который поддерживает качественные файлы шрифтов с открытым начальным кодом, просто применяемые в веб-дизайне. Коллекция шрифтов, возлагаем надежды, будет продолжать расти, чтоб обеспечить еще огромные способности для выбора типа шрифта.

Достоинства при использовании Гугл Font API

Если Вы решили использовать Гугл Font API, вот достоинства, которыми Вы сможете пользоваться:

Продолжаем воспользоваться HTML текстом

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

Сетевая доступность

Так как Вы используете HTML текст, а не картину либо CSS-фон, то люди, использующие программку экранный диктор (screen reader) не будут испытывать неудобств.

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

Передавая работу @font-face для выполнения надежной инфраструктуре Googlе, Вы сможете быть убеждены, что обработка шрифтовых файлов будет резвой, и Вы разгрузите работу Вашего собственного сервера.

Как использовать Гугл Font API

Вам не надо быть продвинутым веб-разработчиком, чтоб использовать Гугл API Font. Все, что вам необходимо сделать, это добавить одну ссылку таблицы стилей на Вашу интернет-страницу, и Вы сможете начать использовать этот шрифт в CSS.

Вот кратко описание процесса использования Гугл API Font:

Шаг 1: Добавить ссылку таблицы стилей избранного шрифта
Просмотрите каталог шрифтов и изберите понравившейся Вам. Базисный формат для прибавления избранного шрифта на интернет-страницу таковой:

Smashmag — Дизайн на каждый денек!

Шаг 3: Всегда имейте запасной план

Вы наверняка уже увидели, что в примерах кода ипользуется «откатный» шрифт на случай, если сервис google по каким-то странноватым причинам будет недоступен. Для этих целей я пишу serif либо sans-serif, что при обыкновенном кодировке каскадных стилей именуется наслойкой шрифтов.

Пример использования Гугл Font API

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

href=»http://fonts.googleapis.com/css?family=Lobster»> h1 { font-family: ‘Lobster’, serif; font-size: 48px; } Smashmag — Дизайн на каждый денек!

Генерированный текст — обыденный HTML текст, к которому дальше можно применить по желанию другие стили (в моем примере применен только один элемент: h1).

Запрос на несколько шрифтов, используя Гугл Font API

Допустим Вам необходимы три шрифта из каталога Гугл’s Font Directory. Не создавайте многочислейнные запросы. Они наращивают количество HTTP запросов, которые делает интернет-страница. А чем меньше HTTP запросов, тем лучше исходя из убеждений времени отклика интернет-страницы.

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

Приведенный ниже пример URL запроса загрузит все три шрифта (Vollkorn, Yanone, and Droid Sans) по одному запросу.

http://fonts.googleapis.com/css?family=Vollkorn|Yanone|Droid+Sans Имейте ввиду

Делите наименования шрифтов | без пробелов меж ними. Направьте внимание на + в шрифте Droid Sans. Используйте + в заглавиях шрифтов, где есть пробелы. В нашем случае заглавие шрифта Droid Sans, потому будет записывать Droid+Sans в запросе.

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

Используйте двоеточие (:) после наименования шрифта без пробелов меж ними указывайте тип варианты (к примеру, bolditalic) либо маленький код варианты (к примеру, bi). Если предполается использовать разные варианты для 1-го шрифта, указывайте их без пробелов, разделяя запятыми.

Вес шрифта Bold и Bold-Italic

В примере, приведенном ниже, мы запрашиваем bold и bold-italic вес шрифта Vollkorn и italics вариацию шрифта Inconsolata:

http://fonts.googleapis.com/css?family=Vollkorn:bold,bolditalic|Inconsolata:italic|Droid+Sans

либо с внедрением сокращений:

http://fonts.googleapis.com/css?family=Vollkorn:b,bi|Inconsolata:i|Droid+Sans Гугл Font API делает веб-типографику более симпатичной

Промышленность веб-дизайна гудит от решения столетний трудности — ограничение применяемых в Вебе шрифтов. Используете ли вы уже @ font-face? Если вы не используете его еще, почему бы и не испытать? Поделитесь своими идеями и воззрениями в комментах.

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