High Gualipy Tools
Ящик кейсов: Нас часто спрашивают, за что мы ненавидим кривую вёрстку и что в ней страшного. В ней ничего страшного, просто тогда интерфейс похож на работу турецких строителей — вроде, всё стоит, издалека красиво, а вблизи — косяки и ужас.
Как исправляют «криво висящее»: есть две главные вертикали слева: край рыжего блока, край текста внутри рыжего блока. У края текста — приоритет (мы его читаем, там больше внимания). Теперь клеим к нему нижние три ссылки. Получили две новых вертикали. Дальше два варианта: 1) Белые иконки выравнять по краю рыжего блока (как сейчас), но тогда нужно как-то сделать так, чтобы текст Белых ссылок начинался под текстом Синих ссылок. 2) Сдвинуть Белые иконки вправо, под вертикальную границу Синих ссылок. Первый вариант лучше. - High Gualipy Tools
Внимательный интерфейсер заметит, что на второй картинке добавились аватары и изменено расстояние между белыми иконками и белыми ссылками. А на третьей левая вертикаль, по которой выровнены иконки, начинается не на границе блока, а на визуальной границе иконки (край нарисованного «документа»). - High Gualipy Tools
(Примерно за такие комментарии и разборы дизайнеров и пмов в А. страшно костерили, как я подозреваю, верстаки (невероятно терпеливые и опытные люди, между прочим).) - High Gualipy Tools
(И, кстати, при разборе по направляющим хорошо виден косяк в третьей иконке, которая с карандашом.) - High Gualipy Tools
А белые иконочки в сером френдфиде покоцали-таки... - High Gualipy Tools