Как научиться динамическому веб-дизайну и анимации с анимированными изображениями?

Question

Я разработчик на C #, и на протяжении всей своей карьеры я работал над промежуточным и внутренним развитием ASP.Net webapi и MVC.Теперь я хочу изучить отличный дизайн пользовательского интерфейса и анимации для использования на моей веб-странице.Кроме того, я хочу изучать графические анимации, чтобы иметь возможность разрабатывать веб-сайты от внешнего интерфейса до конечного, и это будет здорово как для моей карьеры в компании, так и для работы фрилансером.

Я ищудля некоторых предложений, как я должен начать изучать веб-дизайн с анимацией и анимацией изображений, если кто-то может помочь мне с шагами, которые я должен предпринять, или с хорошими онлайн-курсами по дизайну и анимации, это будет мне очень полезно.

Iиметь базовые знания HTML, CSS и Javascript.

Заранее спасибо

Answer 1

Перейдите на любой понравившийся веб-сайт (попробуйте Zen garden), затем в своем браузере используйте инструменты разработчика или скопируйте HTML-код через просмотр исходного кода.Затем попробуйте запустить их на локальном, это один из лучших способов понять и изучить.Это в основном обратный инжиниринг.

Answer 2

По вашему вопросу вы новичок в пользовательском интерфейсе и анимации.Во-первых, я предлагаю вам попробовать CSS & HTML5 с основ.

Для проектирования вам придется изучить графическое проектирование в Photoshop, а также в Illustrator.Это поможет вам сделать лучший дизайн.

Вы также можете узнать это через Интернет, но если у вас есть сомнения, это создаст некоторые помехи в вашей деятельности.Итак, я предлагаю вам попробовать какой-нибудь институт анимации или веб-дизайна.

Я предоставлю вам некоторые анимации, а также названия институтов веб-дизайна, с которыми вы можете напрямую связаться.

Unityvedacollege Графическое проектирование

Answer 3

Если вы большой любитель анимации, я рекомендую вам изучить CSS3 и HTML5 на w3schools.com.Это очень хороший источник для начинающих.

Затем вы можете изучить основные CSS3-анимации на том же сайте.Перейди по ссылке.

Анимации CSS3

Затем вы можете обратиться к некоторым продвинутым учебникам, как это.

Обучение веб-анимации

Если вам нужны какие-либо видеоуроки.

HTML5: графика и анимация с помощью Canvas

Затем требуется практика.Вы можете найти множество учебных пособий и поддержки в Интернете.Удачи ...