Перестроил дизайн и сделал чтение проще
  • Dizayn
  • UI
  • CSS
  • Ta'lim

Перестроил дизайн и сделал чтение проще

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