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

48

Upload: volokos

Post on 21-Jul-2015

279 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Мифы и реалии веб-дизайна
Page 2: Мифы и реалии веб-дизайна
Page 3: Мифы и реалии веб-дизайна

Якоб Нильсен

Page 4: Мифы и реалии веб-дизайна
Page 5: Мифы и реалии веб-дизайна
Page 6: Мифы и реалии веб-дизайна
Page 7: Мифы и реалии веб-дизайна
Page 8: Мифы и реалии веб-дизайна
Page 9: Мифы и реалии веб-дизайна
Page 10: Мифы и реалии веб-дизайна

The Illusion of Life: Disney Animation

Иллюзия жизни: анимация Диснея

1. Сжатие и растяжения

2. Подготовка, или упреждение

3. Сценичность

4. Использование компоновок

и прямого фазованного

движения

5. Сквозное движение

и захлест действия

6. Смягчение начала и

завершения движения

7. Дуги

8. Дополнительное действие

9. Расчёт времени

10. Преувеличение, утрирование

11. «Крепкий» рисунок

12. Привлекательность

Page 11: Мифы и реалии веб-дизайна
Page 12: Мифы и реалии веб-дизайна

Анимация со смягчением + доводка + доводка и захлест + дополнительное

действие

+ доводка

+ захлест всей формы

Page 13: Мифы и реалии веб-дизайна
Page 14: Мифы и реалии веб-дизайна
Page 15: Мифы и реалии веб-дизайна
Page 16: Мифы и реалии веб-дизайна
Page 17: Мифы и реалии веб-дизайна
Page 18: Мифы и реалии веб-дизайна
Page 19: Мифы и реалии веб-дизайна
Page 20: Мифы и реалии веб-дизайна
Page 21: Мифы и реалии веб-дизайна
Page 22: Мифы и реалии веб-дизайна
Page 23: Мифы и реалии веб-дизайна
Page 24: Мифы и реалии веб-дизайна
Page 25: Мифы и реалии веб-дизайна
Page 26: Мифы и реалии веб-дизайна
Page 27: Мифы и реалии веб-дизайна
Page 28: Мифы и реалии веб-дизайна
Page 29: Мифы и реалии веб-дизайна
Page 30: Мифы и реалии веб-дизайна
Page 31: Мифы и реалии веб-дизайна
Page 32: Мифы и реалии веб-дизайна
Page 33: Мифы и реалии веб-дизайна
Page 34: Мифы и реалии веб-дизайна
Page 35: Мифы и реалии веб-дизайна
Page 36: Мифы и реалии веб-дизайна
Page 37: Мифы и реалии веб-дизайна
Page 38: Мифы и реалии веб-дизайна
Page 39: Мифы и реалии веб-дизайна
Page 40: Мифы и реалии веб-дизайна
Page 41: Мифы и реалии веб-дизайна
Page 42: Мифы и реалии веб-дизайна
Page 43: Мифы и реалии веб-дизайна
Page 44: Мифы и реалии веб-дизайна

http://www.liveapp.cn/HTML/dev_mi/index.html http://lenovoevents.ovpp.cn/events

Page 45: Мифы и реалии веб-дизайна
Page 46: Мифы и реалии веб-дизайна
Page 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

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