OFFFForum

A one-week festival convening designers, artists, and digital culture practitioners. Where talent sparks innovation.

Leaf Relief Vase

Last week I spied several plain white ceramic vases in a corner section at Michaels and imagined how to embellish one with interesting detail. This latest leaf vase project was inspired from a long time passion for bas relief art. I’ve featured artisans who specialize in botanical bas relief in the past and even tried my hand at once using air dry clay to make jewelry holders. I’m still a fan of this plaster dimensional botanical art project, which to this day look fantastic on display on top of my bookshelves.

You may find it hard to believe this latest...

Зелёный огонёк, что программа исправна

У меня очередной пример того, как можно сделать дикий интерфейс и не заметить этого.

Дизайнер работает над сложным внутренним продуктом, показывает интерфейс и говорит:
— Тут просят в уголке добавить индикатор связи с сервером, какой-то зелёный огонёк. Но в наших макетах место для такого индикатора не предусмотрено. Куда его тут приделать?

Я как обычно перевожу тему и спрашиваю: зачем работнику знать, есть сейчас связь с сервером или нет? Выясняется, что всё реализовано так, что если работник что-то делает, а связи нет, то его действия могут не сохраниться, и тогда потом ему придётся что-то перепроверять и переделывать. Этого нужно избежать, поэтому очень важно, чтобы всегда было видно состояние связи.

И вот здесь мне интересно, дорогие читатели: вам уже очевидно, что происходит какая-то хрень, или пока...

Overworld Audio

Portfolio website for Overworld Audio, a studio crafting sonic branding and immersive sound experiences, presented as an explorable map of their work.

Chess Is Spectacular! - Novel Sport Visualization Techniques

https://player.vimeo.com/video/1235989588?badge=0

Intro

It's been a while since I've last posted and a lot has happened in that time: I've managed to finish my procedural R'n'D and spent several years applying the results commercially. I've also principally advanced in my research on formal taxonomy of visual style and have indulged into the realtime and interactive graphics.

More and more of the commercial work got hidden under NDAs and my own pet projects have become ever bigger, while the time to write about them ever scarcer. But finally, here come some news as I have advanced in one of those big projects - visualizing the...

Стабильное меню на новом сайте

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

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

Идея решения простая: каждый пункт меню должен всегда занимать столько места, сколько занимал бы, будь он жирным, даже когда на самом деле он не жирный. Но как это сделать?

Можно написать скрипт, который бы как-то незаметно временно рисовал пункты жирными, измерял бы их,...

Huy Phan Vol.2

Portfolio of Huy Phan (aka Huyml), an independent designer and art director, based in Ho Chi Minh city, Vietnam.

Как Артём Горбунов показал мне справочник Атабекова

Когда-то в начале моей работы в бюро Артём Горбунов рассказал мне о справочнике Атабекова:

Артём часто ссылался на него в контексте разных задач на представление информации: как расположить выноски на иллюстрации, как выбрать толщину линий или тип штриховки на диаграмме. Сначала у меня его даже не было, потом появился какой-то скан, и только спустя несколько лет я нашёл его в каком-то букинистическом магазине на окраине Москвы. И сразу сильно впечатлился.

В каждой статье — гора знаний, многие классно иллюстрированы примерами или объяснениями. Посмотрите, какая красота:

Особенно мне нравятся вот такой фарш, как справа, когда на иллюстрации тридцать (!) картинок, а в тексте они коротко прокомментированы:

Это эталон, к которому я стремлюсь с нашим новым справочником. Хочется, чтобы там со временем появились все...

Neutomni

A bold, editorial portfolio for Neutomni, a Digital Design & Webflow studio, blending striking typography with playful retro UI to showcase custom brand and website work.

Словарь-справочник проектировщика пользовательского интерфейса

Представляю новый раздел на моём сайте — Словарь-справочник проектировщика пользовательского интерфейса. Мы запускаем его небольшой редакцией, состоящей из Александры Озкан, Настасьи Тулаевой и меня в роли главреда.

Справочник — сверхплотное описание терминов из области проектирования интерфейса, предназначенное для профессионалов. Такая подача помогает бывалому дизайнеру вспомнить о нюансах, которые он не держит в голове, а новичку — развить внимательность и любопытство. Но кроме этого мы рассчитываем, что в справочник можно будет отправить нейросеть примерно с таким промтом: «прочитай, что там написано про все используемые в нашем интерфейсе штуки, и скажи, что нужно исправить».

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