Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Шрифт «Блокк» для макетов

Набираешь текст, получаешь штришочки. Удобно для макетов вёрстки, рыбы, прототипов и схем модульных сеток.

И здесь не обошлось без норвежцев. Авторы — студия «Динамо сервисес»: http://www.dinamo.no

Забыть лорем ипсум: http://blokkfont.com

нет комментариев твитнуть  blokk, dinamo services, lorem ipsum, вёрстка, макет, рыба, типографика, шрифт

Редизайн The New York Times Magazine

Подробный рассказ о редизайне The New York Times Magazine 2009 года и целая гора полос в большом разрешении

http://www.spd.org/…-the-new-york-times-maga-1.php

нет комментариев твитнуть  вёрстка, графдизайн, журнал, редизайн, типографика

Discover.typography от словолитни Hoefler & Co.

Наглядное руководство комбинирования шрифтов и построения шрифтовых композиций от словолитни Hoefler & Co. Визитки, приглашения, почтовые марки, дорожные бирки, ценники, меню и другие популярные форматы и микроформаты.

http://discover.typography.com/

Интересный совет: «In data-heavy environments where your only design element is typography, pick a typeface with personality».

нет комментариев твитнуть  вёрстка, сочетание шрифтов, типографика, шрифт

Небольшое типографическое исследование амстердамских дверных номеров

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

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

Вот так я и шел, расстреливая в свой Никон лоснящиеся от темно-зеленой краски двери и продолжая недоумевать, почему все стоят в очередь к Мадам Тюссо, а не рассматривают в лупы номера домов.

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

Подробно о проекте: http://ams.arthurio.us/
Ответы на вопросы и материал для публикации: http://ams.arthurio.us/media/

нет комментариев твитнуть  вёрстка, графдизайн, минимализм, плакат, типографика

Ссылки Медиума

Дизайнер Медиума ищет идеальное подчёркивание ссылок и возможность его воплотить:
https://medium.com/…-on-medium-7c03a9274f9

3 комментария твитнуть  веб-дизайн, вёрстка, подчёркивание, ссылка, типографика

Dymanic of the Metropolis

В 1921–1922 гг. венгерский художник, фотограф и будущий преподаватель Баухауса Ласло Мохой-Надь «пишет» сценарий к фильму Dymanic of the Metropolis.

Идея была очень смелой. Вот как объясняет ее сам Мохой-Надь в своей книге Printing, photography, film:
«Задача фильма Dymanic of the Metropolis — не учить, не морализировать и не рассказывать историю; он задумывался как визуальный, исключительно визуальный. Визуальные элементы в фильме не имеют четкой логической связи друг с другом; тем не менее фотографические, оптические отношения между ними объединяют их в живой образ событий… и переносят зрителя в динамичную атмосферу города. Цель фильма — раскрыть возможности камеры, выразить ее собственное зрительное действие, зрительную организацию ритма. Вместо литературного, сценического действия — визуальная динамика. Много движения, иногда безжалостно много».

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

нет комментариев твитнуть  Баухаус, вёрстка, конструктивизм, модернизм, сценарий, типографика, фильм

Пит Цварт. Каталог Дельфтской кабельной фабрики

В 1928 году голландский дизайнер Пит Цварт (Piet Zwart) делает каталог для Дельфтской кабельной фабрики (NKF). Сложно представить тему более унылую, чем кабели. Однако это не мешает Цварту создать дизайн потрясающей выразительности и силы, использую всего три цвета: черный, красный и синий.

нет комментариев твитнуть  вёрстка, каталог, конструктивизм, типографика

Книги издательства «Биркхойзер»

Швейцарское издательство «Биркхойзер» (среди авторов — Ян Чихольд и Адриан Фрутигер) размещает в открытом доступе первые страницы книг по архитектуре, проектированию ландшафтов, дизайну и искусству:
http://issuu.com/birkhauser.ch

нет комментариев твитнуть  Birkhauser, архитектура, вёрстка, дизайн, типографика, Швейцария

От карандаша до пикселя

Pencil to pixel — выставка Монотайпа в Нью-Йорке, посвящённая шрифтам.

У выставки сайт-видеоафиша в «швейцарском» стиле:








http://www.penciltopixel.org

нет комментариев твитнуть  Monotype, веб-дизайн, вёрстка, сайт, швейцарская типографика

Скратчпад

http://scratchpad.io

Пишешь код — страница рендерится прямо по мере печати:

4 комментария твитнуть  вёрстка, интерфейс, код

Новый Майспейс

Видеопрезентация нового дизайна социальной сети Майспейс от агентства Джозефмарк.
http://

6 комментариев твитнуть  josephmark, justin timberlake, myspace, веб, вёрстка, интерфейс, минимализм, сайт, социальная сеть

Сайт полицейского управления Милвоки

http://www.milwaukeepolicenews.com

Главная:

Их разыскивает полиция:

Таймлайн и Чаво:

11 комментариев твитнуть  milwaukee police department, вёрстка, интерфейс, сайт

404-я страница на сайте БФМ


http://www.bfm.ru/404/

2 комментария твитнуть  веб-дизайн, вёрстка, приём, сайт

Руслан:

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

Денис Братчук:

Увидев заголовок, не поверил глазам, так как для меня 404 страница сайта БФМ выглядит вот так: http://www.bluefountainmedia.com/404/ :)

Интересный способ размещения подписей к иллюстрациям

Конечно, искать подписи удобней было бы под камнями, но так… изящней, что ли :-)

2 комментария твитнуть  вёрстка, информационный дизайн, книги, приём, типографика

Николай Товеровский:

Интересный способ назвается естественным соответствием. См. Нормана (http://ksoftware.ya.ru/….xml?item_no=1964 И у Тафти в первой книге кубики так подписывались.

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

Дмитрий Кравчик:

Общий заголовок я бы вынес наверх, над фото. Внизу он мешается.

Простые и понятные уроки ХТМЛа и ЦССа

http://learncss.tutsplus.com/

Курс запросто можно пройти за пару дней.

3 комментария твитнуть  вёрстка

Олег:

А-а-а-а-а! Чего же они буковками все не написали?! Видео — это так занудно :-(

Константин:

А чего на картинке body не закрыли? Учись после этого :)

Алмазов:

Типа дизайн — это сложно, а верстка — это просто? Ну-ну.

ЦСС-эффекты Симурая

Симурай — дизайнер интерфейсов, рождённый в швейцарских Альпах и проживающий в Амстердаме.

Экспериментирует с ЦССом. Всё интерактивное.

Кнопусюсечки: http://lab.simurai.com/css/buttons/

Курсорный монстр! Клёво жрёт курсор: http://lab.simurai.com/toy/monster/

Фонарик. Зажигается! http://lab.simurai.com/css/flashlight/

Вдавленный текст: http://lab.simurai.com/css/carveme/

Стереотекст: http://lab.simurai.com/css/css3d/

Ну и, конечно, же, куда нам всем без причёсанного алюминия? http://lab.simurai.com/css/metal/

Все его эксперименты: http://simurai.com/tagged/lab

Не фотошоп.

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

Николай Товеровский:

Вау, морф кнопок рутой.
http://gyazo.com/….png

Бостон-глоуб

9 комментариев твитнуть  веб-дизайн, вёрстка, газетный дизайн, резиновые сайты

Магистерская диссертация…

…только очень красивая :)

http://www.duo.uio.no/…?WORKID=81971&fid=40769

10 комментариев твитнуть  вёрстка, типографика

Редизайн журнала «Нью-Йорк-таймс»

Круто:
http://www.studio8design.co.uk/…/new-york-times-magazine

2 комментария твитнуть  вёрстка, графдизайн, журнал, типографика

Илья Сергеевич:

В дополнение к посту.
http://www.spd.org/…-the-new-york-times-maga-1.php

Эдзо Хогусава:

Спасибо!
Удивительно и чудесно.
Сразу захотелось прочитать и понять: тексты в журнале тоже соответствуют такой чёткой и ясной форме?

Первые полосы

Сайты, выкладывающие первые полосы печатных изданий со всего мира:

http://en.kiosko.net/

http://www.newseum.org/…/default.asp

нет комментариев твитнуть  вёрстка, газетный дизайн, пресса



© 2024

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru