Блоги: заметки с тегом эстетика интерфейса

На интерфейсном курсе: много стилей и плохие тени

Илья Бирман — Fri, 01 Nov 2024 16:00:56 +0500

Разбираем интерфейс заправки. Одна из проблем — перебор с количеством стилей. Не надо выделять всё разными шрифтами по важности, ведь получается каша. А ещё тени должны падать вниз и не быть чисто серыми. 6 минут:

Также есть на ВК-видео.

Это фрагмент № 152 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 ноября 2023 года.

Идёт запись на курс, который пройдёт 7 декабря — 5 января. Всё ещё аж −30% из-за очень ранней записи.

Почитать о курсе

Программа, отзывы, запись

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

Илья Бирман — Mon, 13 Feb 2023 17:22:50 +0500

Илья Бирман:

Отвечаю на вопрос студента о том, что прочитать, чтобы прокачать эстетику интерфейса. Говорю, что почитать надо про вёрстку, а потом для начала освоить использование стандартных элементов. Провожу аналогию с буквами шрифта, которые мы берём готовые, и ничего. Рассказываю о том, как попрактиковаться в эстетике. 4 минутки:

00:00 Почитать — про вёрстку
00:32 Элементы интерфейса — это как буквы в шрифте: можно взять чужие
01:54 Практикуйся. На что придётся обращать внимание, чтобы срисовать заурядный экран настройки Айфона

Это фрагмент № 91 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 августа 2022 года.

До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: исправляем форму формы, ну и немножко содержание

Илья Бирман — Sat, 07 Jan 2023 02:01:25 +0500

Илья Бирман:

Разбираем дизайн формы. Во-первых, убираем центровку, чтобы стало выглядеть нормально. Во-вторых, наводим порядок со смыслом элементов управления. В-третьих, вспоминаем про теорию близости. А под конец у меня ломается Фотошоп. Но суть всё равно понятна. 5 минут:

Это фрагмент № 85 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.

До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.

Почитать о курсе

Программа, отзывы, запись

На курсе: классические признаки поля ввода и кнопки

Илья Бирман — Sun, 27 Nov 2022 18:17:00 +0500

Илья Бирман:

Рассказываю, почему поле ввода (обычно) не может отбрасывать тень, а кнопка может, она должна быть другого цвета, чем сама кнопка. 2 минуты:

Это фрагмент № 81 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: улучшаем дизайн кнопки

Илья Бирман — Sat, 19 Nov 2022 13:48:22 +0500

Илья Бирман:

Улучшаем дизайн кнопки. Тонируем тень. Скругляем углы нормально. Накладываем едва заметный градиент. Забытое искусство! 4 минуты:

Это фрагмент № 79 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.

До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: улучшаем эстетику с помощью контраста и прямоугольности

Илья Бирман — Thu, 15 Jul 2021 20:01:58 +0500

Илья Бирман:

Как сделать более эстетичный интерфейс без «чутья» и волшебства, а просто механическими движениями? Показываю несколько нехитрых приёмов, включая поиск по Гугль-картинкам (годится только для учебных заданий). 12 минут:

00:00 Ощущение чертежа и что с ним не так
02:11 Убираем плашки, утоньшаем линии
04:38 Делаем окно главным: добавляем небо
05:48 Добавляем контраст текстовым блокам и собираем прямоугольники

Это фрагмент № 42 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 января 2020 года.

Сейчас запись на курс закрыта, но на его странице можно оставить почту, чтобы мы вам написали, когда запись откроется:

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: продаём окна, объясняя разницу профилей

Илья Бирман — Fri, 11 Jun 2021 18:56:53 +0500

Илья Бирман:

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

00:00 Чистим интерфейс от мусора
04:53 Делаем, чтобы окна лучше продавались. Бирка «Рекомендуем» и все дела

Это фрагмент № 38 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 декабря 2020 года.

До 27 июня идёт запись на курс, который пройдёт с 3 июля по 1 августа.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: первое впечатление от формы

Илья Бирман — Fri, 23 Apr 2021 11:00:09 +0500

Илья Бирман:

Почему приятное первое впечатление от формы очень важно, даже если по смыслу всё не так хорошо:

Это фрагмент № 35 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 25 ноября 2020 года.

До 2 мая идёт запись на курс, который пройдёт с 8 мая по 6 июня.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: срисовываем экран интерфейса у Эпла, чтобы выглядело нормально

Илья Бирман — Sat, 10 Oct 2020 12:54:11 +0500

Илья Бирман:

Фрагмент № 17 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 августа 2020 года. Покажите дизайнерам.

Беру экран, сделанный участницей курса, и перерисовываю с нуля, поглядывая на похожий экран Эпла. Чтобы выглядело нормально, важно сначала посмотреть, как сделали другие.

Заодно коротко говорим про то, как подумать о дальтониках.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: незаконно упрощаем, упаковываем несколько полей в одно и обсуждаем тестирование

Илья Бирман — Mon, 13 Jul 2020 12:17:58 +0500

Илья Бирман:

Фрагмент № 9 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.

0:00 Упрощаем элементы «Доп. телефон», «Комментарий к заказу». Поля, увеличивающиеся при фокусировке
2:13 Незаконно убираем все признаки поля у поля «Комментарий к заказу»
4:04 Упаковываем несколько полей в одно
7:48 Как сочетать визуальную чистоту и понятность. Тестирование

Почитать о курсе

Программа, отзывы, запись