1. 5 визуальных принципов управления вниманием
1.1. Визуальный вес: контраст, глубина, размер
1.2. Цвет
1.3. Повторение и разрыв шаблона
1.4. Линейное и краевое натяжение
1.5. Выравнивание и близость
2. Дизайн функционального слоя
2.1. Z-паттерн, F-паттерн, иерархия
2.2. Просматривать/искать/обнаруживать
2.3. Элементы веб-страницы
2.4. Фолд, картинки, заголовки
2.5. Ось взаимодействия
2.6. Формы ввода
2.7. Призыв к действию (CTA), инструкции и метки
2.8. Основные и второстепенные кнопки
3. Top 20 принципов дизайна
3.1. Line
3.2. Scale
3.3. Color
3.4. Repetition
3.5. Negative Space
3.6. Symmetry
3.7. Transparency
3.8. Texture
3.9. Balance
3.10. Hierarchy
3.11. Contrast
3.12. Framing
3.13. Grid
3.14. Randomness
3.15. Direction
3.16. Rules
3.17. Movement
3.18. Depth
3.19. Typography
3.20. Composition
4. Принципы хорошего Layout
4.1. 12 признаков, по которым дизайнеры определяют хороший дизайн
4.1.1. Есть ли в дизайне точка фокуса?
4.1.2. Направлен ли поток внимания?
4.1.3. Сбалансирован ли дизайн?
4.1.4. Сочетаются ли шрифты?
4.1.5. Читается ли текст?
4.1.6. Сбалансированы ли форма и функция?
4.1.7. Есть ли контраст?
4.1.8. Правильно ли используется пространство?
4.1.9. У дизайна подходящее настроение?
4.1.10. Гармонична ли цветовая схема?
4.1.11. Соответствует ли дизайн брифу?
4.1.12. В хорошем ли качестве итоговый файл и изображения?
5. Расположение имеет особый смысл
5.1. 10 правил композиции
5.1.1. Акцентируйте внимание на главном
5.1.2. Направляйте взгляд читателей с помощью указателей
5.1.3. Масштаб и иерархия
5.1.4. Соблюдайте баланс между элементами
5.1.5. Используйте элементы, которые дополняют друг друга
5.1.6. Увеличьте (или уменьшите) контраст
5.1.7. Повторяйте элементы дизайна
5.1.8. Не забывайте о белом пространстве
5.1.9. Выстраивайте элементы дизайна
5.1.10. Разделите дизайн на трети