designcode.io

Создайте мультиплатформенное приложение для iOS, iPadOS и Big Sur. В этом году SwiftUI получил крупные обновления с WWDC 2020. Большая новость заключается в том, что благодаря Apple Silicon, Mac смогут скоро запускать приложения для iOS и iPad.

Многие курсы по дизайну фокусируются на мельчайших деталях, сложных теориях, помогая вам на 99% стать визуальным дизайнером, но часто игнорируют аспекты кода и передачи обслуживания. Они заканчивают тем, что отталкивают разработчиков, которые просто хотят изучить основы. Если вы хотите изучить «достаточно» UI, чтобы быть на 100% самодостаточным и лучше сотрудничать с дизайнерами, этот курс для вас.

Чтобы пройти этот курс, вам нужно скачать исходные файлы, чтобы вы могли сравнить свой прогресс с моим. В пакете вы найдете файлы дизайна, финальное приложение и проект Xcode для каждого раздела курса.

Изучите SwiftUI для iOS 13. Узнайте, как программировать пользовательские интерфейсы, анимацию, жесты и компоненты в Xcode 11. SwiftUI - лучший способ для дизайнеров сделать первый шаг в коде. Благодаря его предварительному просмотру вы можете быстро выполнять итерации и создавать мощные пользовательские интерфейсы с несколькими строками кода, которые работают для всех платформ Apple.

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

Привет, меня зовут Кристина Гортон с Design + Code. Сегодня я хочу научить вас, как анимировать SVG с помощью библиотеки анимации GreenSock (GSAP). Мы начнем с рассмотрения кода SVG и его разбивки, чтобы лучше понять, как манипулировать им для анимации. Затем я расскажу о том, как экспортировать и оптимизировать ваши SVG. Далее я покажу вам, как воплотить эти SVG в жизнь с помощью GSAP. Мы будем использовать множество красивых иллюстраций и...

Поднимите свой уровень дизайн на новый уровень и создайте реальные приложения с помощью простого средства создания прототипов. Лучший способ для начинающих изучать код и самый эффективный способ для разработчиков изучать дизайн.

Framer делает невероятно простым добавление сложных взаимодействий с пользователем в ваш прототип, выводя ваш дизайн и компоненты кода на новый уровень. Playground позволяет быстро тестировать новые концепции в новом редакторе кода приложения. Вы можете объединить текущий поток приложений с новыми компонентами кода, созданными в Playground.

Создание прототипов с помощью CSS Grid, Flexbox и CSS-анимации в CodePen. Этот курс посвящен CSS Layout и анимации. Сегодня я хочу показать вам, как вы можете создавать сложные проекты с помощью CSS Grid и Flexbox. Мы также сосредоточимся на создании привлекательного пользовательского интерфейса путем добавления CSS анимаций.

Добро пожаловать во вторую часть курса React Native. На этом этапе мы пропустим процесс установки и основные настройки для вашего приложения iOS и Android. Если вы новичок в React Native и не смотрели первую часть, я советую вам сначала ознакомиться с ней. В этом разделе мы узнаем, как создавать жесты для вашего приложения, написать красивый вход в систему и публиковать ваше приложение в App Store.