Дима

Суровый дизайн Гугла

Веб-дизайн у Гугла и раньше был так себе, но в последнее время (особенно после выхода Material 3) они что-то совсем круто пошли вниз.

Вот рассмотрим их окошко аккаунта:

Тут такое ощущение, что его делали три разные команды, которые не знали о существовании друг-друга. Я посмотрел в инспекторе и ахнул: кажется, это действительно было так. Это окно состоит из трёх блоков, каждый из которых не зависим ни от чего (а ещё всё рендерится в iframe, гыгы). И вообще придраться тут можно много к чему:

  • Редкоиспользуемая фича — смена юзерпика — занимает больше всех места;
  • Ссылка выглядит как кнопка и оформлена как говно (вобще тут все кнопки это ссылки, но именно эта никак по семантике не может быть кнопкой);
  • В белом блоке содом:
    • Иконки в разных стилях, левая вообще почему-то синяя;
    • Надпись поехала;
    • Сами кнопки несуразно большие.
  • Ссылки ниже выровнены по настроению автора и привлекают слишком много внимания для бюрократического мусора. И не подчёркнуты :).
  • Тень блока слишком резкая, цвет какой-то странный, грязный.

Я быстренько прямо в инспекторе накидал свою версию:

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

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