Design for-not-designers
- 1. или как научиться видеть недостатки в дизайне
- 2. Повысить зрительную чувствительность
- 3. 4 основных принципа дизайна Модульная верстка Практика
- 4. Приближенность Выравнивание Контраст Повтор
- 7. Цель правила: организовать текст Суть: взаимосвязанные элементы должны располагаться рядом.
- 8. Плюсы: ◦ Чтобы выглядеть как одна логическая группа. ◦ Чтобы знать откуда начинать читать и где заканчивать. ◦ Облегчает быстрое чтение и поиск нужной информации
- 9. Присмотритесь к странице ◦ 3-5 групп ◦ Информация не разнесена по углам или только в центре ◦ Связанные между собой элементы – близко ◦ Не связанные - отделены
- 14. Цель: придать странице единство Чем меньше вертикальных/горизонтальных линий, тем лучше
- 16. Избегайте выравнивания по центру – текст получается официальным и безликим
- 19. Блоки текста должны быть выровнены по правому или левому краю Рисунки – под края текста или любых других блоков на странице Нашему взгляду нравится видеть порядок В хорошо оформленном материале видны линии, соединяющие выровненные части Даже если дизайн хорош, погрешности в выравнивании его невыносимо ПОРТЯТ Даже если элементы расположены далеко друг от друга, ищите линии под которые их можно выровнять Не более одного вида выравнивания на странице
- 24. Цель: объединить и придать внешнюю привлекательность Суть: элементы оформления повторяются на протяжении всего проекта ◦ Все заголовки одинаковым шрифтом одинакового размера Найдите существующие повторы и усильте их
- 27. Или введите повторяющийся элемент сами Но не переборщите
- 31. Цель: привлечь внимание, сделать страницу интересной Контраст должен быть сильным ◦ Не «похожие» элементы, а «совершенно разные»! ◦ Темно-коричневый и черный не контрастируют! ◦ 12 и 14 пт шрифты не контрастируют!
- 33. Элементы страницы (цвет, шрифт, размер, толщина штриха, контур, пробелы), НЕ означающие одно и то же, должны быть оформлены по-разному.
- 37. Не бойтесь свободного пространства Не бойтесь нарушить симметрию Не бойтесь делать сильный контраст
- 38. Приближенность Выравнивание Контраст Повтор
- 40. Модуль — условная единица измерения объектов, связанных в систему ◦ 1 метр = 100 см ◦ 1 человек = 7 голов ◦ 1 удав = 38 попугаев Сетка — система пропорций
- 43. На пересечении вертикальных и горизонтальных линий – модуль
- 44. Поиск места ◦ Поиск геометрического места элемента в макете занимает меньше времени. Пропорциональность ◦ Элементы в макете соизмеримы и пропорциональны между собой. Единообразность ◦ Разработав сетку, мы делаем основу для решений на будущее.
- 45. Бутерброд 2.0
- 49. Хорошие примеры: oz.by, thegrids.ru, http://www.viget.com/, games.pho.to, http://960.gs/ Плохие: unite.com, funny rush, tut.by
- 50. Блог Леши Черенкевича: http://cherenkevich.livejournal.com/38085.html http://thegrids.ru/ Робин Уильямс, Недизайнерская книга о дизайне. Недизайнерская книга о шрифтах. http://webdesignledger.com/tips/the- principle-of-contrast-in-web-design
- 51. Вопросы?
Editor's Notes
- #47: деление непрерывной величины на две части в таком отношении, при котором меньшая часть так относится к большей, как большая ко всей величине.
- #48: деление непрерывной величины на две части в таком отношении, при котором меньшая часть так относится к большей, как большая ко всей величине.
- #49: деление непрерывной величины на две части в таком отношении, при котором меньшая часть так относится к большей, как большая ко всей величине.