А. Г. |
Михаил! Я убеждён, что прежде чем браться за интерфейсы, дизайнер обязан освоить азы вёрстки. Сколько ни говорится красивых слов о том, что дизайнер интерфейсов проектирует сценарии, интерфейс должен быть невидимым, Поэтому вместо обсуждения интерфейса калькулятора предлагаю разобрать один блок:
Это очень слабая вёрстка. Текст не имеет формы и иерархии, элементы размазаны по плашке со случайными интервалами, итоговая строка упирается обоими концами в края плашки. |
|||||||
|
Текст набран полужирным, хотя это следствие жалкого дизайнерского компромисса. Жёлтый — самый светлый цвет. Любое сочетание белого и жёлтого будет малоконтрастным. Поэтому на жёлтых табличках, предупреждающих об опасности, текст всегда чёрный. Начнём с самой простой формы — абзаца с заголовком — и сразу подберём приятное отношение левого и верхнего полей плашки, но не менее межстрочного просвета:
|
 |
|||||||
|
Это базовая молекула вёрстки. Любая страница, составленная из таких Добавим немного внутреннего порядка числам:
Мы уже имеем приемлемый аккуратный блок. Теперь можно подумать о смысловом выделении:
Блок потерял однородность и форму. Добавим линеечку, чтобы явно разделить этажи и придать им
Но такое деление не очень логично. Кроме того, осталось некоторое многословие. Ещё компактнее:
Это формальное упражнение — я не знаю, что рассчитывает ваш калькулятор. Возможно, заголовок и смысловое содержание итогового блока должны быть другими. Но в этом и есть суть моего совета — изучайте вёрстку. |
См. также совет о смешении комков | |||||||
