Основы дизайна и типографики По материалам книг: Р.

Основы дизайна и типографики По материалам книг: Р. Уильямс «Не-дизайнерская книга о дизайне» Д. Кирсанов «Веб-дизайн»

Рассматриваемые_ вопросы_ u Что такое «дизайн» u Основные принципы дизайна применительно к текстам

Дизайн_ Дизайн — англ. «design» — замысел, умысел, план, цель, намерение, творческий замысел, проект, чертеж, расчет, конструкция; эскиз, рисунок, узор, композиция, искусство композиции, произведение искусства Дизайн — это творческий метод, процесс и результат художественно-технического проектирования промышленных изделий, их комплексов и систем, ориентированный на достижение наиболее полного соответствия создаваемых объектов и среды в целом возможностям и потребностям человека, как утилитарным, так и эстетическим.

Дизайн_ Дизайн u Смысл понятия «Дизайн» . Дизайн — специфический ряд проектной деятельности, объединивший художественно-предметное творчество и научно обоснованную инженерную практику в сфере индустриального производства

Дизайн. Основные принципы_ принципы u приближенность u выравнивание u повтор u контраст Иоханнес Иттен, Эмиль Рудер, Ян Чихольд, Владимир Фаворский

Компьютерный дизайн — чрезвычайно объемная сфера практического дизайна, включающая в себя следующие области: u собственно графику; u полиграфический дизайн; u электронные издания; u Web-дизайн; u трехмерную графику.

Основные принципы дизайна применительно к текстам

Первый принцип. Приближение u Связанные элементы необходимо объединять в группы, физически располагать по соседству друг с другом, чтобы они воспринимались как единое целое.

u u u u u Мультимедийные диски Компакт-диски для детей Компакт-диски с учебными курсами Образовательные Ранее обучение Обучение чтению Наука Математика Для учителей Книги Рабочие журналы Оборудование и комплектующие Накопители Память Модемы Принтеры Расходные материалы Какие недостатки оформления у этого списка? u Как их можно исправить? u

Мультимедийные диски Компакт-диски для детей Компакт-диски с учебными курсами u Образовательные Ранее обучение Обучение чтению Наука Математика u Для учителей Книги Рабочие журналы u Оборудование и комплектующие Накопители Память Модемы Принтеры Расходные материалы u Прием приближения «похожих» элементов u Отдельный стиль для заголовков u

Ведущий инженер (812) 310 -01 -05 Константин Меньшов Санкт-Петербург, наб. р. Фонтанки, 118 Ведущий инженер ООО «Петерлинк» (812) 310 -01 -05 Константин Меньшов Санкт-Петербург, наб. р. Фонтанки, 118 Много отдельных элементов, взгляд блуждает по визитке, перебегая беспорядочно с одного элемента на другой. ООО «Петерлинк» Появились приближенные элементы. Но два элементы сближенные с помощью жирного шрифта никак не связаны по смыслу.

Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Сгруппированные элементы логически связаны, информация легче воспринимается и запоминается.

Как применять? При выполнении работы посмотрите на страницу и посчитайте, сколько на ней визуальных элементов? u Если таких элементов больше трех (пяти), то подумайте, какие из них можно сгруппировать (объединить). u Не создавайте связей между элементами, которые не имеют друг к другу отношения. Установить такие элементы далеко друг от друга! u

Принцип второй. Выравнивание u Никакой элемент страницы не должен располагаться случайным образом. Каждый их необходимо визуально связать с каким-то другим.

Реферат по информатике Кибернетика: история и будущее науки Автор: Иванов Петр г. Санкт-Петербург 2004 -05 уч. г. Стандартный вид стандартного реферата. Выравнивание по центру придает более официальный, уравновешенный, более стандартный и зачастую безликий вид. Как исправить положение?

Реферат по информатике Кибернетика: история и будущее науки Автор: Иванов Петр г. Санкт-Петербург 2004 -05 уч. г. Выраженное выравнивание по левому краю создает более утонченное впечатление.

Примеры разного типа выравниваний Будем рады Вас видеть у нас в гостях!

Будем рады Вам у нас в гостях!

Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Текст на визитке выровнен по центру на странице в целом и по отношению ко всем элементам. Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Выравнивание по правому краю. Невидимая линия, связывающая края двух групп текста визитки более жесткая.

Как применять второй принцип? u Располагайте элементы осознанно. Обязательно найдите принцип, по которому можно выровнять элементы, даже если они отдалены друг от друга. u Не желательно применять более одного типа выравнивания на одной странице.

Принцип третий. Повтор u Некоторые компоненты дизайна должны повторяться по всей публикации (линейки, маркеры, шрифтовое оформление, цвет…)

Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 После прочтения этой визитки взглад начинает бесцельно скользить по карточке. После прочтения этой визитки взгляд начинает перескакивать между двумя элементами, набранными жирным шрифтом. Это особый зрительный фокус, который дизайнеры используют, чтобы управлять взглядом читателя.

Как применять третий принцип? u Работа в рамках единого стиля u Добавляйте в дизайн страницы элементы, предназначенные исключительно для повтора (маркеры, выворотка)

Четвертый принцип. Контраст u Если элементы не похожи как две капли воды – сделайте их абсолютно разными. Если элементы «вроде бы» отличаются, то это уже не контраст, а конфликт между элементами.

Способы. Противопоставляем: Крупному шрифту – мелкий u Изящному шрифту – тяжелый u Тонкой линии – толстую u Холодному цвету – теплый u Гладкой текстуре – грубую u Горизонтальному элементу – вертикальный u Небольшому рисунку – крупный u

Конфликтуют: u Шрифт 12 и 14 кеглей u Линия в 2 и 3 пункта u Шрифты Arial и Tahoma u Черный цвет и темно – коричневый

Исправьте недостатки оформления: u The Rules of Life u Your attitude is your life. u Maximize your options. u Never take anything too seriously. u Be nice.

u The Rules of Life Your attitude is your life. Maximize your options. Never take anything too seriously. Be nice The Rules of Life u Your attitude is your life. u Maximize your options. u Never take anything too seriously. u Be nice

The Rules of Life Your attitude is your life. Maximize your options. Never take anything too seriously. Be nice

The Rules of Life Your attitude is your life. Maximize your options. Never take anything too seriously. Be nice

Цвет u Каждый цвет несет эмоциональную окраску. Цвета могут быть теплыми (красный и желтый) и холодными (синий и зеленый). Одни сочетания считаются детскими (оранжевый и яркозеленый) или младенческими (розовый и голубой), другие — мужественными (коричневый и темно-синий) или женственными (сиреневый и салатный). u При выборе цветов старайтесь предугадать эмоции зрителя на восприятие того или иного цвета. Помните, что многие цвета имеют устойчивую ассоциативную связь с каким-то явлением. Это не значит, что их нельзя употреблять, однако они могут усиливать впечатление от материала статьи или придавать ему двусмысленность. Смех вызовет, скажем, статья о Клинте Иствуде, оформленная с применением голубых и розовых тонов. Зато материал о сталинских репрессиях, выполненный в красно-коричневой гамме, будет выглядеть еще более зловещим.

Цвет u Выбор цветов зависит от типа публикации. В публикациях неофициального характера можно использовать яркие, насыщенные цвета, если же публикация имеет академический характер, ее гамма будет более сдержанной, цвета — приглушенными, очень темными либо, наоборот, совсем светлыми и малозаметными. В изданиях рекламного характера существует неписаное правило — чем шикарнее вещь, тем спокойнее цветовое решение рекламного материала. u Чем больше цветов использовано в публикации, тем труднее добиться стройности композиции. Не увлекайтесь назначением множества контрастных цветов. Как правило, достаточно двух контрастных цветов и их оттенков. Исключение составляют детские издания. Однако и в них лучше избегать аляповатого сочетания цветов. Ошибаются те издатели, которые думают, что детям чем ярче, тем лучше. Ведь книги для детей выбирают родители, а они руководствуются своим вкусом.

Цвет «Престижные цвета» , золото, серебро, темно-серый, черный. Их задача - передать солидность, уверенность, стабильность и высокую стоимость. «Пастельные цвета» , нежные бежевые, розовые, голубоватые. . . Женственные, мягкие, расслабляющие. . . «Здоровые цвета» , из уверенность, семья. . американской психологии. . . Чистота, здоровье, «Природные цвета» , близкие к естественным органическим, природным компонентам. . . «Растяжки» . Обычно тональные оттенки одного цвета, и как акцент - более активный цвет.

Учитесь видеть! Дерзайте! Работайте! Только практика принесет результат.