
- Dizayn
- UI
- CSS
- Ta'lim
Перестроил дизайн и сделал чтение проще
24
Сегодня полностью перестроил внешний вид образовательной платформы.
Причина была такая: на платформе было всё, но человек, открывший её впервые, не понимал, что делать. Все элементы выглядели одинаково по весу — и название курса, и вспомогательная подпись, и кнопка. Глазу было не за что зацепиться.
Сначала я исправил иерархию, а не цвета. На каждом экране должно быть одно главное: что здесь нужно сделать? На странице курса это кнопка продолжения. На странице темы — сам текст. Всё остальное — фон.
И только потом перешёл к полупрозрачным слоям и мягким теням. Они нужны не для красоты, а для глубины: какой элемент впереди, а какой позади — это человек понимает, не задумываясь.
Здесь я допустил одну ошибку и позже её исправил. Сначала сделал прозрачность слишком сильной — выглядело красиво, но текст растворялся в фоне. Читать стало тяжелее. Уменьшил прозрачность и затемнил поверхность под текстом.
Когда в дизайне сталкиваются красота и удобство, побеждать должно удобство. Эта платформа сделана для чтения, а не для разглядывания.