К недавней новости про усиление практики на курсе я нарисовал нехитрую обложку...

Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень. А ещё есть путаница с ролью элементов

Сначала я показываю, какой интерфейс дырявый, и какой сложной формы эти дырки и элементы. А потом в Фотошопе показываю, как залатать все дыры, сделав элементы прямоугольным

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

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

Показываю, как я верстаю интерфейсы. Общий принцип — делать из всего прямоугольники. Видео хорошо идёт на двойной скорости или даже ещё быстрее, если ваш проигрыватель такое даёт

Запрещаю выравнивание по центру, и из-за этого части таблицы начинают хуже разделяться визуально. Как же это починить?

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

В теории форм интерфейсного курса одна из мыслей такая: просто внешняя опрятность формы сильно влияет на ощущение простоты

Летом я проводил такой вебинар для студентов школ бюро. Разбирали разные работы. Чё-то я там показывал в Фотошопе, как переверстать