Сделать цветные текстовые ссылки выделяющимися и очевидными, чтобы по ним можно было щелкнуть.

Это редизайн моего сайта:

Скриншот сайта ОП

Как вы можете видеть, это в основном незавершенная работа; Я пытаюсь сделать плоский дизайн пользовательского интерфейса.

Теперь я могу сказать вам, что я никоим образом не дизайнер и не эксперт по UI/UX. я разработчик; традиционно бесполезен в дизайне, но делаю все возможное.

В основном содержании вы можете увидеть три ссылки под заголовком «Последние сообщения в блоге»; Я сделал их того же оттенка красного, что и мой заголовок, но я не уверен, что это выглядит правильно, все в порядке?

  • Должен ли он быть более контрастным?

  • Должен ли он быть стандартным синим?

  • Как я могу сделать очевидным, что они кликабельны?

Все предложения приветствуются.

Ответы (4)

Я думаю, что не сразу очевидно, что это ссылки. В этом нет ничего плохого, и они поймут, если наведут курсор на это.

Я бы просто добавил отказоустойчивую опцию, когда вы поместили [...] в качестве стандартной (синей) HTML-ссылки с надписью « Подробнее » или что-то подобное. Нет ничего плохого в двух ссылках на один и тот же контент.

Я испытываю искушение захватить это доменное имя, чтобы поиздеваться над вами. :p А если серьезно, я согласен, что должен быть какой-то текст «читать дальше».

Преемственность цвета всегда помогает дизайну.

Использование того же цвета, что и фон заголовка, является хорошим выбором. Достаточно контраста, чтобы четко читать ссылки, а цвет отличает ссылки от стандартных заголовков («Последние сообщения в блоге»).

Вы можете добавить стрелку или полосу, чтобы больше выделить ссылки. Для меня в том виде, в каком они есть, они выглядят только как заголовки (хотя мне нравится чистота).

Вы также можете использовать гиперссылки в своих описаниях (повторите название), чтобы, если кто-то не увидит их как ссылки, они могли уловить гиперссылку.

например: В Изучение Java - Введение , я решил...

Предложение Доминика «Читать дальше» также является хорошим.

Ссылка традиционно подчеркнута. Если вы сохраните подчеркивание, они будут действительно выделяться как ссылки.

Вы знаете о снижении читабельности подчеркивания, верно?