Как выделить заголовки и облегчить чтение кириллического текста?

Я разработал веб-страницу, которая выглядит следующим образом:

Скриншот веб-сайта

Я не дизайнер, и мой босс тоже, но он попросил меня разработать и закодировать веб-страницу.

Я доволен заголовком (и это хорошее вдохновение :D), но мой босс заставил меня разместить эту уродливую основную графику рядом с кнопками навигации, и я должен иметь ее. Я так и сделал, я пытался сказать ему, что людям это не нравится и что это уродливая навигация, но он говорит, что так и должно быть!

Моя проблема в том, что я понятия не имею, как стилизовать заголовок/заголовок контента, чтобы он был эстетически привлекательным, чтобы он выделялся и привлекал внимание.

Я думаю, может быть, мультяшный пузырь будет хорошим? Может просто стрелка? Что было бы хорошо и легко создать новичку?

Кроме того, я пытаюсь выяснить, какой шрифт и стиль сделают текст красивым и легко читаемым?

Мой главный вопрос заключается в том, какой эффект и изображение я могу использовать для фона заголовка и как мне стилизовать его, чтобы он лучше выделялся?

Я думаю, может быть, поместить его в собственный контейнер с рамкой вокруг него и стилизовать текст с вложенной тенью?

Может быть, что-то вроде:

введите описание изображения здесь

или же

введите описание изображения здесь

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

Ответы (1)

Я попробую. Вам нужно упростить, слишком много всего происходит. Мы действительно можем судить об этом только по визуальному аспекту, так как большинство из нас не говорят на этом языке, но я предполагаю, что это сайт о здоровье и человеческом теле - если я прав, то вы, по крайней мере, смогли общаться что - если я ошибаюсь, вам нужно переосмыслить свою графику.

Несколько моментов, которые я бы рассмотрел на вашем месте:

  • Заголовок очень сложный (я бы даже сказал красивый), поэтому вам следует упростить тело.

  • Избавьтесь от синего фона и пунктирной границы вокруг блока содержимого и сделайте весь фон белым, чтобы дать тексту и другим элементам передышку.

  • Основная графика просто странная, я понимаю, что навигация является основой веб-сайта (я думаю), но это все еще просто странно. Потерять или улучшить.

  • Избавьтесь от градиента на кнопках навигации, сделайте их одним цветом или очень простым градиентом. Кроме того, форма стрелки странная, поскольку она не указывает ни на что существенное, я бы сделал их простыми прямоугольниками и убедился, что они все идеально выровнены, не подстраиваясь под форму изображения.

  • Не выравнивайте текст по ширине, избавляйтесь от курсива и не выбирайте шрифт без засечек. Курсив в шрифте с засечками делает его очень трудным для чтения.

  • Добавьте немного отступов вокруг текста, он слишком близко к другим элементам.

  • Также кажется, что белая часть за текстом в заголовке не симметрична, обязательно исправьте это, если это не преднамеренно.

После всего этого он должен выглядеть намного проще, а затем вы можете добавить больше простых элементов. Просто мои два цента, я надеюсь, что это поможет.

Я прочитал ваше решение, это нормально, плохо то, что мой босс не понял, что магистраль уродлива для этой страницы (но что я могу сделать, ему это нравится), а фон должен быть синим(
Может быть, сделать отдельный пример, не говоря об этом своему начальнику, и показать ему после, ваша работа отражает ваши способности к дизайну и важна для будущей работы.