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

Презентация:



Advertisements
Похожие презентации
Титова Наталья Юрьевна 2011год ДОКЛАД «КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К УРОКУ»
Advertisements

Дизайн – это продолжение работы по организации материала, которая начинается с того момента, когда вы задумываетесь над проектом. Хороший дизайн создает.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
1. Ввод текста 2. Редактирование текста 3. Форматирование текста.
Форматирование в Word. На всех уроках в различных предметных областях мы всегда имеем дело с текстом. Текст рассматривается как набор символов, обладающих.
Построение одностраничного документа Оформление страницы сайта Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска.
ДПТНЗ «Броварской профессиональный лицей» 2014 ДПТНЗ «БПЛ»
ФОРМАТИРОВАНИЕ ТЕКСТА ОБРАБОТКА ТЕКСТОВОЙ ИНФОРМАЦИИ.
Навигатор по порталу. Руководитель: Добряк Светлана Николаевна.
Форматирование текстового документа – процесс оформления страницы, абзаца, строки, символа Форматирование шрифта – изменение параметров введенных символов.
ФОРМАТИРОВАНИЕ ТЕКСТА ОБРАБОТКА ТЕКСТОВОЙ ИНФОРМАЦИИ.
ФОРМАТИРОВАНИЕ ТЕКСТА ОБРАБОТКА ТЕКСТОВОЙ ИНФОРМАЦИИ.
Web-страница Web-страница (англ. Web page) гипертекстовый ресурс Всемирной паутины, обычно написанный на языке HTML. Web-страница может содержать ссылки.
Задание: изучить тему, записать все теги форматирования.
Название страницы содержание страницы Структура любого HTML файла.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Начало работы с текстом в MS Word. ЭТАПЫ СОЗДАНИЯ ТЕКСТОВОГО ДОКУМЕНТА ВВОД ТЕКСТА РЕДАКТИРОВАНИЕ введённого текста ФОРМАТИРОВАНИЕ документа.
Компоновка страниц Расположение элементов на экране, соответствующее особенностям восприятия информации Область способствующая запоминанию Верхнее пространство.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Microsoft Word Художественное оформление текста в WORD.
Транксрипт:

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

Существует 4 правила по составлению Web- страниц: 1. Приближение; 2. Выравнивание; 3. Повтор; 4. Контраст.

Связанные между собой элементы следует группировать. Тогда они образуют один визуальный элемент, а не рассеиваются по странице. Это помогает организовать информацию, уменьшая беспорядок и помогая читателю увидеть структуру документа. Итак, первое правило – приближение:

На данном рисунке заголовок отделен от основного текста. Содержания каждого из трех пунктов сгруппированы и отделены друг от друга. Читателю не приходится напрягаться, чтобы понять, что и где ему надо делать во-первых, во-вторых и в- третьих.

Ни один элемент не должен занимать на странице случайное место. Каждый нуждается в визуальной связи с соседним. Благодаря этому страница выглядит ясно, утонченно и свежо. Второе правило – выравнивание:

На рисунке нам явно показаны линии, по которым выровнены строчки текста (выравнивание по левому краю). Кроме того, порядковые номера написаны таким образом, чтобы точно попасть на горизонтали, ограничивающие элементы списка. Отступ от номера дополнительно выровнен по началу слова «аренды».

Визуальные элементы дизайна (цвета, фигуры, текстуры, пространственные пропорции, толщина линий, концептуальные решения) должны повторяться. Это структурирует работу и усиливает её стилистическую целостность. Третье правило – повтор:

На данном рисунке повторяется стиль оформления элементов списка: 1)Крупный номер серого цвета, точно занимающий всю высоту элемента списка; 2)Ширина отступа от номера; 3)Повышенная плотность первой строки; 4)Уменьшенный размер букв второй строки; 5)Высота отступа одного элемента от другого.

Четвертое правило - контраст: Смысл этого принципа состоит в том, чтобы не располагать рядом друг с другом похожие элементы. Если элементы просто неодинаковы (отличаются гарнитурой, цветом, размером, толщиной линий, формой и т.д.), необходимо сделать их очень разными. Контраст нередко является самым сильным визуальным средством привлечения внимания – именно он заставляет читателя посмотреть на страницу.

На принципе контраста построены элементы представленного нам списка: крупный номер серого цвета; жирность важной строки; уменьшенный размер букв вспомогательной строки. Вторая строка едва заметна, но она, безусловно, будет прочитана, если читатель проникся смыслом первой.

Итак, мы с вами узнали, что к оформлению Web-страниц также нужен дизайнерский подход и следование выше перечисленным правилам, очень важным и в то же время очень простым. Немного практики, свободного времени, желания (а это самое главное) – и вы уже новоиспеченный Web – дизайнер!