Типология графического дизайна
Понятие и сущность графического дизайна. Классификация графического дизайна по категориям решаемых задач. Основные продукты графического дизайна. Проект изготовления пиктограммы для гостиничных комплексов туристических отелей, его творческая концепция.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | курсовая работа |
Язык | русский |
Дата добавления | 03.05.2015 |
Размер файла | 34,6 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru
Министерство образования и науки Республики Казахстан
Казахский университет технологий и бизнеса
Курсовой проект
По дисциплине: Типология графического дизайна
Выполнила: Айтпай Жулдыз
Группа: 2 курс з/отдел. СПО
Принял: КПН Умралиева Б.И.
Астана 2014
СОДЕРЖАНИЕ
Введение
1. Предпроектные исследования
1.1 Выбор и изучение творческого источника вдохновения
1.2 Сравнительный анализ аналогов и прототипов
1.3 Выбор направления исследования
1.4 Формирование исходных данных к проекту
2. Художественно композиционный раздел
2.1 Творческая концепция проекта
2.2 Выбор композиционного решения пиктограмм
Заключение
Список используемой литературы
ВВЕДЕНИЕ
Графический дизайн - один из наиболее распространенных и старинных видов дизайнерского творчества. С широким распространением рекламы с начала XX века, прикладное графическое творчество сегодня охватывает практически все сферы жизни общества. К традиционным видам книжного, газетного, журнального и плакатного оформления, решению упаковки, этикеток, разработкам фирменных знаков и фирменных стилей, шрифтов сначала добавилась коммуникативная ветвь (в интерьерах зданий, на пространствах населенных пунктов и дорогах). Позднее -- заставки, рекламные ролики на телевидении, а в последние десятилетия -- компьютерный дизайн. Отдельное направление компьютерного дизайна - Web-дизайн, т.е. создание Web-сайтов в сети Интернет, где построение графических изображений, всей системы информации в определяется своими, довольно жесткими правилами.
Графический дизайн можно классифицировать по категориям решаемых задач. графический дизайн пиктограмма творческий
· Типографика, каллиграфия, шрифты, книжное оформление
· Фирменный стиль (корпоративный стиль), в том числе фирменные знаки, логотипы, брендбуки
· Визуальные коммуникации, в том числе системы ориентации (навигационные и иные пиктограммы)
· Плакатная продукция, в том числе рекламные плакаты
· Визуальные решения для упаковок продукции, в том числе кондитерской и пищевой
· Задачи веб-дизайна
· Визуальный стиль телевизионных передач и других продуктов СМИ
Графический дизайн становится все более интегрирующей профессией, объединяющей в работе со сложным, многоуровневым предметом визуальной реальности принципы и методы различных профессиональных дисциплин. Кроме визуального образа, текста, пространства, графический дизайн осваивает такие реальности, как движение, время, интерактивность и оперирует все более разнообразными средствами экономических, маркетинговых и культурных коммуникаций.
Профессиональное компьютерное программное обеспечение:
· Для офсетной полиграфии: Adobe Photoshop (работа с растровыми изображениями), Adobe Illustrator (работа с векторными изображениями), Adobe InDesign и QuarkXPress (верстка страниц)
· Для наружной рекламы и трафаретной печати: Corel Draw
Основные продукты графического дизайна
Общепринятое использование графического дизайна включает в себя журналы, реклама, упаковка и веб-дизайн. Например, упаковка товара может включать в себя логотип или другое изображение, организованный текст и чистые элементы дизайна, такие как формы и цвет, способствующие единому восприятию картинки. Композиция -- одно из важнейших свойств графического дизайна, в особенности при использовании предварительных материалов или иных элементов.
· книжные макеты и иллюстрации
· рекламные и информационные плакаты
· графическое решение открыток и почтовых марок
· оформление грампластинок и DVD дисков
· корпоративный стиль компании и его основной элемент -- логотип
· буклеты, брошюры, календари и другая рекламная полиграфическая продукция
· упаковки, этикетки, обложки
· сувенирная продукция
· интернет-сайты
1. ПРЕДПРОЕКТНЫЕ ИССЛЕДОВАНИЯ
1.1 Выбор и изучение творческого источника вдохновения
Источники творческого вдохновения послужило для моего проекта (пиктограммы), стилизация, легко узнаваемость графических изображений, и упрощение с целью облегчения визуального восприятия.
Вдохновение - это особое состояние человека, которое характеризуется высокой производительностью и огромным подъёмом и напряжением сил человека. Часто используют в сочетании «творческое вдохновение», поскольку оно является типичной чертой и составным элементом творчества. Вдохновение - состояние наивысшего подъёма, когда познавательная и эмоциональная сферы человека соединены и направлены на решение единой творческой задачи. Нередко в состоянии творческого вдохновения возникают озарения. В моменты творческого вдохновения человек имеет сильное влияние на других людей, легко может убедить их, склонить к своему мнению, идее, повести за собой. Личностное свойство, предоставляющее возможность такого ситуативного влияния на других, связанного с личным вдохновением, называют харизмой. Состояние вдохновения возникает у человека, страстно и упорно стремящегося к творческому решению поставленной задачи.
Проблема творческого вдохновения
Проблема творческого вдохновения заключается в том, что его достаточно сложно достигнуть целенаправленно. По сути, вдохновение является плодом любви к своему делу, какой-то яркой идеи, крепко засевшей у человека в голове, а также стечения многих обстоятельств. С другой стороны, проблема вдохновения связана с тем, что не существует вечного источника вдохновения. Нам постоянно нужно искать что-то новое, что может мотивировать нас.
Как найти источник вдохновения
Что же может стать источником вдохновения, что даст нам такое состояние, которое характеризуется лёгкостью движения мысли и образов, их ясностью и полнотой, глубокими переживаниями, когда все познавательные процессы протекают особенно продуктивно? Люди черпают вдохновение из различных источников.
Многие из нас, и не только ученые, изобретатели, деятели искусства, но и бизнесмены, ищущие новую идею или школьники, пишущие сочинение, старались найти вдохновение. У кого-то это получается легко, у кого-то сложнее, у кого-то не получается вовсе. Ниже я попытался сделать подборку наиболее сильных мотиваторов и вдохновителей, а также привел некоторые популярные цитаты знаменитых творческих людей.
Примеры источников вдохновения
Нарушение зоны комфорта, трудности и испытания. Когда зона комфорта нарушается, у человека возникает желание снова вернуться в удобное для себя состояние. Преодоление препятствий дает удовлетворение и воодушевляет на новые свершения.
Когнитивный диссонанс или психологические противоречия. Абсолютно у всех людей время от времени случается состояние психического дискомфорта, вызванное столкновением в его сознании конфликтующих представлений: идей, верований, ценностей или эмоциональных реакций. В случае возникновения диссонанса индивид будет всеми силами стремиться снизить степень несоответствия между двумя своими установками, пытаясь достичь консонанса. Это и служит источником вдохновения.
Сублимация - это переключение психической энергии из одного состояния в другое. По Зигмунду Фрейду, в ходе сублимации инстинктивная (по большей части сексуальная) энергия переключаются в не инстинктивные формы поведения. Другими словами, сублимация это преобразование эротического неудовлетворенного желания, чувства в творческую деятельность.
Любовь - это один из самых сильных источников вдохновения. Часто любовь в качестве источника творческого порыва отождествляют только с сублимацией, но это не всегда так. Любовь не всегда является отражением сексуального влечения. Например, мать любит своего ребенка, и это связывается с желанием заботиться и оберегать предмет своей любви. Многие великие свершения были сделаны во имя любви, а поэты вдохновлялись своими музами, женщинами которых по-настоящему любили.
Чтение. Книги являются источником мудрости. Чтение - это долгосрочный вклад в свое развитие. Читая книги, мы постоянно накапливаем идеи, мнения, точки зрения, цитаты и символы, чтобы потом приступать к работе вдохновленными.
Путешествия. Поездки в новые города и страны, как и книги - это всегда новые впечатления, эмоции и отличный источник вдохновения. Нередко самые интересные идеи возникают у нас во время долгих поездок.
Природа. Ее разнообразие и краски вдохновляли людей во все времена. В городских условиях влияние природы может оказаться существенным, достаточно выбраться за город, и вы почувствуете прилив сил и эмоциональный подъем.
Успешные люди. Успешные люди могут быть и в вашем окружении, старайтесь общаться с ними как можно больше, перенимая их образ мышления и действий. Также успех всемирно известных людей может стать примером и вдохновить. Это может быть банальное чувство зависти или, к примеру, искреннее восхищение - в любом случае чужой успех может стимулировать нас работать больше и лучше.
Музыка и другие формы искусства. Они вызывают в нас много эмоций, ассоциаций, помогают оторваться от повседневности, становятся источником креатива. Живопись, стихи (поэзия), музыка, театр, кино, опера.
Семья и близкие друзья - источник вдохновения, по сути это любовь, но также и чувство родства, чего-то своего. Мы собственники по натуре и дорожим своими родными и близкими, вдохновляемся ими, совершаем значимые поступки ради них.
Самопознание. Изучение природы человека, погружение в наши мотивы и эмоции, нередко помогает узнать много нового о себе, в том числе и то, как мотивировать и вдохновлять себя.
Спорт. В здоровом теле - здоровый дух. Спорт влияет на нашу внешнюю красоту, а также пробуждает некоторые физические и химические процессы в организме, что может дать силы для созидания. К примеру, вечерняя пробежка может зарядить вас творческой энергией и вдохновить на творчество.
Дети. Общаясь с детьми, участвуя в их воспитании, мы часто видим в них себя. Мы радуемся их успехам, как своим, мы подпитывается их неуемной энергией и их чистым разумом.
Воспоминания. Вызвать нужные для вдохновения чувства можно воспоминаниями, они могут быть различными в зависимости от того, какой след они оставили в вашей душе. Счастливейшие моменты вашей жизни помогут создать позитивный настрой, а грустные эмоции, заставят переосмыслить пережитое и начать новую жизнь.
1.2 Сравнительный анализ аналогов и прототипов
Анализ - это метод научного исследования изделий, явлений, понятий, самая главная составная часть художественного конструирования. Он включает многостороннее рассмотрение изделий - всего, что в совокупности дает исчерпывающее представление о них. Дизайнер обязан анализировать все объекты своей творческой работы: общие предварительные понимания перед началом проектирования, все этапы подготовки изделия к производству и даже после его выпуска.
Недостаточный анализ на отдельных стадиях проектирования снижает ценность изделия еще в проекте. Отсутствие обоснованного художественно-конструкторского анализа изделия при проектировании может привести к его моральному старению и неполноценности еще до начала выпуска
Углубленный анализ изделий предусматривает сочетание различных факторов, требований, условий, подходов. Нельзя, например, получить полное представление о вещи, рассматривая лишь ее функциональные особенности и не уделяя внимания материалу, технологии изготовления, выбора конструкции и формы. Сложно проанализировать также саму форму изделия, оценить его композицию и эстетичность, не зная функционального назначения изделия. Таким образом, анализ - это комплексный, целостный и многосторонний процесс. При анализе объекта необходимо последовательно, со всех сторон рассматривать и оценивать совершенство изделия.
1.3 Выбор направления исследования
Пиктограммы эти знакомые всем маленькие картинки, служащие для обозначения кнопок и других объектов, являются неотъемлемым признаком современных интерфейсов. Компания Apple Computer, известный лидер в области разработки интерфейсов, сообщает нам, что «пиктограммы могут существенным образом увеличить ясность и усилить привлекательность приложения. Кроме того, использование пиктограмм позволяет намного упростить процесс перевода программ на другие языки. Всякий раз, когда требуется добавить объяснение или надпись, попытайтесь вместо текста использовать пиктограмму» [1]. В более поздних версиях этого руководства подход к применению пиктограмм уже не был столь догматичным, однако создаваемый им вред уже нельзя было исправить.
Пиктограммы делают интерфейс более привлекательным в визуальном отношении и, при определенных условиях, могут способствовать большей понятности. Однако со временем стали понятны и недостатки пиктограмм. Например, как в операционной системе Macintosh, так и в Windows сейчас уже используются средства для объяснения значения пиктограмм. Если вы наводите курсор на какую-то пиктограмму, появляется небольшое окно с текстом, в котором дается ее описание. Возникает очевидный вопрос, который я неоднократно слышал от пользователей, впервые встретивших такие текстовые окна: «Почему вместо пиктограмм сразу не использовать текст?» В самом деле почему бы и нет? Ведь, по сути дела, вместо того чтобы объяснять, пиктограммы зачастую сами требуют для себя объяснений. Использование пиктограмм вместо слов вполне подходит для того, чтобы скрыть или зашифровать какую-то информацию от посторонних глаз. Проблему пиктограмм можно рассматривать как проблему ограниченной видимости. В интерфейсе показана пиктограмма, но ее смысл невидим, или же ее изображение может дать неверное сообщение для тех, для кого это изображение незнакомо или кем это изображение может быть истолковано по-другому. Например, пиктограмма, изображающая ладонь поднятой руки, в Соединенных Штатах означает «стоп», а в Греции - «вот вам экскременты на ваше лицо»
Пиктограммы могут вызвать раздражение не только у специалистов по разработке интерфейсов. По поводу автомобилей часто можно услышать следующий комментарий: «Чтобы понять назначение ручек настройки [автомагнитолы], нужно доставать инструкцию по использованию, так как никаких надписей (вроде надписи «громкость») на кнопках не имеется»
Иногда использование пиктограмм обосновывается их независимостью от языка, что является ценным свойством для программного обеспечения с точки зрения расширяющегося международного рынка. Однако следует учитывать, что, как было указано, смысл пиктограмм зависит от культуры, в которой они используются. Но даже если пиктограмма и не требует перевода, средства помощи, основанные на использовании языка, и пояснительные окна, объясняющие значение пиктограммы, должны быть переведены, что сводит на нет упомянутое преимущество. Как бы то ни было, используется ли текст или пиктограмма, необходимо, чтобы перевод выполнялся человеком, который является носителем языка, используемого целевой аудиторией, и который знаком с соответствующей культурой, а редактура должна осуществляться людьми, которые выросли и жили в этой культуре. Слова могут быть полностью поняты, по крайней мере, в одном языке. Что же касается пиктограмм, то они могут быть с равной возможностью как поняты, так и нет, причем недостаточное понимание может быть получено сразу в целых языковых семействах.
Приведу пример, когда смысл пиктограммы был понятен только небольшой группе людей. На задней стороне компьютера Apple. Не каждый разъем был обозначен специальной пиктограммой. Одна особенно таинственная пиктограмма представляла собой горизонтальную линию, под которой находилась прерывистая линия той же длины, состоящая из трех отрезков. Из приблизительно тысячи человек, которых я опрашивал в основном во время различных конференций, только около 10 человек смогли объяснить значение этой пиктограммы, и еще меньшее число людей смогли рассказать о ее происхождении.
1.4 Формирование исходных данных к проекту
Еще до того, как люди придумали алфавит, они делали записи или передавали друг другу послания, на которых были изображены различные знаки и рисунки. Причем в каждом рисунке был определенный смысл: люди не буквами, которых они еще не знали, а знаками и рисунками «писали» то, что хотели сказать. Каждая линия в этом послании, каждая точка или круг, поза, а может быть, поворот головы животных имели вполне определенное значение. Рисунок человека, бегущего за кабаном, например, мог означать приглашение на охоту или сообщение о том, что где-то есть хорошая охота. Что в принципе одно и то же. Человек, получивший такое послание, мог прочитать его так же, как мы читаем письма.
Вот такие рисунки, составляющие письмо, и называются пиктограммами. А целые рисунчатые письма - пиктографией. На латинском языке «pictus» означает «нарисованный».
С развитием письменности пиктограммы не исчезают, просто меняется их назначение. Однако некоторые племена очень долго еще сохраняли традицию передавать послания в рисунках. Конечно, во многом это было вызвано тем, что люди были неграмотны.
Так, в середине XIX века президент США получил однажды необычное письмо от вождя одного из индейских племен. Оно представляло собой кусок бересты, на котором были нарисованы журавль, различные звери, проведены какие-то линии, полосы, были здесь изображены и другие не-понятные знаки. Президент поручил чиновникам своей канцелярии расшифровать это загадочное послание. И вот что в нем было написано.
Оказывается, вождь племени журавля, а также вожди племен куницы, медведя и морского кота обращаются к президенту с просьбой разрешить им покинуть свои пустынные места. Тонкая линия, проведенная от глаз журавля к трем окружностям, обозначала, что индейцы хотят переселиться на три озера, вокруг которых находились более удобные для них земли. Длинная же полоса, прочерченная под ногами животных, указывала на Верхнее озеро, рядом с которым располагались племена сейчас. Линии, соединяющие мозг и сердце журавля с сердцами и глазами животных, показывали, что просьбу поддерживают все племена индейцев.
Пиктограммы существуют и в наши дни. Это эмблемы различных международных конгрессов, конференций, олимпиад, изображения на государственных флагах и т.д. Вспомните также рисунки в детских журналах, которые составляют целые сериалы, посвященные похождениям одного героя
2. ХУДОЖЕСТВЕННО КОМПОЗИЦИОННЫЙ РАЗДЕЛ
2.1Творческая концепция проекта
Пиктограмма (от лат. pictus - рисовать и греч. гсЬммб - запись) - знак, в котором отображены узнаваемы и важнейшие черты объекта, явления или предмета, часто в виде простейшей схемы.
Современные пиктограммы. В дорожном движении: Одни из часто встречающихся пиктограмм, это дорожные знаки. Не все они отображают важнейшие узнаваемые черты объекта, потому возможно не все их можно назвать в полной мере пиктограммами, тем, не менее часть знаков дорожного движения являются классическими пиктограммами.
В информатике: Значок, элемент графического интерфейса пользователя; небольшое изображение на видеоэкране, служащее для идентификации некоторого объекта: файла, программы и т. п. Выбор и активизация пиктограммы вызывает действие, связанное с выбранным объектом.Например, перекрестие может обозначать закрытие окна программы. Стартовый флажок может означать кнопку, нажатие которой начинает действия с программой или операционной системой.
В дизайне: Стилизованное и легко узнаваемое графическое изображение, упрощенное с целью которое служит для облегчения визуального восприятия объектов бизнеса и общественных мест. Пиктограмма усиливает характерные черты изображаемого предмета.
Примеры таких пиктограмм - значки, обозначающие больницу (красный крест), въезд на стоянку (буква P), туалет (треугольные человечки). Значок с самолётом - аэропорт.
Основные черты пиктограмм
1. Пиктографическое письмо воспроизводит единицы смысла - простейшие международные понятия, физические предметы, явления, значение которых передается с помощью рисунков
2. Пиктографическое письмо, в отличие от алфавитной системы письма, не отображает грамматических, фонетических и др. правил национальных языков.
3. Пиктограмма родственна системе безголосного общения, однако не равна ей в полной мере.
Принципы создания ПИКТОГРАММ
Пиктограммы - графическое изображение большой информативной емкости, нарисованное поточечно (пикселями). Применяются для иллюстрации интерфейсов программного обеспечения и при создании сайтов. Синонимы пиктограммы: значок, "иконка", "икона", маркер.
Какой должна быть хорошая пиктограмма
Разборчивость Под разборчивостью понимается намеренное усиление контраста в изображении. Такое усиление вообще характерно для экранной графики, но особенно для пиктограмм. Предназначено оно для того, чтобы максимально усилить уникальность формы пиктограммы и тем самым увеличить степень её запоминаемости. Также, в понятие разборчивости входит требование непохожести пиктограмм друг на друга. Некоторые понятия имеют однозначные визуальные репрезентации только для какой-либо одной аудитории, так что если эта аудитория является целевой, необходимо проверять качество восприятия символа на представителях именно этой аудитории (понятность или непонятность сюжета для всех остальных в таких случаях не может служить критерием эффективности).
Стандартность сюжета и его реализации Пиктограмма домика в Web исторически обозначает переход на титульную страницу сайта. Благодаря сюжету пользователю не нужно проявлять излишнюю мыслительную активность при определении значения такого элемента (вообще говоря, человеческий мозг наиболее успешно решает задачи, метод решения которых основан на проведении аналогии). Важна также стандартность реализации выбранного сюжета, например, изображение того же домика в виде избушки на курьих ножках уже будет сбивать пользователя с толку. В таких условиях наилучшим методом выбора сюжета является поиск репрезентации, привычной целевой аудитории. Источниками стандартных сюжетов/реализаций являются (отсортированы по степени знакомства с ними пользователей): операционная система, среда, системы конкурентов. Таким образом, сюжет, взятый из операционной системы всегда оптимален (поскольку наиболее знаком). В основу рисунка, отображаемого на пиктограмме, должен быть положен образ объекта реального мира, точнее, те его детали, которые действительно необходимы для однозначного восприятия объекта пользователем. Где это возможно, лучше использовать трехмерное изображение и светотень, чтобы лучше передать образы реального мира.
Минимально возможная детализация сюжета Объекты реального мира перегружены мелкими деталями. Перенос этих деталей в сюжет пиктограммы не оправдан - в реальном мире эти детали нужны (придают объекту уникальность), а на пиктограмме лишь отвлекают внимание и тем самым замедляют распознавание. Более того, скорость восприятия чистых абстракций чаще всего выше скорости восприятия даже максимально упрощенных символов, т.е. символ человеческого лица, нарисованный по принципу «круг, две точки и две черточки» воспринимается быстрее и легче, нежели тот же символ, нарисованный, например, в стилистике комиксов. Пример избыточной детализации пиктограмм. Например, зачем нужен зеленый значок на папке с документами? Или к чему рисовать содержимое корзины, когда метафора самой корзины и так легко узнаваема?
Стандартность стилистики Все пиктограммы в системе должны обладать единой стилистикой. Под стилистикой понимается последовательное выдерживание единого ракурса и иных изобразительных приемов. Направление теней во всех пиктограммах должно быть одинаковым: снизу справа. Стилистика может быть как внешней, позаимствованной, например, у Microsoft, так и внутренней, уникальной. Заимствованная стилистика хороша стандартностью, о пользе которой сказано достаточно, уникальная же хороша своими возможностями брэндинга. В целом, если организация производит несколько сколько-нибудь пересекающихся систем, лучше выбрать брэндинг. Однако, следуя принципу стандартности стилистики, не стоит забывать о требованиях к разборчивости и стандартности сюжета. Ровняя все пиктограммы под одну гребенку, вы играете на гране фола. Если выбирать между разборчивостью пиктограмм и гармонией в дизайне, то лучше выбрать первое.
Эстетическая привлекательность По большей части субъективна. Полнота набора. Одна и та же по смыслу пиктограмма должна быть продублирована в системе в нескольких разных вариантах, поскольку пиктограмма может проявляться в различных контекстах. Так, главная пиктограмма программы в Windows проявляется не только в Explorer, но и на панели задач, в строке названия программы и в некоторых других местах. Проблема в том, что основная пиктограмма имеет размер 32 на 32 пикселя, но почти везде она должна показываться с половинным размером (16х16 пикселей). Если не создать дополнительно уменьшенную пиктограмму, то основная пиктограмма будет просто уменьшаться при выводе, что существенно, вплоть до полной неразборчивости, портит её качество. То есть чем полнее набор, тем лучше. Пример набора пиктограмм. Слева основная пиктограмма программы и пиктограмма её документа. Если не нарисовать уменьшенных пиктограмм, то в строке названия программы и в меню будет показываться нечто непонятное (слева вверху). Однако если уменьшенные пиктограммы нарисовать отдельно, никаких проблем не возникнет (внизу). Правило формирования набора очень простое: все пиктограммы в наборе должны максимально походить друг на друга. К сожалению, простота это правила не приводит автоматически к его повсеместной выполнимости; если с парой 32x32 и 48x48 проблем никогда не возникает, то с парой 16x16 и 32x32 проблемы происходят постоянно, поскольку красота большой пиктограммы не влезает в малую. Эта проблема имеет два решения: можно сначала рисовать маленькую пиктограмму, а уже на её основе рисовать большую; можно выделить в большой пиктограмме основной элемент, и перенести в малую только его. Первый вариант обеспечивает большее сходство пиктограмм, а значит, большую узнаваемость, зато второй значительно проще и потенциально более гибкий.
Система автоматически формирует цветовую схему пиктограммы для монохромных конфигураций. Тем не менее, целесообразно заранее оценить качество зрительного восприятия разработанных пиктограмм в монохромном режиме. Если результат окажется неудовлетворительным, следует создать собственные монохромные варианты пиктограмм. Все созданные пиктограммы должны быть зарегистрированы в системном реестре. Если какая- либо из пиктограмм не будет зарегистрирована, система автоматически использует вместо нее основную пиктограмму приложения.
Доказано, что наиболее значимые характеристики объекта должны отображаться его контуром, а внутренними деталями - вспомогательные, второстепенные. При разработке знаковой системы следует учитывать, что симметричные символы легче усваиваются человеком-оператором и более прочно сохраняются в кратковременной и долгосрочной памяти.
Легкий дизайн в сочетании с иконками - это лучшее решение для таких проектов. Наглядные иллюстрации к информационным разделам дают возможность пользователю быстро ориентироваться в большом количестве текстовой информации, время прогрузки страницы минимально, а при правильном исполнении дизайн такого проекта выглядит очень аккуратным и современным.
Пиктограмма часто используется в веб-дизайне: как элемент системы навигации; как элемент системы навигации; для отображения маркированных списков; как элемент для привлечения или усиления внимания к какому-либо тексту, рисунку и т.д.; как элемент для оформления сайта, создания запоминающегося веб-дизайна, придания веб-странице более привлекательного вида и т.д.
Чем пиктограммы плохи. В 1981 году Истерби и Грейдон провели масштабное исследование ста восьми пиктограмм, выбранных экспертами ISO для использования по всему миру. Некоторые из этих пиктограмм широко использовались и до этого. Цель исследования заключалась в том, чтобы определить, сколько пиктограмм правильно бы распознавались двумя третями целевой аудитории. Результат: три. Собственно говоря, это и есть основной недостаток пиктограмм: чаще всего, чтобы распознавать их смысл, нужно сначала выучить их значение. Вера в то, что пиктограммы могут нести точное и понятное всем значение, практически лишена оснований. Ученые обнаружили, что (в зависимости от языка и от персональных предпочтений говорящего) слова в разговоре передают только 10-20 процентов общего смысла речи. Остальное передается интонацией, паузами, жестикуляцией и т.д. Примерно та же ситуация и с пиктограммами, роль же интонации и прочего выполняет контекст, в котором эта пиктограмма располагается. Даже очень качественные и очень непонятные пиктограммы, если они сделаны не просто в одном духе, но и в одной цветовой гамме, не будут способствовать запоминаемости. Происходит это оттого, что размер пиктограммы практически не позволяет нарисовать на ней что-либо однозначное. А если размер увеличить, то пиктограмма будет пожирать слишком много места и очень долго распознаваться пользователями. При этом понимание смысла неоднозначности возможно только при наличии контекста. Например, замок обозначает, что нечто запирается. Но что именно запирается и как именно запирается, сказать невозможно. Однако если пиктограмма расположена в диалоговом окне, становится понятно - запирается всё, что находится в окне; если пиктограмма в рамке группировки - запирается всё, что находится в рамке; если на другой пиктограмме - запирается объект, который данная пиктограмма символизирует.
Однако у пиктограмм есть и другая проблема, понимание того, что именно на пиктограмме изображено, не приводит автоматически к пониманию того, что она означает. Так вот, порой оказывается, что пользователи не понимают даже, что изображено на пиктограмме. В этом нет ничего исключительного: если рисовать редкий предмет реального мира, ситуация будет именно такой. При этом такая непонятая пиктограмма превращается, фактически, в кучку по - разному окрашенных пикселей. Это значит, что сюжетом пиктограммы может быть только нечто либо очень простое (ежедневник, замок), либо составленное из того же очень простого (замок, из которого вынимается или вставляется ключ). Это еще более ограничивает возможности. Одинаковая форма, незначительные различия в расцветке и полное отсутствие аналогии с предметами реального мира делают задачу запоминания таких пиктограмм практически невозможным. Таким образом, чтобы пользователи могли правильно распознать пиктограмму, пиктограмма в идеальном случае должна обладать следующими свойствами: она должна иметь внятный и однозначный контекст; она должна иметь внятный и однозначный контекст; её сюжет должен быть пользователям понятен; её сюжет должен быть пользователям понятен; этот сюжет должен быть удовлетворительно нарисован. Другой вариант, рассчитанный не на идеальный случай: чтобы пользователи могли правильно распознать пиктограмму, они должны узнать её значение и запомнить его для использования в будущем. При этом от пиктограммы не требуется ни особой внятности, ни контекста, ни красот реализации. Единственными требованиями являются степень отличия пиктограммы от других и количество легко запоминающихся свойств, таких как синий прямоугольник в левом углу, множество красного цвета или изображение ножниц. Суммируя, можно сказать, что пиктограммы практически не делают интерфейс более понятным и легким в обучении. Именно это несоответствие желаемого и действительного и составляет главный недостаток пиктограмм.
Достоинства пиктограмм несколько:
1. Они увеличивают скорость поиска элементов взглядом за счет того, что этот элемент становится с пиктограммой более заметен. Однако и здесь пиктограммы не без греха. Чтобы скорость поиска увеличилась, не все элементы должны быть снабжены пиктограммами, а только некоторые, в идеале иметь пиктограмму должен только нужный элемент;
2. Они служат хорошими индикаторами важности элементов, поскольку элементы с пиктограммами всегда воспринимаются как более важные, по сравнению с теми элементами, у которых пиктограмм нет;
3. В определенных ситуациях они действительно ускоряют скорость обучения. Существует определенный набор пиктограмм, ставших настолько стандартными, что воспринимаются мгновенно и легко. Так, пиктограмма, изображающая домик с трубой, стала настолько популярной кнопкой перехода на титульную страницу сайта, что пользователям гораздо легче воспринимать эту пиктограмму, нежели чисто словесную кнопку. Обратите внимание, что такой невольной стандартизации подвергается не только сюжет пиктограммы, но комбинация сюжет/значение; по отдельности они интереса не представляют. Такие пиктограммы, безусловно, составляют «золотой фонд» разработчика интерфейсов, поскольку их использование не несет никаких проблем, зато сулит существенное упрощение восприятия программы. Чем пиктограммы хороши.
2.2 Выбор композиционного решения пиктограмм
Пропорции -- один из важнейших методов достижения выразительности, выражает соотношение частей между собой, а также по отношению ко всему произведению в целом. Один из самых известных способов пропорционирования, введенный Леонардо да Винчи, называется «золотое сечение». Пропорции в архитектуре часто привязываются к параметрам человека. Все сооружения служат человеку и должны быть ему соразмерны. В древние времена части человеческого тела стали естественной основой всех единиц измерения. И сейчас все размеры мы сравниваем с человеческим ростом, это важно и с точки зрения эргономии, и с психологической[1].
Ритм -- чередование соизмеримых элементов с закономерной частотой. Ритм может придать торжественный или динамический строй сооружению[1].
Контраст -- резкое противопоставление качеств объекта, например объемов, пространств, вертикалей[1].
Нюанс, в отличие от контраста, изображает сходство объектов с незначительными отличиями. Исходным состоянием является полное совпадение, идентичность, тождество[1].
Симметрия -- соответствие в расположении частей относительно центра. Это одно из самых сильных средств композиции, которое обычно обеспечивает ей статичность.
Асимметрия -- понятие, противоположное симметрии, создает динамическое развитие композиции. Сочетание симметрии и асимметрии влияет на баланс гармонии и равновесия[1].
Другим важным средством композиции можно назвать принцип соподчиненности по массе, вытекающий из геометрии тел. Вместе элементы должны создавать целостность формы, когда отсутствуют случайные элементы, а сама форма образует единство, при отсутствии которого композиция теряет гармонию.
ЗАКЛЮЧЕНИЕ
В Курсовом проекте было рассмотрено изготовление пиктограмм. Пиктограммы для гостиничных комплексов туристических отелей. Для удобства туристов различных стран и непосредственно их языка, так как с помощью пиктограмм это будет понятно для всех народов не зависимо от их языка. Выполненный мною проект соответствует выбранной тематике, учитывая эстетические требования зрителей. Так же в курсовом проекте были рассмотрены все нюансы изготовления пиктограмм.
Однако при всей изменчивости форм искусства в пределах того или иного периода всегда имелись относительно устойчивые художественные признаки - композиционные, пластические, колористические, ритмические и другие, определяющие стиль того или иного времени.
Изначально были раскрыты базовые вещи, включающие описание общих понятий о пиктограммах. На базе полученных знаний были выявлены сходства и различия между типами пиктограмм. Для завершения полной картины автором данной курсовой работы были раскрыт вопрос требований к пиктограммам, их лаконичность и удобочитаемость.
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
1. Apple Computer 1985, с. 1-32
2. http://ru.wikipedia.org/wiki/
3. Шор Р., Каринский Н. Графика
4. Грибов Д.Е. Flash 4 . Интерактивная Web-анимация. - М., 2000.
5. Кирсанов Д. Веб-дизайн.1999.
6. Нильсен Я. Веб-дизайн. 2001.
7. Тидвелл Д. Разработка пользовательских интерфейсов. 2006.
8. www.diogens.ru
Размещено на Allbest.ru
...Подобные документы
Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.
дипломная работа [4,6 M], добавлен 10.11.2015Виды и структура художественного проектирования. Феномен и специфика графического дизайна. Закономерности и принципы формообразования объектов художественного проектирования. Основные средства композиции. Этапы процесса художественного проектирования.
курсовая работа [8,1 M], добавлен 13.03.2014История появления и основные понятия графического дизайна. Выявление главных преимуществ и недостатков недеструктивной обработки изображений. Сравнение деструктивной и недеструктивной обработки изображений. Сущность и особенности двухмерной графики.
реферат [5,2 M], добавлен 05.05.2023Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013Цели, функции, аудитория web-сайта. Основные разделы web-сайта, его логическая и физическая структуры. Веб-дизайн - это вид графического дизайна, направленный на разработку и оформление интернет-сайтов, отличающийся оригинальностью технических решений.
реферат [503,5 K], добавлен 30.06.2014Запуск 3ds max, особенности размещения инструментов и работы с ними. Навигация по окнам трехмерных проекций, основные элементы управления объектами. Влияние дизайна элементов графического интерфейса на качество работы. Настройка рабочего пространства.
учебное пособие [3,2 M], добавлен 07.02.2011Общие сведения об автоматизированных информационных системах библиотек. Разработка графического макета, интерфейса и дизайна информационной системы. Требования к функциональной части системы. Создание программных модулей. Алгоритмы обработки данных.
дипломная работа [1,7 M], добавлен 04.11.2016Анализ различных видов современных устройств, их необходимость в наши дни, особенности дизайна. Описание современной клавиатуры, манипуляторов, сканера, графического планшета, сенсорного экрана. Современные устройства получения и передачи информации.
курсовая работа [2,2 M], добавлен 22.12.2012Переход от монолога массового маркетинга к непосредственно диалогу с покупателем. Реализация и структурное построение дизайна web-сайта, оформление web-страниц и графического изображения. Инструменты организации обратной связи с аудиторией сервера.
контрольная работа [137,1 K], добавлен 08.03.2015Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
курсовая работа [1,7 M], добавлен 07.11.2013Анализ альтернативных информационных справочников. Разработка базы данных. Требования к оснащению компьютерной техникой. Создание дизайна сайта. Обработка входных данных, которые представляются с помощью графического интерфейса в виде веб страниц.
курсовая работа [1,9 M], добавлен 19.09.2014Разработка информационной структуры, дизайна и информационное наполнение web-сайта, который предоставляет сведения участникам турниров юных математиков. Создание анимированного баннера, логотипа, шаблона сайта. Обзор графического программного обеспечения.
дипломная работа [3,2 M], добавлен 15.05.2014Развитие фотодела в начале ХХ века. Методы образования формы фотографической рекламы на основе контактной печати. Использование цифровой техники в создании фоторекламы. Методы обработки рекламной полиграфии. Особенности создания компьютерных фотоэффектов.
дипломная работа [67,0 K], добавлен 14.12.2011Роль распределенных вычислительных систем в решении современных задач. Инструментальная система DVM для разработки параллельных программ. Средства построения формальной модели графического интерфейса. Требования к графическому интерфейсу DVM-системы.
курсовая работа [2,7 M], добавлен 15.10.2010Аппаратные требования к компьютеру для графического дизайна. Рабочая среда Adobe Photoshop. Работа со слоями как основа коллажирования. Использование палитры слоев. Использование маски обрезки. Режимы наложения слоев. Технология создания коллажа.
курсовая работа [2,4 M], добавлен 10.01.2016Глобальные системы координат GDI. Отображение основных графических объектов. Основные и дополнительные средства для рисования линий. Растровые изображения и метафайлы. Обзор и создание зависимых и независимых от графического устройства битмапов.
лекция [498,8 K], добавлен 24.06.2009Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.
курсовая работа [3,0 M], добавлен 07.11.2013Элементы и принципы графического дизайна в художественном образовании. Разработка графических изображений средствами Adobe Photoshop. Обработка изображения с помощью Photoshop. Подготовка изображения с прозрачным фоном. Плавное слияние двух изображений.
курсовая работа [2,5 M], добавлен 27.11.2012Определение понятия дизайна как спроектированной структуры веб-ресурса с оригинальными цветовыми и техническими решениями, обеспечивающей эстетическое восприятие и удобство пользования сайтом. Использование программы Adobe Photoshop для создания графики.
контрольная работа [17,6 K], добавлен 22.11.2011Отражение современного взгляда на предмет информатики. Классификация задач, решаемых на ЭВМ. Определение структуры и иерархии, примеры их графического представления. Основные подходы к проектированию программ. Функции, определяющие назначение ЭВМ.
контрольная работа [29,2 K], добавлен 06.03.2011