SlideShare una empresa de Scribd logo
Якоб Нильсен
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
Мифы и реалии веб-дизайна

Más contenido relacionado

Destacado

Power final bib rambla
Power final bib ramblaPower final bib rambla
Power final bib rambla
Amser
 
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
Mario Cubillos Madariaga
 
Power final pasiegeas
Power final pasiegeasPower final pasiegeas
Power final pasiegeas
Amser
 
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
 
Encon Safety Products Presentation 2015
Encon Safety Products Presentation 2015Encon Safety Products Presentation 2015
Encon Safety Products Presentation 2015
Mario Cubillos Madariaga
 
desain gtl
desain gtldesain gtl
desain gtl
Gunawan Sarjono
 
130210116010
130210116010130210116010
130210116010
sahimaa
 
Presente de indicativo
Presente de indicativoPresente de indicativo
Presente de indicativo
Jeferson 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
 

Destacado (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