SlideShare a Scribd company logo
1 of 48
Якоб Нильсен
The Illusion of Life: Disney Animation
Иллюзия жизни: анимация Диснея
1. Сжатие и растяжения
2. Подготовка, или упреждение
3. Сценичность
4. Использование компоновок
и прямого фазованного
движения
5. Сквозное движение
и захлест действия
6. Смягчение начала и
завершения движения
7. Дуги
8. Дополнительное действие
9. Расчёт времени
10. Преувеличение, утрирование
11. «Крепкий» рисунок
12. Привлекательность
Анимация со смягчением + доводка + доводка и захлест + дополнительное
действие
+ доводка
+ захлест всей формы
http://www.liveapp.cn/HTML/dev_mi/index.html http://lenovoevents.ovpp.cn/events
— http://viget.com/inspire/testing-accordion-menu-designs-
iconography
— http://viget.com/inspire/refreshing-search-testing-search-box-
variations
— http://blog.placeit.net/ux-tactics-make-slow-things-seem-faster/
— https://medium.com/@michaelvillar/improve-the-payment-
experience-with-animations-3d1b0a9b810e
— https://medium.com/tictail/giving-animations-life-8b20165224c5
— https://medium.com/@pasql/transitional-interfaces-926eb80d64e3
— https://ru.wikipedia.org/wiki/12_принципов_анимации
— http://blog.crazyegg.com/2015/02/16/conversion-smarter-
marketing/
— http://unbounce.com/conversion-rate-optimization/long-vs-short-
conversion-marketing/
— https://vwo.com/blog/short-landing-pages/
— http://contentverve.com/10-call-to-action-case-studies-examples-
from-button-tests/
— https://www.gosquared.com/blog/login-screen-design-flow
— https://www.gosquared.com/blog/login-screen-design-flow
— http://www.quicksprout.com/2012/12/20/the-science-behind-long-
copy-how-more-content-increases-rankings-and-conversions/
— http://think.storage.googleapis.com/docs/the-importance-of-being-
seen_study.pdf
— https://medium.com/ux-design-1/cinematic-continuity-on-ui-
design-8aa191ab9c8e
— http://unbounce.com/conversion-rate-optimization/design-call-to-
action-buttons/
— http://unbounce.com/conversion-rate-optimization/best-practices-
debunked/
— http://www.smashingmagazine.com/2015/02/13/china-web-
design-trends-2015/
— https://www.techinasia.com/china-mobile-internet-2012/
— http://www.nngroup.com/articles/page-fold-manifesto/
— http://www.nngroup.com/articles/scrolling-and-attention/
— http://www.callumhart.com/blog/non-blocking-uis-with-interface-
previews
Мифы и реалии веб-дизайна

More Related Content

Viewers also liked

Power final bib rambla
Power final bib ramblaPower final bib rambla
Power final bib ramblaAmser
 
Power final pasiegeas
Power final pasiegeasPower final pasiegeas
Power final pasiegeasAmser
 
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...vikas kumar
 
ป้ายบริการสถานีตำรวจภาษาอังกฤษ
ป้ายบริการสถานีตำรวจภาษาอังกฤษป้ายบริการสถานีตำรวจภาษาอังกฤษ
ป้ายบริการสถานีตำรวจภาษาอังกฤษLanyamo Chiangmai
 
130210116010
130210116010130210116010
130210116010sahimaa
 
Presente de indicativo
Presente de indicativoPresente de indicativo
Presente de indicativoJeferson Dias
 
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur)
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur) Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur)
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur) eonnie martha
 

Viewers also liked (10)

Power final bib rambla
Power final bib ramblaPower final bib rambla
Power final bib rambla
 
Arc flash full line catalog 2014 spanish
Arc flash full line catalog 2014 spanishArc flash full line catalog 2014 spanish
Arc flash full line catalog 2014 spanish
 
Power final pasiegeas
Power final pasiegeasPower final pasiegeas
Power final pasiegeas
 
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...
Best Career Fair Expo in ranchi-jharkhand for engineering-medical-law-fashion...
 
ป้ายบริการสถานีตำรวจภาษาอังกฤษ
ป้ายบริการสถานีตำรวจภาษาอังกฤษป้ายบริการสถานีตำรวจภาษาอังกฤษ
ป้ายบริการสถานีตำรวจภาษาอังกฤษ
 
Encon Safety Products Presentation 2015
Encon Safety Products Presentation 2015Encon Safety Products Presentation 2015
Encon Safety Products Presentation 2015
 
desain gtl
desain gtldesain gtl
desain gtl
 
130210116010
130210116010130210116010
130210116010
 
Presente de indicativo
Presente de indicativoPresente de indicativo
Presente de indicativo
 
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur)
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur) Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur)
Makalah Ir. soekarno (sman 1 Kepanjen, Malang, Jawa Timur)
 

Мифы и реалии веб-дизайна

  • 1.
  • 2.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. The Illusion of Life: Disney Animation Иллюзия жизни: анимация Диснея 1. Сжатие и растяжения 2. Подготовка, или упреждение 3. Сценичность 4. Использование компоновок и прямого фазованного движения 5. Сквозное движение и захлест действия 6. Смягчение начала и завершения движения 7. Дуги 8. Дополнительное действие 9. Расчёт времени 10. Преувеличение, утрирование 11. «Крепкий» рисунок 12. Привлекательность
  • 11.
  • 12. Анимация со смягчением + доводка + доводка и захлест + дополнительное действие + доводка + захлест всей формы
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 45.
  • 46.
  • 47. — http://viget.com/inspire/testing-accordion-menu-designs- iconography — http://viget.com/inspire/refreshing-search-testing-search-box- variations — http://blog.placeit.net/ux-tactics-make-slow-things-seem-faster/ — https://medium.com/@michaelvillar/improve-the-payment- experience-with-animations-3d1b0a9b810e — https://medium.com/tictail/giving-animations-life-8b20165224c5 — https://medium.com/@pasql/transitional-interfaces-926eb80d64e3 — https://ru.wikipedia.org/wiki/12_принципов_анимации — http://blog.crazyegg.com/2015/02/16/conversion-smarter- marketing/ — http://unbounce.com/conversion-rate-optimization/long-vs-short- conversion-marketing/ — https://vwo.com/blog/short-landing-pages/ — http://contentverve.com/10-call-to-action-case-studies-examples- from-button-tests/ — https://www.gosquared.com/blog/login-screen-design-flow — https://www.gosquared.com/blog/login-screen-design-flow — http://www.quicksprout.com/2012/12/20/the-science-behind-long- copy-how-more-content-increases-rankings-and-conversions/ — http://think.storage.googleapis.com/docs/the-importance-of-being- seen_study.pdf — https://medium.com/ux-design-1/cinematic-continuity-on-ui- design-8aa191ab9c8e — http://unbounce.com/conversion-rate-optimization/design-call-to- action-buttons/ — http://unbounce.com/conversion-rate-optimization/best-practices- debunked/ — http://www.smashingmagazine.com/2015/02/13/china-web- design-trends-2015/ — https://www.techinasia.com/china-mobile-internet-2012/ — http://www.nngroup.com/articles/page-fold-manifesto/ — http://www.nngroup.com/articles/scrolling-and-attention/ — http://www.callumhart.com/blog/non-blocking-uis-with-interface- previews