Иконографика. Разработка иконок для мобильных...

  • View
    1.158

  • Download
    2

  • Category

    Design

Preview:

DESCRIPTION

Видео http://youtu.be/C_c0kgKDObE — Основные подходы к генерации идей в рассматриваемой предметной области. — Процесс разработки и приёмы создания реалистичных иконок. — Разбор кейсов. Влияние последних тенденций, переход на новый смысловой уровень. — Прогнозы развития. Видео http://youtu.be/7BHvsODrubY Студия M18 http://m18.ru/

Citation preview

И КО Н О Г РА Ф И К АРАЗРАБОТКА ИКОНОК ДЛЯ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

САЙТЫИКОНКИИЛЛЮСТРАЦИИАЙДЕНТИКА

РАСКРУТКА ГРУПП ВКОНТАКТЕ

«ШАПКИ» ДЛЯ САЙТОВ

НАРИСОВАТЬ ВИЗИТКУ

РАСПЕЧАТАТЬ ФЛАЕР

ОБРАБОТАТЬ ФОТОГРАФИЮ

САЙТВИЗИТКА ЗА ОДИН ДЕНЬ

ПОЧИНИТЬ КОМПЬЮТЕР

ПЕРЕУСТАНОВИТЬ СИСТЕМУ

ПЕРЕПРОШИТЬ ТЕЛЕФОН

30% 70%РОССИЯ НЕ РОССИЯ

НЕДЕЛЯ МЕСЯЦmin max

FREELANCEMAGAZINE

интервью интервью публикация

О С Н О В Ы

ЗНАКИКОНКА

ЛОГОТИП

СИМВОЛ

ЗНАЧОК

ПИКТОГРАММА

ИЕРОГЛИФ

РИСУНОК

ИЗОБРАЖЕНИЕ

ИЛЛЮСТРАЦИЯ

СЛОВО

это материально выраженная замена предметов, явлений, понятий в процессе обмена информацией

ЗНАКСМЫСЛСОДЕРЖАНИЕ

ВЫРАЖАЕТИМЕЕТ

Предмет, явление, понятие,представляемое данным знаком

Информация которую содержит сам знакили которая которая связывается

с ним в процессе познания

СОДЕРЖАНИЕ СМЫСЛ

СМЫСЛСОДЕРЖАНИЕ

go!

СМЫСЛСОДЕРЖАНИЕ

PHILIPS EL3300Один из первых в мире магнитофоновпод компакт-кассету, 1965 год

PHILIPS EL3300Один из первых в мире магнитофоновпод компакт-кассету, 1965 год

PHILIPS EL3300 ДЕСНА

ФОТОГРАФИЯ

РИСУНОК

ИКОНКА

ФОТОГРАФИЯ

РИСУНОК

ИКОНКА

З Н А К Т Е КС Т

ПОЗОР?

ВНИМАНИЕ,ЛЯГУШКИ

В КАКУЮ СТОРОНУВЫХОД В АЭРОПОРТ?

ТЕПЕРЬ ЯСНО

З Н А КТ Е КС Т

ВАСИЛИЙПРИНЁСФАКЕЛ

ЗИНАИДЕ

ВАСИЛИЙБЕЗ НОГ,

ЗИНАИДАСГОРЕЛА

Г РА Ф И Ч Е С К И ЙИ Н Т Е Р Ф Е Й С

XEROX ALTO Первый в мире компьютериспользующий метафору «рабочего стола»

СЬЮЗЕН КЭРАвтор иконок для Apple Macintosh 1.0 и Windows 3.0

1983 1991

1997 2001

М О Б И Л Ь Н Ы ЙИ Н Т Е Р Ф Е Й С

800 0001 300 000

П Р И Л О Ж Е Н И Я

140 000 000 00085 000 000 000

З А Г Р У З К И

З АЧ Е М ?

«В ЧЕЛОВЕКЕ ВСЁ ДОЛЖНО БЫТЬ ПРЕКРАСНО: И ЛИЦО, И ОДЕЖДА, И ДУША, И МЫСЛИ»

«В ПРИЛОЖЕНИИ ВСЁ ДОЛЖНО БЫТЬ ПРЕКРАСНО: И ИДЕЯ, И ИНТЕРФЕЙС, И КОД, И ИКОНКА»

САМОРЕАЛИЗАЦИЯ

СТАТУС ДИЗАЙН

ОБЩЕНИЕ КОД

БЕЗОПАСНОСТЬ

ФИЗИОЛОГИЧЕСКИЕ

УДОБСТВО

ФУНКЦИОНАЛ

САМОРЕАЛИЗАЦИЯИКОНКА

СТАТУС ДИЗАЙН

ОБЩЕНИЕ КОД

БЕЗОПАСНОСТЬ

ФИЗИОЛОГИЧЕСКИЕ

УДОБСТВО

ФУНКЦИОНАЛ

ЭТО КАК ХОРОШИЙ КОСТЮМ

К Л А С С И Ф И К А Ц И Я

ВИДЫ

ИГРОВЫЕ

ПЕРСОНАЖ

ПРЕДМЕТ

ФУНКЦИЯ

АБСТРАКЦИЯ

БУКВИЦА

БРЕНД

ФОТО

ТЕКСТ

ИГРОВЫЕ

ПЕРСОНАЖ

ПРЕДМЕТ

ФУНКЦИЯ

АБСТРАКЦИЯ

БУКВИЦА

БРЕНД

ТЕКСТ

ФОТО

ШАШЛЫК

П Р О Ц Е С СРА З РА Б О Т К И

ИГРОВЫЕПЕРСОНАЖФУНКЦИЯАБСТРАКЦИЯ

БУКВИЦАБРЕНДФОТОГРАФИЯТЕКСТ

ПОСТАНОВКА ЗАДАЧИ

РАЗРАБОТКА КОНЦЕПЦИИ

ЭСКИЗЫ И СТИЛЬБОРД

ЧЕРНОВАЯ ПРОРИСОВКА

ФИНАЛЬНАЯ ПРОРИСОВКА

АДАПТАЦИИ

ПОСТАНОВКА ЗАДАЧИ

РАЗРАБОТКА КОНЦЕПЦИИ

ЭСКИЗЫ И СТИЛЬБОРД

ЧЕРНОВАЯ ПРОРИСОВКА

ФИНАЛЬНАЯ ПРОРИСОВКА

АДАПТАЦИИ

1 . П О С Т А Н О В К А З А Д А Ч И

БРИФВВОДНАЯ ИНФОРМАЦИЯ

2 . С Т Р У К Т У Р И Р О В А Н И Е

ИНФОРМАЦИОННАЯ БАЗАРЕФЕРЕСЫ, КОРКУРЕНТЫ, АНАЛОГИ

Pinterest Realtime Board Tumbler Illustrator

3 . А Н А Л И З

КАРТА АССОЦИАЦИЙИДЕИ И ОБРАЗЫ ИЗ БАЗЫ

CoggleGoogle Keep

4 . Г Е Н Е Р А Ц И Я

КОМБИНАЦИЯ

+

ТРАНСФОРМАЦИЯСВОЙСТВ

С Т Р У К Т У Р И Р О В А Н И Е

А Н А Л И З

Г Е Н Е Р А Ц И Я

РЕБУСОЧЕВИДНЫЙСЮЖЕТ

БАЛАНС

РЕБУСБАНАЛЬНО

НЕПОНЯТНООЧЕВИДНЫЙСЮЖЕТ

СТИЛЬБОРДЭСКИЗЫ

ЧЕРНОВАЯПРОРИСОВКА

БАЗОВЫЕ ФОРМЫ

КОМПОЗИЦИЯ

ПРОПОРЦИИ

ЦВЕТ

ТЕНИ

ТЕКСТУРЫ

КОМПОЗИЦИЯ

ЦВЕТ

ТЕНИ

ТЕКСТУРЫ

ОТРАЖЕНИЯ

ДЕТАЛИ

ПОСТОБРАБОТКА

ФИНАЛЬНАЯПРОРИСОВКА

АДАПТАЦИЯРАЗМЕРОВ

К Е Й С Ы

G O L D E N K E Y

Ж У Р Н А Л Ы

С Л Е ТАТ Ь . Р У

Сохранить связь с существующим логотипом

Визуализация темы приложения туризма и полётадля новых пользователей

Визуальная привлекательность и позитивнаяцветовая гамма иконки

1.

2.

3.

ЦЕЛИ

КАРТА АССОЦИАЦИЙ

Поисктуров

Отдых ПляжР акушки

З онт

Лежак

Море

В олна

Песок

Пальмы

В печатления

КруговоротКарусель

Фотограф ии

Достопримечательности Пирамиды

ОтелиЗ везды

Коктейли

Чемодан

Наклейка

В ещи

ШортыПальмы

Б инокль

Б локнот

Футболка

Пляжки

Г лобус

ПолётБ илет

Птица

Перо

Орел

С амолет Б умажный самолет

Аэропорт Т абло прибытия

Паспорт

Поиск

ФильтрацияР езультат

Цель

Подбор

ПараметрыГ раф ики

С писок

Простота

Компас

Карта

МаршрутТ раектория

ПалецМетка

Г орящие турыОгонь

Календарь

С етка

Б ренд « С летать.ру»

Б уква « S »

Логотип

Паттерн

Цветовая гамма

КАРТА АССОЦИАЦИЙ

Поисктуров

Отдых ПляжР акушки

З онт

Лежак

Море

В олна

Песок

Пальмы

В печатления

КруговоротКарусель

Фотограф ии

Достопримечательности Пирамиды

ОтелиЗ везды

Коктейли

Чемодан

Наклейка

В ещи

ШортыПальмы

Б инокль

Б локнот

Футболка

Пляжки

Г лобус

ПолётБ илет

Птица

Перо

Орел

С амолет Б умажный самолет

Аэропорт Т абло прибытия

Паспорт

Поиск

ФильтрацияР езультат

Цель

Подбор

ПараметрыГ раф ики

С писок

Простота

Компас

Карта

МаршрутТ раектория

ПалецМетка

Г орящие турыОгонь

Календарь

С етка

Б ренд « С летать.ру»

Б уква « S »

Логотип

Паттерн

Цветовая гамма

1

2

3

П Р О Г Н О З

АНИМАЦИЯ

ПОСТМОДЕРН

GLITCH ART

FACEBOOK.COM/M18RU

M18.RU

ДЕНИС ШУМОВМИХАИЛ КУЧИН

Recommended