DEV beta •
  • Войти
  • Регистрация

3 совета по UI (пользовательскому интерфейсу)

Юзабилити 52 дня назад (18 февраля 2021)

Изучая веб-разработку, большинство из нас не имеет большого опыта проектирования UI-дизайна. Итак, вот три простых совета.

3 совета по UI

Один шрифт - это нормально!

Можно использовать только один шрифт. Не нужно усложнять.

Nunito, Helvetica или sans serif - довольно красивые современные шрифты.

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

Границы такие в прошлом году

В старые времена Интернета границы были повсюду. В настоящее время лучше не использовать их так часто - часто это выглядит чище. Границы могут выглядеть немного излишне.

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

Не подчеркивайте ссылки на панели навигации.

Это довольно старая школа. Без них все выглядит чище.

Не подчеркивайте ссылки

Подчеркивайте / изменяйте цвет или размер при наведении курсора мыши и фокусе клавиатуры для доступности.

Вы все равно должны подчеркивать ссылки в тексте для удобства - это дает понять, что это ссылки.

# юзабилити
German (Герман) +9
91
+5

Читать

Что такое переменные CSS?
Что делает веб-сайт удобным для пользователей?
Тег title, что важно учитывать для SEO?
Комментарии (1)
Evg 18 февраля 2021 в 00:10 # +3

Подчеркивание убрали, ранее было. ) Надо вообще пройтись по дизайну, и подчистить то, что уж явно бросается в глаза. Вот сейчас пишу комментарий, а надпись - Уведомлять о новых, рядом с галкой - жирная. Зачем? Удрать надо, тем более она и так 2 раза дублируется. Первый раз над полем ввода - Подписаться на новые, и внизу. Вот такие моменты.

Админку чуток подправил:

Админка

[-] [+] Ответить
Комментарии скрыты...
+ Добавить комментарий
Юзабилити Юзабилити
+ 97 Создан: 2020-12-23 08:20:24
Юзабилити (UX/ UI) Из меня плохой писатель, буду писать редко. Только замечания, предложения.

Комментарии

01
Даешь революцию! А то расслабились, шуточки все. ) Ладно пошел далее...
+ 2 — вчера в 10:14
02
Ого сколько букв. ) It's amazing!
+ 3 — вчера в 10:04
03
Tildes да, Python + PostgreSQL. Ссылку где-то у них в документации можно...
+ 2 — 8 апреля 2021
04
А они Open source?
+ 1 — 8 апреля 2021
05
Интересные материалы, где вы только их находите. :)
+ 2 — 7 апреля 2021
все...

О блоге

О блоге Правила

Информация

Все блоги Статистика блогов

Другое

Участники Комментарии

Соц. сети

AreaDev © 2021 — скрипт мультиблога
↑