Блоги о дизайне сайтов

Учебные материалы о дизайне сайта:

1. "Материальный дизайн" Google (перевод на css-live.ru)
2. Три части принципов Jon Hensley

Статьи о дизайне сайта:

1. Схема метро Екатеринбурга: как шла работа" (схемы метро)
2. Дизайн для дальтоников
3. Для дальтоников подписывать ошибки в форме, а не только выделять цветом
4. Использовать контрастные цвета: почему это не сочетание красного и зелёного
5. Уменьшение информационной перегрузки
6. Сенсорные мобильные: располагать элементы навигации в легкодоступном для пальца пространстве
7. Оформление ошибок, например, когда посетитель неправильно заполнил поле
8. Про иконки
9. Посетители не нажимают на текст рядом с чекбоксом и радиокнопкой
10. Заблокированные кнопки — отстой
11. Кнопки
12. Кнопки-призраки с прозрачным фоном
13. Про placeholder текст
14. Про ползунок range
15. Про изображения
16. Про цвет: более темные тона сделаны за счет снижения яркости и повышения насыщенности
17. Поля формы
18. Поля формы
19. Форма для пластиковых карт
20. Варианты более компактного отображения элементов в высоту на мобильных экранах
21. Основные шаблоны мобильной навигации
22. Вид элемента для выбора даты
23. Доступность сайта для людей с ограниченными возможностями: основные проблемы
24. Меню ссылок на мобильном экране
25. Меню с подкатегориями на сенсорных экранах: первый клик раскрывает список подкаталогов, второй — переводит на страницу каталога.
26. Чем заменить раскрывающийся список
27. Дизайн для международной аудитории
28. Страница сравнения товаров
29. Оформление таблицы
30. Порядок DOM важен для устройств, озвучивающих контент
31. Что нового в WCAG 2.1 на август 2017 года
32. Монотонная цветовая палитра в фоне сайта
33. Типография
34. Три признака порядка в дизайне:
    • связанные объекты расположены рядом,
    • все элементы подчинены модульной вёрстке,
    • контрастность направляет внимание и поддерживает структуру.
35. Размер текста, высота линии, контрастность, фокусировка и т. д.
36. Голосовой интерфейс
37. Пример использования виртуальной реальности
38. Если сессия закончена
39. Распознание значения иконок
40. Доступность с клавиатуры
41. Панель доступности в Firefox
42. Не заставлять посетителя думать
43. Почему посетители не замечают изменений на сайте

В закладках беспорядок, не хочу, чтобы записи потерялись.