SlideShare ist ein Scribd-Unternehmen logo
1 von 36
OOO «Ричмедиа»
Алексей Жуков
Ведущий дизайнер
Шайхутдинов Ринат
Руководитель проектов
OOO «Ричмедиа»
• Акцентирование
• Контрастирование
• Балансировка
• Выравнивание
• Повторение
• Обеспечение удобства восприятия
ООО «Ричмедиа» , iSpring Solutions, Inc. 2
Выравнивание
ООО «Ричмедиа» , iSpring Solutions, Inc. 3
ООО «Ричмедиа» , iSpring Solutions, Inc. 4
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 7
Анатомия
ООО «Ричмедиа» , iSpring Solutions, Inc. 8
Contrast
ООО «Ричмедиа» , iSpring Solutions, Inc. 9
Size
ООО «Ричмедиа» , iSpring Solutions, Inc. 10
Hierarchy
ООО «Ричмедиа» , iSpring Solutions, Inc. 11
Hierarchy
ООО «Ричмедиа» , iSpring Solutions, Inc. 12
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 1Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
13
Title 1
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 2
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 3
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 4
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 5
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Title 6
Style Tiles are a design deliverable consisting of fonts,
colors and interface elements that communicate the
essence of a visual brand for the web.
Space
ООО «Ричмедиа» , iSpring Solutions, Inc. 14
ООО «Ричмедиа» , iSpring Solutions, Inc. 15
ООО «Ричмедиа» , iSpring Solutions, Inc. 16
ООО «Ричмедиа» , iSpring Solutions, Inc. 17
9 безопасных для использования в Web шрифтов
ООО «Ричмедиа» , iSpring Solutions, Inc. 18
Самые популярные шрифты 2012
ООО «Ричмедиа» , iSpring Solutions, Inc. 19
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 20
Слишком много шрифтов в одном документе
ООО «Ричмедиа» , iSpring Solutions, Inc. 21
Неправильный Leading
ООО «Ричмедиа» , iSpring Solutions, Inc. 22
Плохая подборка цветов
ООО «Ричмедиа» , iSpring Solutions, Inc. 23
Центрирование текста
ООО «Ричмедиа» , iSpring Solutions, Inc. 24
Плохой kerning
ООО «Ричмедиа» , iSpring Solutions, Inc. 25
Излишние украшения
ООО «Ричмедиа» , iSpring Solutions, Inc. 26
Постоянное использование заглавных букв
ООО «Ричмедиа» , iSpring Solutions, Inc. 27
Тире
ООО «Ричмедиа» , iSpring Solutions, Inc. 28
Не искажайте шрифты
ООО «Ричмедиа» , iSpring Solutions, Inc. 29
Держитесь подальше от Comic Sans
ООО «Ричмедиа» , iSpring Solutions, Inc. 30
Кто лишний?
ООО «Ричмедиа» , iSpring Solutions, Inc. 31
Качество
ООО «Ричмедиа» , iSpring Solutions, Inc. 32
ООО «Ричмедиа» , iSpring Solutions, Inc. 33
ItWorks…
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 34
ООО «Ричмедиа» , iSpring Solutions, Inc. 35
Шрифты и мультимедиа в web-дизайне

Weitere ähnliche Inhalte

Andere mochten auch

Bt diverse repeater User Guide from Telephones Online www.telephonesonline.c...
Bt diverse repeater User Guide from Telephones Online  www.telephonesonline.c...Bt diverse repeater User Guide from Telephones Online  www.telephonesonline.c...
Bt diverse repeater User Guide from Telephones Online www.telephonesonline.c...Telephones Online
 
Bt converse 425 user manual from Telephones Online www.telephonesonline.co.uk
Bt converse 425 user manual from Telephones Online  www.telephonesonline.co.ukBt converse 425 user manual from Telephones Online  www.telephonesonline.co.uk
Bt converse 425 user manual from Telephones Online www.telephonesonline.co.ukTelephones Online
 
Truthfulness - Compassion - Forbearance - Falun Dafa
Truthfulness - Compassion - Forbearance  - Falun Dafa Truthfulness - Compassion - Forbearance  - Falun Dafa
Truthfulness - Compassion - Forbearance - Falun Dafa kukiszabolcs
 
Fabi Especialidades
Fabi EspecialidadesFabi Especialidades
Fabi Especialidadeslufisioeart
 
"Partnering with RIM-Blackberry Platform and Ecosystem"
 "Partnering with RIM-Blackberry Platform and Ecosystem" "Partnering with RIM-Blackberry Platform and Ecosystem"
"Partnering with RIM-Blackberry Platform and Ecosystem"Software Park Thailand
 

Andere mochten auch (6)

20 To Know
20 To Know20 To Know
20 To Know
 
Bt diverse repeater User Guide from Telephones Online www.telephonesonline.c...
Bt diverse repeater User Guide from Telephones Online  www.telephonesonline.c...Bt diverse repeater User Guide from Telephones Online  www.telephonesonline.c...
Bt diverse repeater User Guide from Telephones Online www.telephonesonline.c...
 
Bt converse 425 user manual from Telephones Online www.telephonesonline.co.uk
Bt converse 425 user manual from Telephones Online  www.telephonesonline.co.ukBt converse 425 user manual from Telephones Online  www.telephonesonline.co.uk
Bt converse 425 user manual from Telephones Online www.telephonesonline.co.uk
 
Truthfulness - Compassion - Forbearance - Falun Dafa
Truthfulness - Compassion - Forbearance  - Falun Dafa Truthfulness - Compassion - Forbearance  - Falun Dafa
Truthfulness - Compassion - Forbearance - Falun Dafa
 
Fabi Especialidades
Fabi EspecialidadesFabi Especialidades
Fabi Especialidades
 
"Partnering with RIM-Blackberry Platform and Ecosystem"
 "Partnering with RIM-Blackberry Platform and Ecosystem" "Partnering with RIM-Blackberry Platform and Ecosystem"
"Partnering with RIM-Blackberry Platform and Ecosystem"
 

Ähnlich wie Шрифты и мультимедиа в web-дизайне

Cкетчинг и прототипирование web-страниц
Cкетчинг и прототипирование web-страницCкетчинг и прототипирование web-страниц
Cкетчинг и прототипирование web-страницRinat Shaikhutdinov
 
Эмоциональный web-дизайн
Эмоциональный web-дизайнЭмоциональный web-дизайн
Эмоциональный web-дизайнRinat Shaikhutdinov
 
Расширение арсенала PowerPoint для online-презентаций и продвижения идей
Расширение арсенала PowerPoint для online-презентаций и продвижения идейРасширение арсенала PowerPoint для online-презентаций и продвижения идей
Расширение арсенала PowerPoint для online-презентаций и продвижения идейRinat Shaikhutdinov
 
Кратко про Интерфейсы
Кратко про ИнтерфейсыКратко про Интерфейсы
Кратко про ИнтерфейсыRinat Shaikhutdinov
 
Элементы дизайна сайтов
Элементы дизайна сайтовЭлементы дизайна сайтов
Элементы дизайна сайтовRinat Shaikhutdinov
 
Red Keds presentation
Red Keds presentationRed Keds presentation
Red Keds presentationRed Keds
 
Red keds about
Red keds aboutRed keds about
Red keds aboutRed Keds
 
Презентация СРОЧНО Маркетинг
Презентация СРОЧНО МаркетингПрезентация СРОЧНО Маркетинг
Презентация СРОЧНО МаркетингVadim Dmitriev
 
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проект
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проектD2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проект
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проектDev2Dev
 
Superred Studio presentation
Superred Studio presentationSuperred Studio presentation
Superred Studio presentationSergey Kuzmin
 
AREALIDEA, Interactive Agency profile_about
AREALIDEA, Interactive Agency profile_aboutAREALIDEA, Interactive Agency profile_about
AREALIDEA, Interactive Agency profile_aboutАнна Бушуева
 

Ähnlich wie Шрифты и мультимедиа в web-дизайне (20)

Cкетчинг и прототипирование web-страниц
Cкетчинг и прототипирование web-страницCкетчинг и прототипирование web-страниц
Cкетчинг и прототипирование web-страниц
 
Эмоциональный web-дизайн
Эмоциональный web-дизайнЭмоциональный web-дизайн
Эмоциональный web-дизайн
 
Расширение арсенала PowerPoint для online-презентаций и продвижения идей
Расширение арсенала PowerPoint для online-презентаций и продвижения идейРасширение арсенала PowerPoint для online-презентаций и продвижения идей
Расширение арсенала PowerPoint для online-презентаций и продвижения идей
 
Кратко про Интерфейсы
Кратко про ИнтерфейсыКратко про Интерфейсы
Кратко про Интерфейсы
 
Элементы дизайна сайтов
Элементы дизайна сайтовЭлементы дизайна сайтов
Элементы дизайна сайтов
 
Создание и продвижение сайтов
Создание и продвижение сайтовСоздание и продвижение сайтов
Создание и продвижение сайтов
 
QB Interactive
QB InteractiveQB Interactive
QB Interactive
 
Pres
PresPres
Pres
 
Red Keds presentation
Red Keds presentationRed Keds presentation
Red Keds presentation
 
EuroAdvertising
EuroAdvertisingEuroAdvertising
EuroAdvertising
 
Red keds about
Red keds aboutRed keds about
Red keds about
 
Zebrand
ZebrandZebrand
Zebrand
 
Презентация СРОЧНО Маркетинг
Презентация СРОЧНО МаркетингПрезентация СРОЧНО Маркетинг
Презентация СРОЧНО Маркетинг
 
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проект
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проектD2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проект
D2D Чипец 2 Сергей Ашмаров - Как из ничего сделать крутой фестивальный проект
 
Superred Studio presentation
Superred Studio presentationSuperred Studio presentation
Superred Studio presentation
 
Superred
SuperredSuperred
Superred
 
Be!Five
Be!FiveBe!Five
Be!Five
 
AREALIDEA, Interactive Agency profile_about
AREALIDEA, Interactive Agency profile_aboutAREALIDEA, Interactive Agency profile_about
AREALIDEA, Interactive Agency profile_about
 
Kinetiq
KinetiqKinetiq
Kinetiq
 
Нелипа Дарья
Нелипа Дарья Нелипа Дарья
Нелипа Дарья
 

Mehr von Rinat Shaikhutdinov

Гештальт-принципы дизайна для разработчиков
Гештальт-принципы дизайна для разработчиковГештальт-принципы дизайна для разработчиков
Гештальт-принципы дизайна для разработчиковRinat Shaikhutdinov
 
Структурирование информации. Краткая вводная
Структурирование информации. Краткая вводнаяСтруктурирование информации. Краткая вводная
Структурирование информации. Краткая вводнаяRinat Shaikhutdinov
 
Что такое цифровой продукт, и почему интерфейс теперь очень важен
Что такое цифровой продукт, и почему интерфейс теперь очень важенЧто такое цифровой продукт, и почему интерфейс теперь очень важен
Что такое цифровой продукт, и почему интерфейс теперь очень важенRinat Shaikhutdinov
 
Построение бизнес-моделей
Построение бизнес-моделейПостроение бизнес-моделей
Построение бизнес-моделейRinat Shaikhutdinov
 
Что почитать по интернет маркетингу
Что почитать по интернет маркетингуЧто почитать по интернет маркетингу
Что почитать по интернет маркетингуRinat Shaikhutdinov
 
Методы монетизации интернет-проектов
Методы монетизации интернет-проектовМетоды монетизации интернет-проектов
Методы монетизации интернет-проектовRinat Shaikhutdinov
 
Веб аналитика и оценка эффективности сайта
Веб аналитика и оценка эффективности сайтаВеб аналитика и оценка эффективности сайта
Веб аналитика и оценка эффективности сайтаRinat Shaikhutdinov
 
Маркетинг в социальных сетях
Маркетинг в социальных сетяхМаркетинг в социальных сетях
Маркетинг в социальных сетяхRinat Shaikhutdinov
 
Контекстная реклама
Контекстная рекламаКонтекстная реклама
Контекстная рекламаRinat Shaikhutdinov
 
Контент маркетинг
Контент маркетингКонтент маркетинг
Контент маркетингRinat Shaikhutdinov
 
Алгоритм привлечения клиентов
Алгоритм привлечения клиентовАлгоритм привлечения клиентов
Алгоритм привлечения клиентовRinat Shaikhutdinov
 
Технические моменты создания сайта
Технические моменты создания сайтаТехнические моменты создания сайта
Технические моменты создания сайтаRinat Shaikhutdinov
 
Правила юзабилити
Правила юзабилитиПравила юзабилити
Правила юзабилитиRinat Shaikhutdinov
 
Портрет потенциального клиента
Портрет потенциального клиентаПортрет потенциального клиента
Портрет потенциального клиентаRinat Shaikhutdinov
 
Видение, миссия, цель, стратегия, план
Видение, миссия, цель, стратегия, планВидение, миссия, цель, стратегия, план
Видение, миссия, цель, стратегия, планRinat Shaikhutdinov
 
Быстрое прототипирование сайтов
Быстрое прототипирование сайтовБыстрое прототипирование сайтов
Быстрое прототипирование сайтовRinat Shaikhutdinov
 
Сколько стоит создание сайта
Сколько стоит создание сайтаСколько стоит создание сайта
Сколько стоит создание сайтаRinat Shaikhutdinov
 
Какие сайты бывают
Какие сайты бываютКакие сайты бывают
Какие сайты бываютRinat Shaikhutdinov
 

Mehr von Rinat Shaikhutdinov (20)

Гештальт-принципы дизайна для разработчиков
Гештальт-принципы дизайна для разработчиковГештальт-принципы дизайна для разработчиков
Гештальт-принципы дизайна для разработчиков
 
Структурирование информации. Краткая вводная
Структурирование информации. Краткая вводнаяСтруктурирование информации. Краткая вводная
Структурирование информации. Краткая вводная
 
Что такое цифровой продукт, и почему интерфейс теперь очень важен
Что такое цифровой продукт, и почему интерфейс теперь очень важенЧто такое цифровой продукт, и почему интерфейс теперь очень важен
Что такое цифровой продукт, и почему интерфейс теперь очень важен
 
Построение бизнес-моделей
Построение бизнес-моделейПостроение бизнес-моделей
Построение бизнес-моделей
 
Что почитать по интернет маркетингу
Что почитать по интернет маркетингуЧто почитать по интернет маркетингу
Что почитать по интернет маркетингу
 
Методы монетизации интернет-проектов
Методы монетизации интернет-проектовМетоды монетизации интернет-проектов
Методы монетизации интернет-проектов
 
Веб аналитика и оценка эффективности сайта
Веб аналитика и оценка эффективности сайтаВеб аналитика и оценка эффективности сайта
Веб аналитика и оценка эффективности сайта
 
Маркетинг в социальных сетях
Маркетинг в социальных сетяхМаркетинг в социальных сетях
Маркетинг в социальных сетях
 
Контекстная реклама
Контекстная рекламаКонтекстная реклама
Контекстная реклама
 
Контент маркетинг
Контент маркетингКонтент маркетинг
Контент маркетинг
 
Search engine optimization
Search engine optimizationSearch engine optimization
Search engine optimization
 
Алгоритм привлечения клиентов
Алгоритм привлечения клиентовАлгоритм привлечения клиентов
Алгоритм привлечения клиентов
 
Технические моменты создания сайта
Технические моменты создания сайтаТехнические моменты создания сайта
Технические моменты создания сайта
 
Правила юзабилити
Правила юзабилитиПравила юзабилити
Правила юзабилити
 
Правила дизайна
Правила дизайнаПравила дизайна
Правила дизайна
 
Портрет потенциального клиента
Портрет потенциального клиентаПортрет потенциального клиента
Портрет потенциального клиента
 
Видение, миссия, цель, стратегия, план
Видение, миссия, цель, стратегия, планВидение, миссия, цель, стратегия, план
Видение, миссия, цель, стратегия, план
 
Быстрое прототипирование сайтов
Быстрое прототипирование сайтовБыстрое прототипирование сайтов
Быстрое прототипирование сайтов
 
Сколько стоит создание сайта
Сколько стоит создание сайтаСколько стоит создание сайта
Сколько стоит создание сайта
 
Какие сайты бывают
Какие сайты бываютКакие сайты бывают
Какие сайты бывают
 

Шрифты и мультимедиа в web-дизайне

Hinweis der Redaktion

  1. http://www.awwwards.com/100-greatest-free-fonts-collection.htmlhttp://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380
  2. http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design
  3. http://www.justdot.gr/
  4. http://teamfannypack.com/
  5. http://www.austineastciders.com/
  6. http://www.indubitablee.com/
  7. http://blog.webink.com/most-popular-web-fonts-for-2012/
  8. http://www.webdesign.org/web-design-basics/design-principles/10-typography-mistakes-that-make-you-look-dumb.21830.html