SlideShare uma empresa Scribd logo
1 de 59
Паттерны и антипаттерны дизайна или что происходит на сайте artlebedev.ru
Что такое дизайн?
Что такое дизайн? ,[object Object],[object Object],[object Object]
Это творческая деятельность, целью которой является определение формальных качеств промышленных изделий (Wikipedia),[object Object]
Это творческая деятельность, целью которой является определение формальных качеств промышленных изделий (Wikipedia)
Средство воздействия на человека,[object Object]
Это творческая деятельность, целью которой является определение формальных качеств промышленных изделий (Wikipedia)
Средство воздействия на человекаItis Magic!
Дизайн Графический дизайн Массовое строительство (общественные жилища и производственные здания),  мобильный дизайн дизайн городской среды 3D Презентация Дизайн среды фирменные стили веб-дизайн Промышленный дизайн инженерные сооружения механизмы разрушенных ландшафтов, декоративная  Ландшафтный дизайн визуальные коммуникации 3D дизайн 3D Анимация Архитектурный дизайн Дизайн процессов дизайн-программы орудия труда дизайн церемоний Дизайн мебели колористика и суперграфика Создание искусственных и реконструкция  Транспортный дизайн световой дизайн полиграфия Дизайн одежды, обуви, аксессуаров дизайн интерьеров шрифты Юзабилити навигационный дизайн бытовая техника товарные знаки Визуальная идентификация
Дизайн Графический дизайн Массовое строительство (общественные жилища и производственные здания),  мобильный дизайн дизайн городской среды 3D Презентация Дизайн среды фирменные стили веб-дизайн Промышленный дизайн инженерные сооружения механизмы разрушенных ландшафтов, декоративная  Ландшафтный дизайн визуальные коммуникации 3D дизайн 3D Анимация Архитектурный дизайн Дизайн процессов дизайн-программы орудия труда дизайн церемоний Дизайн мебели колористика и суперграфика Создание искусственных и реконструкция  Транспортный дизайн световой дизайн полиграфия Дизайн одежды, обуви, аксессуаров дизайн интерьеров шрифты Юзабилити навигационный дизайн бытовая техника товарные знаки Визуальная идентификация
§1. Опростотедизайна.
Делайте дизайн проще!
§2. Делимна 2.
Любой интерфейс можно упростить в два раза.
§3. Антидизайн.
Дизайн Антидизайн
§4. Симметрия.
«1–3–2» вместо «1–2–3»
Поиск закономерностей
Готовы?
§5. Контекст.
Спонсорыпоказа.

Mais conteúdo relacionado

Semelhante a [JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artlebedev.ru) (Andrew Solovey)

Будущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиБудущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиSasha Ermolenko
 
Сватовство продукта с проектировщиком
Сватовство продукта с проектировщикомСватовство продукта с проектировщиком
Сватовство продукта с проектировщикомЕкатерина Юлина
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)SQALab
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2Yury Vetrov
 
CodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхSQALab
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineRustem Gayfutdinov
 
Объединяющая сила UX
Объединяющая сила UXОбъединяющая сила UX
Объединяющая сила UXDmitry Satin
 
культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»Таня Быстрова
 
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...it-people
 
Ценность промышленного дизайна в новом продукте
Ценность промышленного дизайна в новом продуктеЦенность промышленного дизайна в новом продукте
Ценность промышленного дизайна в новом продуктетатьяна дубовская
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Maria Stashenko
 
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли..."Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...Yaroslav Trofimov
 
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаСервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаStfalcon Meetups
 
культурологическая экспертиза. кочелаева т.в. фо 300401
культурологическая экспертиза. кочелаева т.в. фо 300401культурологическая экспертиза. кочелаева т.в. фо 300401
культурологическая экспертиза. кочелаева т.в. фо 300401Таня Быстрова
 

Semelhante a [JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artlebedev.ru) (Andrew Solovey) (20)

Будущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиБудущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможности
 
Сватовство продукта с проектировщиком
Сватовство продукта с проектировщикомСватовство продукта с проектировщиком
Сватовство продукта с проектировщиком
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
 
CodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнера
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятиях
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI Machine
 
Дизайн для Windows Phone 7
Дизайн для Windows Phone 7Дизайн для Windows Phone 7
Дизайн для Windows Phone 7
 
теория дизайна 2012_1
теория дизайна 2012_1теория дизайна 2012_1
теория дизайна 2012_1
 
теория дизайна1
теория дизайна1теория дизайна1
теория дизайна1
 
л.2
л.2л.2
л.2
 
Объединяющая сила UX
Объединяющая сила UXОбъединяющая сила UX
Объединяющая сила UX
 
культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»
 
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...
DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотя...
 
Intera3d
Intera3dIntera3d
Intera3d
 
Ценность промышленного дизайна в новом продукте
Ценность промышленного дизайна в новом продуктеЦенность промышленного дизайна в новом продукте
Ценность промышленного дизайна в новом продукте
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия
 
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли..."Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
 
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнесаСервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
Сервис-дизайн. Целостный подход к внедрению инноваций и роста бизнеса
 
культурологическая экспертиза. кочелаева т.в. фо 300401
культурологическая экспертиза. кочелаева т.в. фо 300401культурологическая экспертиза. кочелаева т.в. фо 300401
культурологическая экспертиза. кочелаева т.в. фо 300401
 

Mais de Evgeny Kaziak

[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)
[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)
[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)Evgeny Kaziak
 
[JAM 1.2] HTML5 (Alexei Yanochkin)
[JAM 1.2] HTML5 (Alexei Yanochkin)[JAM 1.2] HTML5 (Alexei Yanochkin)
[JAM 1.2] HTML5 (Alexei Yanochkin)Evgeny Kaziak
 
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)Evgeny Kaziak
 
[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)Evgeny Kaziak
 
[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)Evgeny Kaziak
 
[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)Evgeny Kaziak
 
[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)Evgeny Kaziak
 
[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)Evgeny Kaziak
 
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)Evgeny Kaziak
 
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)Evgeny Kaziak
 
[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)Evgeny Kaziak
 
[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)Evgeny Kaziak
 
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)Evgeny Kaziak
 
[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)Evgeny Kaziak
 
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)Evgeny Kaziak
 
[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)Evgeny Kaziak
 

Mais de Evgeny Kaziak (16)

[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)
[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)
[JAM 1.2] Mobile Gamedesign (Boris Zapolsky)
 
[JAM 1.2] HTML5 (Alexei Yanochkin)
[JAM 1.2] HTML5 (Alexei Yanochkin)[JAM 1.2] HTML5 (Alexei Yanochkin)
[JAM 1.2] HTML5 (Alexei Yanochkin)
 
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
[JAM 1.2] Testing in Android (Dzmitry Ivashnev)
 
[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)[JAM 1.2] Mobile Sensors (Paul Malikov)
[JAM 1.2] Mobile Sensors (Paul Malikov)
 
[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)[JAM 1.2] Design & Multitasking (Andrew Solovey)
[JAM 1.2] Design & Multitasking (Andrew Solovey)
 
[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)[JAM 1.2] Intro (Paul Malikov)
[JAM 1.2] Intro (Paul Malikov)
 
[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)[JAM 1.1] Geo Champs (Mashpit Team)
[JAM 1.1] Geo Champs (Mashpit Team)
 
[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)[JAM 1.1] Clean Code (Paul Malikov)
[JAM 1.1] Clean Code (Paul Malikov)
 
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
[JAM 1.1] Testing not for Fun (Evgeny Kaziak)
 
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
[JAM 1.1] Project Managment Tools (Viktor Sidorcov)
 
[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)[JAM 1.1] Symfony (Alexei Yanochkin)
[JAM 1.1] Symfony (Alexei Yanochkin)
 
[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)[JAM 1.1] Intro (Paul Malikov)
[JAM 1.1] Intro (Paul Malikov)
 
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
[JAM 1.0] Human Interface Guidelines (Evgeny Kaziak)
 
[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)[JAM 1.0] Android OS, Java (Paul Malikov)
[JAM 1.0] Android OS, Java (Paul Malikov)
 
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
[JAM 1.0] CMS. Обзор. (Alexei Yanochkin)
 
[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)[JAM 1.0] Intro (Paul Malikov)
[JAM 1.0] Intro (Paul Malikov)
 

[JAM 1.0] Паттерны и антипаттерны дизайна (или что скрывается на сайте artlebedev.ru) (Andrew Solovey)

  • 1.
  • 2.
  • 3. Паттерны и антипаттерны дизайна или что происходит на сайте artlebedev.ru
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 10.
  • 11.
  • 12. Это творческая деятельность, целью которой является определение формальных качеств промышленных изделий (Wikipedia)
  • 13.
  • 14. Это творческая деятельность, целью которой является определение формальных качеств промышленных изделий (Wikipedia)
  • 15. Средство воздействия на человекаItis Magic!
  • 16. Дизайн Графический дизайн Массовое строительство (общественные жилища и производственные здания), мобильный дизайн дизайн городской среды 3D Презентация Дизайн среды фирменные стили веб-дизайн Промышленный дизайн инженерные сооружения механизмы разрушенных ландшафтов, декоративная Ландшафтный дизайн визуальные коммуникации 3D дизайн 3D Анимация Архитектурный дизайн Дизайн процессов дизайн-программы орудия труда дизайн церемоний Дизайн мебели колористика и суперграфика Создание искусственных и реконструкция Транспортный дизайн световой дизайн полиграфия Дизайн одежды, обуви, аксессуаров дизайн интерьеров шрифты Юзабилити навигационный дизайн бытовая техника товарные знаки Визуальная идентификация
  • 17. Дизайн Графический дизайн Массовое строительство (общественные жилища и производственные здания), мобильный дизайн дизайн городской среды 3D Презентация Дизайн среды фирменные стили веб-дизайн Промышленный дизайн инженерные сооружения механизмы разрушенных ландшафтов, декоративная Ландшафтный дизайн визуальные коммуникации 3D дизайн 3D Анимация Архитектурный дизайн Дизайн процессов дизайн-программы орудия труда дизайн церемоний Дизайн мебели колористика и суперграфика Создание искусственных и реконструкция Транспортный дизайн световой дизайн полиграфия Дизайн одежды, обуви, аксессуаров дизайн интерьеров шрифты Юзабилити навигационный дизайн бытовая техника товарные знаки Визуальная идентификация
  • 20.
  • 21.
  • 22.
  • 23.
  • 25. Любой интерфейс можно упростить в два раза.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 51.
  • 52.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.