Введение в профессиональную деятельность ТКБО

1.

МИНОБРНАУКИ РОССИИ
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«МИРЭА - Российский технологический университет»
РТУ МИРЭА
ЛЕКЦИОННЫЕ МАТЕРИАЛЫ (ПРЕЗЕНТАЦИИ К ЛЕКЦИОННЫМ МАТЕРИАЛАМ)
Визуальная эстетика интерфейсов
(наименование дисциплины (модуля) в соответствии с учебным таном)
Уровень ____________________________________________магистратура_____________________________________________________
(бакалавриат, магистратура, специалитет)
очная
(очная, очно-заочная, заочная)
Форма обучения
Направление(-я)
Подготовки
09.04.02 Информационные системы и технологии
(код(-ы) и наименование(-я))
Институт
Кафедра
Физико-технологический (ФТИ)
(полное и краткое наименование)
компьютерного дизайна
Лектор
(полное и краткое наименование кафедры, реализующей дисциплину (модуль))
доцент, к.т.н., доцент, Мильчакова Наталья Егоровна
(сокращенно-ученая степень, ученое звание; полностью - ФИО)
Используются в данной редакции с 2021/2022 учебного года
Проверено и согласовано «
»
20
2022/2023
(учебный год цифрами)
________________ __________________________________
(подпись директора Института /Филиала с расшифровкой)
г.
Москва 2022

2.

Центр дистанционного обучения
Введение в
профессиональную
деятельность
ФИО преподавателя: доцент, к.т.н. Мильчакова Наталья
Егоровна
e-mail: [email protected]
Online-edu.mirea.ru
online.mirea.ru

3.

Центр дистанционного обучения
•Дизайн связан с научно-технической революцией
конца XVIII в., когда изготовление вещей вручную
сменилось машинным производством и появилась
необходимость стандартизации.
•Дизайн связан с развитием синтеза в предметной
среде, обусловленным новым этапом отношений
«человек– предмет».
online.mirea.ru

4.

Центр дистанционного обучения
•Слово design появилось в XVI в. и изначально было
связано с искусством. Итальянское выражение
designo intero означало рожденную у художника и
внушенную Богом идею – кон- цепцию
произведения искусства. Оксфордский словарь 1588
г. дает следующую интерпретацию этого слова:
«задуманный человеком план или схема чего-то, что
будет реализовано, первый набросок будущего
произведения искусства»
online.mirea.ru

5.

Центр дистанционного обучения
Корни слова «дизайн» можно найти в различных языках:
латинском designatus (намеченный, предусмотренный,
назначенный);
итальянском disegno (выражение художественного творчества
посредством рисунка);
французском dessin (рисунок) и dessein (замысел).
Англо-русский словарь определяет design:
как существительное – замысел, план, намерение, цель, интрига,
чертеж, эскиз, набросок, рисунок, узор, модель, композиция;
как глагол – задумывать, придумывать, разрабатывать, замышлять,
проектировать; конструировать, делать эс- кизы, наброски,
создавать узоры и т. п.
В составе слова design можно выделить корень sign (знак, символ).
Тогда вместе с префиксом de слово design можно
проинтерпретировать как «имеющий смысл, значение»,
«сделанный с какой-то целью», «значимый», «осмысленный»,
«осознанный».
online.mirea.ru

6.

Центр дистанционного обучения
Международная организацией дизайна ИКСИД
предлагает следующее определение: «Дизайн (англ.
Design) – творческая деятельность, целью которой
является определение формальных качеств
предметов, производимых промышленностью. Эти
качества формы относятся не только к внешнему
виду, но, главным образом, к структурным и
функциональным связям, кото- рые превращают
систему в целостное единство с точки зре- ния как
изготовителя, так и потребителя. Дизайн
стремитсяохватить все аспекты окружающей
человека среды, которая обусловлена
промышленным производством».
online.mirea.ru

7.

Центр дистанционного обучения
Уточняя определение ИКСИД, выделим следующие
основные компоненты определения
«промышленный дизайн»:
•проектирование новых и модернизация ранее
•созданных функциональных структур;
•создание эстетически выразительных форм в условиях
промышленного производства;
•материальная реализация замысла,
базирующаяся
на современных промышленных технологиях.
online.mirea.ru

8.

Центр дистанционного обучения
Виды дизайна
•Промышленный дизайн (промдизайн, предметный,
индустриальный) – область дизайна, целью которой
является формообразование промышленно
производимых изделий с учетом их структурных и
функциональных характеристик.
online.mirea.ru

9.

Центр дистанционного обучения
Дизайн архитектурной среды подразделяют на
дизайн интерьеров и дизайн внешней архитектурной
среды. Дизайн интерьеров включает интерьеры и
оборудование обще- ственных помещений, жилых
пространств и производственных зданий. Каждый из
этих типов пространств имеет свои особенности и
определяет свой круг профессиональных за- дач и
проектных методов их решения.
online.mirea.ru

10.

Центр дистанционного обучения
Дизайн одежды ранее подразделялся на haute couture
(уникальные работы художника-модельера) и pret-a-porter
(работы модельера-дизайнера, серийно выпускаемая про- дукция
швейной индустрии). Сегодня и уникальные произ- ведения haute
couture, и серийная продукция pret-a-porter от- носят к дизайну
одежды.
Графический дизайн – искусство оформления книги,рекламноинформационного проспекта, буклета, плаката, промышленная
графика и упаковка, разработка этикетки и торговых марок,
фирменных знаков и шрифтовых гарнитур, рекламной продукции
на щитах и фасадах в городе. Сегодня к традиционной работе
дизайнера-графика добавилась ра- бота со сложными
графическими системами, становящими- ся основой фирменного
стиля предприятия, визуальными коммуникациями в интерьерах и
городской среде.
online.mirea.ru

11.

Центр дистанционного обучения
Арт-дизайн – вид дизайна, в котором
художественные и эмоционально-образные
достоинства созданного объекта преобладают над
традициями классического дизайна, такими как
рациональность или технологичность, при этом
функциональность обязательно присутствует, однако
не на основных позициях
online.mirea.ru

12.

Центр дистанционного обучения
Дизайн оказывает положительное влияние на общую
социальную атмосферу:
•формирует эстетический вкус,
•повышает работоспособность,
•создаёт комфортные условия для эффективной
творческой и рекреационной деятельности.
online.mirea.ru

13.

Центр дистанционного обучения
Развитие дизайна
Керамическое производство в Древнем Египте
online.mirea.ru

14.

Центр дистанционного обучения
Артефакты культовой металлопластики:
слева – трехголовый лось, кулайская культура, белая бронза;
справа – нащитное украшение, пантера,
скифская культура, золото
online.mirea.ru

15.

Центр дистанционного обучения
Фрагмент чертежа Леонардо да Винчи
online.mirea.ru

16.

Центр дистанционного обучения
Копировально-токарный станок А.К. Нартова 1712 г. в стиле русского барокко
online.mirea.ru

17.

Центр дистанционного обучения
Джеймс Уатт и чертеж паровой
машины 1784г.
online.mirea.ru

18.

Центр дистанционного обучения
Паровая карета. Великобритания (1828 г.)
online.mirea.ru

19.

Центр дистанционного обучения
Первый граммофон Берлинера с ручным приводом.
Чтобы проиграть пластинку,
нужно было все время вертеть
ручку махового колеса
online.mirea.ru

20.

Центр дистанционного обучения
Представлены первые теории дизайна, в которых
находили свое решение следующие вопросы:
•Может ли машина создавать произведения
•искусства?
•Может ли машина сама быть произведением
искусства?
•Где границы прикладного искусства?
•Каково место художника в производственном
процессе?
online.mirea.ru

21.

Центр дистанционного обучения
Джон Рёскин
online.mirea.ru

22.

Центр дистанционного обучения
4 Теории дизайна и
формообразования в XIX в.
В теоретических работах английского философа и
теоретика искусства Джона Рёскина (1819–1900)
противоречие между техникой и искусством
решалось путем полного отрицания техники и
машинного производства. Будучи современником
интенсивного развития техники, он сделал вывод,
что победное шествие машин превращает людей в
рабов и уродует целые страны. Дым, копоть,
разрушение человеком природного ландшафта,
тусклые краски, неуклюжие и грубые формы
лишают душу эмоциональной пищи. С машинами
Рёскин связывал гибель искусства и неизбежный
крах добра и красоты в человеке.
online.mirea.ru

23.

Центр дистанционного обучения
Следующий шаг в теории дизайна – это постепенное
осознание и признание роли техники. Здесь большую
роль в понимании общих принципов производства
красивых и технологичных вещей сыграли
теоретические труды крупного немецкого архитектора
Готфрида Земпера (1803–1879).
online.mirea.ru

24.

Центр дистанционного обучения
По Земперу, форма каждой вещи определяется:
•целью, которой эта вещь служит, т. е. ее функцией;
•материалом, из которого она сделана;
•характером технологии производства этой вещи.
online.mirea.ru

25.

Центр дистанционного обучения
•Первым, кто поставил вопрос о форме машин, был
выдающийся инженер и теоретик машиностроения
Франц Рёло (1829–1905), всю свою жизнь
посвятивший изучению машин.
•Рёло начал с того, что провозгласил возможность
единого гармонического развития искусства и
техники, которое он считал непременным условием
правильного развития общества
online.mirea.ru

26.

Центр дистанционного обучения
Франц Рёло
Стойки под подшипники.
Слева – английская конструкция, справа – французская
online.mirea.ru

27.

Центр дистанционного обучения
•Следующий шаг в эстетике техники был сделан
Уильямом Моррисом (1834–1896), продолжателем
идей Рёскина, теоретически и практически
разрабатывавшим эстетику промышленной вещи. Он
резко возражал сторонникам противопоставления
искусства практической деятельности, причисления
произведений искусства к разряду предметов
роскоши.
online.mirea.ru

28.

Центр дистанционного обучения
Образцы обоев, выполненные по рисункам У. Морриса
online.mirea.ru

29.

Центр дистанционного обучения
Основные положения первых
теоретиков (выводы):
Органическую связь между красотой и пользой
утверждал Джон Рёскин.
Огромное влияние технологий и материалов на процесс формообразования отмечал Готфрид Земпер.
Техника как носительница культуры, играющая роль в
образовании человечества, и в этой связи но- вое
понимание промышленного дизайна обосновы- валось
в учении Франца Рёло.
Во взаимосвязи прекрасного и полезного, в неограниченном проникновении эстетического во все области повседневного быта и органическом слиянии его с
трудом видел будущее дизайна Уильям Моррис.
online.mirea.ru

30.

Центр дистанционного обучения
Веркбунд
Результатом рождения новой эстетики стал
Веркбунд (Германский художественнопромышленный союз), он был образован в 1907 г. в
результате объединения «Дрезденских мастерских» и
Соединенных мастерских в Мюнхене. Объединение
было создано инициативным комитетом из
двенадцати художников (архитекторов и
«прикладников») и двенадцати фирм, выпускавших в
основном художественную продукцию.
online.mirea.ru

31.

Центр дистанционного обучения
Цель этого творческого союза – повышение художественноэстетического качества продукции промышленного
производства, создание единой архитектонической культуры,
свободно использующей возможности массового машинного
производства. Веркбунд решал следующие задачи:
•«облагораживание немецкой работы сотрудничеством
искусства, ремесла и промышленности путем воспитания и
пропаганды»;
•«одухотворение немецкой работы подъемом ее качества».
online.mirea.ru

32.

Центр дистанционного обучения
Веркбунд
•Представителями этого производственного союза
являются П. Беренс, В. Гропиус, Л. Мисван дер Роэ,
Ле Корбюзье и др.
online.mirea.ru

33.

Центр дистанционного обучения
Особое место в развитии предметного мира в
Германии, внедрении искусства в промышленное
производство занимает Петер Беренс(1868–
1940гг.).Он поставил перед собой цель использовать
художественные возможности превращения вещей в
средство организации быта, «трансформации
повседневности», делая при этом упор не на качество
отдельных вещей, но на «превосходную организацию
целого».
online.mirea.ru

34.

Центр дистанционного обучения
Используя чистые геометрические фигуры, хорошо
сочетающиеся с простой, но изысканной отделкой, П.
Беренс открыл новый мир красоты технических
продуктов, обладающих собственными, а не
заимствованными у художественного ремесла
достоинствами. Он считал, что преодолеть
дисгармонию предметного мира не были способны
ни «реалистический функционализм», ни
«порождающее хаос романтическое
формообразование».
online.mirea.ru

35.

Центр дистанционного обучения
Модели чайника-кипятильника шестигранной формы
(«китайский фонарик»). П. Беренс
online.mirea.ru

36.

Центр дистанционного обучения
Баухауз
Баухауз (нем. Bauhaus – Строительный дом) – высшая
школа строительства и художеств, конструирования,
учебное заведение и архитектурно-художественное
объединение в Германии. Основан в 1919 г.
архитектором В. Гропиусом в Веймаре.
online.mirea.ru

37.

Центр дистанционного обучения
Руководители Баухауза, опираясь на эстетику
функционализма:
•ставили целью выработать универсальные принципы
современного формообразования в пластических искусствах;
•стремились к комплексному художественному решению
современной материально-бытовой среды;
•развивали у студентов способность эстетически-творческого
осмысления новых материалов и конструкций;
•учили осознавать специфическую красоту функционально
обусловленных форм предметов, создаваемых в условиях
современного машинного производства.
online.mirea.ru

38.

Центр дистанционного обучения
В Баухаузе нашла свое теоретическое и практическое
применение концепция синтеза пластических
искусств, ремесел и промышленности. В числе его
профессоров были крупнейшие деятели культуры
начала XX столетия: архитекторы Хаинес Мейер,
Марсель Брейер, художники Василий Кандинский,
Пауль Клее, Лионель Фенингер, Пит Мондриан.
online.mirea.ru

39.

Центр дистанционного обучения
Вальтер Гропиус (1883–1969гг.) – один из основоположников
функционализма, начал осваивать возможности создания
новых форм в архитектуре и дизайне, заложенные в
индустриальном производстве
Кресло. Вальтер Гропиус.
online.mirea.ru

40.

Центр дистанционного обучения
В серийном производстве видел способ
демократизации архитектуры. Главной задачей
Баухауза Гропиус считал объединение различных
областей творческой деятельности, использование
всех возможностей техники и станкового искусства
для создания единой и гармонической вещественной
среды.
online.mirea.ru

41.

Центр дистанционного обучения
Гропиус привлек к сотрудничеству единомышленников –
талантливых художников и архитекторов. Среди наиболее
крупных мастеров были Иоханнес Иттен, который вел курс
колористики, Лионель Фейнингер, преподававший живопись и
теорию формы, Герхард Маркс – керамику, Пауль Клее –
витражи и ткачество, Оскар Шлеммер – скульптуру, Василий
Кандинский – фреску, Ласло Мохой-Надь – обработку металла
и синтетических материалов, а также фотографию, Георг Мухе –
ковроткачество.
online.mirea.ru

42.

Центр дистанционного обучения
В отличие от традиционного ремесленного училища,
студент Баухауза работал не над единичным
предметом, а над эталоном для массового
промышленного производства. Техническая
подготовка студентов подкреплялась изучением
станков, технологии обработки металла и других
материалов.
online.mirea.ru

43.

Центр дистанционного обучения
В Баухаузе подчеркивали конструктивность вещи, иногда
утрировали ее, например в посуде. В чайнике Марианны
Брандт, представленном на рисунке 1.15 четко виден
основной формообразующий принцип Баухауза — он состоит
из простейших геометрических фигур
Чайник. Марианна Брандт
online.mirea.ru

44.

Центр дистанционного обучения
Принципы Мисаван дер Роэ нашли свое выражение в
дизайне кресел и стульев. Кресло «Барселона» для Всемирной
выставки 1929 года выглядело экстравагантно
Пример дизайна Л. Мисван дер Роэ: а –
кресло«Барселона», б – стул «Brnochair».
online.mirea.ru

45.

Центр дистанционного обучения
Ле Корбюзье (настоящее имя – Шарль-Эдуард
Жаннере) (1887–1965гг.), французского архитектора,
теоретика архитектуры, художника, дизайнераЛе
Корбюзье разработал «модулор» – систему новых
пропорциональных отношений, в основе которой
лежат размеры человеческого тела: средний рост
человека, размеры сидящей фигуры, стопы человека,
длину его руки, шага и т. д. Модулор был призван
«привести к человеческому масштабу дома, города и,
если удастся, весь урбанистический мир».
online.mirea.ru

46.

Центр дистанционного обучения
Примером осуществления этих принципов является
замечательный предмет из группы мебели 1929 г. – кресло с
подвижной спинкой, состоящее из отдельных металлических
элементов круглого сечения, не образующих замкнутых
каркасов
Кресло. Ле Корбюзье.
online.mirea.ru

47.

Центр дистанционного обучения
Среди наиболее известных произведений Баухауза
современная по сей день посуда из металла и керамики
Т.Боглера и М.Брандт, настольная лампа В.Вагенфелда,
Баухауз-шахматы Ю.Хартвига, выпускаемые до сих пор, и одно
из самых престижных в современных интерьерах офисов
кресло «Василий» М.Бройера из никелированных стальных
труб
Кресло «Василий». М.Бройер
online.mirea.ru

48.

Центр дистанционного обучения
Принципы, отраженные в манифесте Баухауза:
•Не существует принципиальной разницы между художником
и ремесленником. Художник — лишь высшая ступень
ремесленника.
•Творчество и любовь к красоте — необходимые условия
счастья. Время, не признающее эту бесспорную истину, не
обретает ясного зрительного выражения: его образ остается
неотчетливым, а его произведения не могут доставить радость.
•Решение любых формотворческих задач — будь то стул,
здание, целый город или план района — должно быть
принципиально идентичным не только в отношении их
пространственного взаимодействия, но также в социальных
аспектах.
online.mirea.ru

49.

Центр дистанционного обучения
Авангардные художественные
течения
В первое десятилетие XX в. авангардные течения в
живописи неуклонно двигались в сторону
беспредметности, то есть к абстракционизму. В
России, как известно, абстракционизм нашел
выражение в двух основных вариантах –
конструктивном (К. Малевич) и
экспрессионистическом (В.Кандинский).
online.mirea.ru

50.

Центр дистанционного обучения
Для определения своих абстрактных композиций К.Малевич
(1878 – 1935гг.) применил термин «супрематизм» (от
латинского «suprem» – превосходство, доминирование). В
1915г. на выставке «0.10» («ноль-десять») появился «Черный
квадрат», а рядом с ним – серия супрематических полотен.
online.mirea.ru

51.

Центр дистанционного обучения
online.mirea.ru

52.

Центр дистанционного обучения
Рисунки для тканей Первой ситценабивной фабрики В.Ф. Степанова
online.mirea.ru

53.

Центр дистанционного обучения
Проуны. Э.Лисицкий
online.mirea.ru

54.

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

55.

Центр дистанционного обучения
Компьютерный дизайн
Компьютер из огромного «вычислительного центра»
становится портативным универсальным прибором,
свободно помещающимся на письменном столе и
даже в дорожном кейсе. Эволюцию миниатюризации
в области электроники можно проследить на примере
известной японской фирмы "Sony" –лидера и
законодателя моды в области бытовой теле- и
радиотехники.
online.mirea.ru

56.

Центр дистанционного обучения
Промышленный дизайн и дизайн
интерфейсов
В 1955 году она выпускает первый транзисторный
приемник, который за 3 года уменьшился до
размеров дамской сумочки. В 1966 году был
разработан первый цветной видеомагнитофон. В 1979
году директор компании Sony А. Морита, несмотря на
сопротивления менеджеров по продаже карманной
продукции, решился на выпуск кассетных плееров
Walkman.
online.mirea.ru

57.

Центр дистанционного обучения
online.mirea.ru

58.

Центр дистанционного обучения
Развитие микроэлектроники привело к феномену
«бестелесного дизайна», когда в форме предмета не
проявляется его функция. Определить функцию
механической пишущей машинки можно по ее
форме, вот как функционирует дискета визуально
определить невозможно, не говоря уже о более
сложных электронных компьютерных устройствах,
внешний вид которых может быть насыщен
различными функциональными блоками, но в форме
функция остается не проявленной.
online.mirea.ru

59.

Центр дистанционного обучения
Центральной задачей становится формирование
дружественного интерфейса между компьютером и
человеком. Дизайн начинает все больше относиться
не столько к предметным формам, сколько к
организации неосязаемых информационных
процессов.
online.mirea.ru

60.

Центр дистанционного обучения
•Графический пользовательский интерфейс (GUI — Graphical
User Interface) это средства позволяющие пользователям
взаимодействовать с аппаратными составляющими
компьютера достаточно комфортным и удобным для себя
образом.
В течении многих лет для большого количества операционных
систем, таких как OS/2, Macintosh, Windows, AmigaOS, Linux,
Symbian OS, и т. п., было создано еще большее количество
графических интерфейсов.
Давайте попробуем взглянуть на эволюцию дизайна
интерфейсов этих систем, начиная с 80-х годов.
online.mirea.ru

61.

Центр дистанционного обучения
•Первый GUI был разработан в Xerox Palo Alto
Research Center (PARC) в далеких 70-х годах. Эта
разработка дала старт новой эре инноваций в
компьютерной графике.
Первый персональный компьютер который
использовал новый графический интерфейс был Xerox
Alto, созданный в 1973 году. Он не был коммерческим
продуктом и предназначался в основном для научных
исследований в университетах.
online.mirea.ru

62.

Центр дистанционного обучения
online.mirea.ru

63.

Центр дистанционного обучения
Цифровые навыки
online.mirea.ru

64.

Центр дистанционного обучения
Цифровые навыки и компетенции
online.mirea.ru

65.

Центр дистанционного обучения
Цифровые продукты
Цифровой продукт - это нематериальный актив или
носитель, который можно многократно продавать и
распространять в Интернете без необходимости
пополнять запасы. Эти продукты часто бывают в виде
загружаемых или потоковых цифровых файлов, таких
как MP3, PDF, видео, плагины и шаблоны.
Низкие накладные расходы.
Высокая рентабельность.
Возможность автоматизации.
Гибкие продукты.
Электронное обучение - это будущее образования.
online.mirea.ru

66.

Центр дистанционного обучения
История возникновения интерфейса и его
структура
Интерфейс – это посредник в обмене данными между разными
системами, а в нашем случае – между человеком и программой.
Человек дает команду с помощью интерфейса, устройство ее
анализирует и отвечает.
Существует несколько видов интерфейсов, отвечающие за разные
функции:
1) человеко-машинный – предназначен для взаимодействия
человека-оператора с машиной, механизмом (пульты, рычаги, кнопки
и т.д.)
2) пользовательский – предназначен для взаимодействия человека с
программно-аппаратными компонентами компьютерной системы
(клавиатура, мышь, сенсорный экран, микрофон)
3) аппаратный – предназначен для взаимодействия физических
устройств друг с другом (порты, разъемы, шлюзы и т.д.)
online.mirea.ru

67.

Центр дистанционного обучения
Виды интерфейсов
Также, пользовательский интерфейс включает в себя следующие подвиды:
а) командная строка – взаимодействие компьютера осуществляется
посредством ввода команд на специальном (машинном) языке в командную
строку.
б) голосовой (Speech Image Language Knowledge) – команды даются с помощью
голоса, речи.
в) жестовый – управление осуществляется с помощью жестов (сенсорный
экран, джойстик, руль и т.д.).
г) нейрокомпьютерный (нейронный) – обмен данными между человеческим
мозгом и электронным устройством происходит за счет биологической
обратной связи и встроенных электронных имплантатов.
д) графический (GUI, англ. graphical user interface)- взаимодействие с помощью
программных функций, которые представлены в виде графических элементов
(меню, значки, кнопки на экране, окна и т.д.)
online.mirea.ru

68.

Центр дистанционного обучения
Дисплей системы NLS, клавиатура и мышь
online.mirea.ru

69.

Центр дистанционного обучения
Экран из демоверсии NLS. Красный круг указывает на курсор мыши
online.mirea.ru

70.

Центр дистанционного обучения
Центральной задачей становится формирование
дружественного интерфейса между компьютером и
человеком. Дизайн начинает все больше относиться
не столько к предметным формам, сколько к
организации неосязаемых информационных
процессов.
online.mirea.ru

71.

Центр дистанционного обучения
Графический пользовательский интерфейс (GUI — Graphical
User Interface) это средства позволяющие пользователям
взаимодействовать с аппаратными составляющими
компьютера достаточно комфортным и удобным для себя
образом.
В течении многих лет для большого количества операционных
систем, таких как OS/2, Macintosh, Windows, AmigaOS, Linux,
Symbian OS, и т. п., было создано еще большее количество
графических интерфейсов.
Давайте попробуем взглянуть на эволюцию дизайна
интерфейсов этих систем, начиная с 80-х годов.
online.mirea.ru

72.

Центр дистанционного обучения
•Первый GUI был разработан в Xerox Palo Alto
Research Center (PARC) в далеких 70-х годах. Эта
разработка дала старт новой эре инноваций в
компьютерной графике.
Первый персональный компьютер который
использовал новый графический интерфейс был Xerox
Alto, созданный в 1973 году. Он не был коммерческим
продуктом и предназначался в основном для научных
исследований в университетах.
online.mirea.ru

73.

Центр дистанционного обучения
online.mirea.ru

74.

Центр дистанционного обучения
Xerox 8010 Star (1981)
Это была первая система представленная в качестве
интегрированного настольного компьютера, включающая
программные приложения и графический интерфейс.
Компьютер был известен как «The Xerox Star», позже
переименованный в «ViewPoint» и еще позднее в
«GlobalView».
online.mirea.ru

75.

Центр дистанционного обучения
online.mirea.ru

76.

Центр дистанционного обучения
•Apple Lisa Office System 1 (п1983)
Также известна как Lisa OS, правда в данном случае
аббревиатура слишком неоднозначна для ее
названия Office System (Офисная Система). Она была
создана компанией Apple с намерением сделать
компьютер для работы с документами.
Но, к сожалению, эта система была уничтожена
операционной системой Apple Macintosh которая
была на тот момент более доступна.
Так же были апгрейды системы Lisa OS до Lisa OS 2 в
1983 году и Lisa OS 7/7 3.1 в 1984, но это изменения
затрагивали только саму систему а не ее интерфейс.
online.mirea.ru

77.

Центр дистанционного обучения
online.mirea.ru

78.

Центр дистанционного обучения
•VisiCorp Visi On (1984)
Visi On был первыйм интерфейсом разработанным
для IBM PC. Эта система была ориентирована на
большие корпорации и стоила достаточно дорого.
Интерфейс использовал мышь, имел встроенный
инсталлятор и справочную систему, но не
использовал иконки.
online.mirea.ru

79.

Центр дистанционного обучения
online.mirea.ru

80.

Центр дистанционного обучения
Mac OS System 1.0 (представлена в 1984)
System 1.0 была первой операционной системой
созданной для Macintosh. У нее уже имелось
несколько деталей современной операционной
системы — она была основана на оконном принципе
и содержала иконки. окна могли перетаскиваться с
помощью мыши а файлы и папки могли копироваться
перетаскиванием на место назначения.
online.mirea.ru

81.

Центр дистанционного обучения
online.mirea.ru

82.

Центр дистанционного обучения
Amiga Workbench 1.0 (1985)
После своего релиза Amiga казалось обгоняет свое
время. GUI включал в себя например: цветную
графику (4 цвета: черный, белый, синий и
оранжевый), большей частью поддерживала
многозадачность, стерео звук и иконки с несколькими
состояниями (выделенная и не выделенная)
online.mirea.ru

83.

Центр дистанционного обучения
online.mirea.ru

84.

Центр дистанционного обучения
Windows 1.0x (1985)
В этом году Microsoft наконец-то подхватила всеобщую
интерфейсоманию и выпустила Windows 1.0 — свою первую
операционную систему основанную на GUI. Система имела
32x32 пиксельные иконки цветную графику. Однако самое
интересное нововведение (правда позже исчезнувшее) была
иконка анимированных аналоговых часов (со стрелками :)).
online.mirea.ru

85.

Центр дистанционного обучения
online.mirea.ru

86.

Центр дистанционного обучения
•GEM (1985)
GEM (Graphical Environment Manager — Менеджер
Графической Среды) созданный компанией Digital Research, Inc.
(DRI) был оконного типа. Первоначально он создавался для
использования с операционной системой CP/M на базе
микропроцессоров Intel 8088 и Motorola 68000, но позднее
был доработан для использования в DOS. Большинство людей
будут помнить GEM как GUI для компьютеров Atari ST, еще он
использовался для серии IBM совместимых компьютеров от
Amstrad. Так же он послужил движком для Ventura Publisher и
нескольких других DOS программ. Также он был портирован на
другие компьютеры но не снискал на них популярности.
online.mirea.ru

87.

Центр дистанционного обучения
online.mirea.ru

88.

Центр дистанционного обучения
•IRIX 3 (выпущена в 1986, первый релиз в 1984 году)
64-битная операционная система IRIX была создана
для UNIX. Интересной особенностью ее GUI является
поддержка векторных иконок. Эта функция была
встроена в эту систему еще задолго до начала
существования Mac OS X.
online.mirea.ru

89.

Центр дистанционного обучения
online.mirea.ru

90.

Центр дистанционного обучения
GEOS (Graphic Environment Operating System
— Операционная Система с Графическим
Средой) была разработана в компании
Berkeley Softworks (позднее GeoWorks).
Первоначально она разрабатывалась для
Commodore 64 и включала в себя
графический текстовый процессор,
называемый geoWrite и программа для
рисования под названием geoPaint
online.mirea.ru

91.

Центр дистанционного обучения
online.mirea.ru

92.

Центр дистанционного обучения
•Windows 2.0x (1987)
В этой версии было значительно улучшено
управление окнами. Теперь стало возможным
перекрывать, изменять размеры, разворачивать,
увеличивать и уменьшать окна.
online.mirea.ru

93.

Центр дистанционного обучения
online.mirea.ru

94.

Центр дистанционного обучения
online.mirea.ru

95.

Центр дистанционного обучения
•NeXTSTEP / OPENSTEP 1.0 (1989)
Стива Джобса заинтересовала идея создать идеальный
компьютер для исследовательских лабораторий и
университетов. Впоследствии эта идея вылилась в стартап
называемый NeXT Computer Inc.
Первый компьютер NeXT был представлен в 1988 году, однако
значительный прогресс был достигнут в 1989 с выпуском GUI
NeXTSTEP 1.0, превратившийся позже в OPENSTEP.
Иконки интерфейса стали больше (48×48) и использовали
большее количество цветов. Первоначально GUI был
монохромным, однако начиная с версии 1.0, появилась
поддержка цветных мониторов.
online.mirea.ru

96.

Центр дистанционного обучения
online.mirea.ru

97.

Центр дистанционного обучения
Windows 3.0 (1990)
К этой версии разработчики из Microsoft поняли все
реальные преимущества GUI и стали значительно
его улучшать.
Сама операционная система стала поддерживать
стандарты, и расширенный режим для 386
архитектуры, который стал требовать памяти больше
чем, 640 килобайт, и больше пространства жесткого
диска, в результате стали возможными разрешения,
такие как Super VGA 800×600 и XGA 1024×768.
В тоже время, Microsoft пригласили художника и
графического дизайнера Сьюзан Каре для
разработки дизайна иконок Windows 3.0 и создания
уникального образа своего GUI.
online.mirea.ru

98.

Центр дистанционного обучения
online.mirea.ru

99.

Центр дистанционного обучения
Список литературы:
1.Мильчакова Н.Е, Соколова М.Л., Дизайн. Учебное пособие –
М.: МИРЭА, 2017. – [Электронное издание] - 108с./52с,
номер государственной регистрации обязательного экземпляра
электронного издания 0321801631 от 25.05.18,
https://library.mirea.ru/share/1372
2.Соколова М.Л., Мильчакова Н.Е. История и теория дизайна.
Практикум. – М.: МИРЭА, 2017. – [Электронное издание] – 65с./39с.,
номер государственной регистрации обязательного экземпляра
электронного издания 0321801630 от 25.05.18
https://library.mirea.ru/share/1371
online.mirea.ru

100.

Центр дистанционного обучения
Спасибо за внимание!
online.mirea.ru