Видео, авторы и друзья
www.instagram.com ↗Скриншоты интерфейса Instagram
Показано 12 из 706
Какие UI-решения показаны в Instagram?
В каталоге DesignShots собрано 706 скриншотов интерфейса Instagram. Это iOS-приложение из категории Social; категория охватывает социальные сети и сообщества. Разметка кадров фиксирует 110 типов экранов; среди задокументированных элементов — Loading, Call, Add & Create, Bottom Sheet и Delete & Deactivate Account. На уровне композиции отмечено 6 UI-паттернов: Лента публикаций и контента, Сетка карточек с контентом, Навигационная панель и меню, Центр уведомлений и оповещений и Профиль пользователя и аккаунт. Основная палитра построена на тёмных тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Instagram, затем откройте связанные паттерны и проекты категории Social. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.
Подробнее о InstagramСкрыть
Дизайн интерфейса Instagram
Instagram — ios-приложение из категории Social. Социальные сети и сообщества. Видео, авторы и друзья. В интерфейсе отмечено 6 UI-паттернов: Лента публикаций и контента, Сетка карточек с контентом, Навигационная панель и меню, Центр уведомлений и оповещений, Профиль пользователя и аккаунт, Поиск с фильтрами и результатами. Цветовая палитра построена на тёмных тонах.
UI-паттерны в Instagram
Что показано на экранах Instagram
В подборке 110 типов экранов — по ним видно, какие части продукта задокументированы.
- Slider11
- Text Field8
- Toolbar8
- Add & Create7
- Loading7
- Button6
- Carousel6
- Acknowledgement & Success5
- Chip5
- Date & Time5
- Edit5
- Illustration5
- Media Editor5
- Settings & Preferences5
- Tile5
- Account Setup4
- Banner4
- Bookmarks & Collections4
- Charts4
- Color Picker4
- Confirmation4
- Feature Info4
- Filters & Stickers4
- Select4
- Set4
- Suggestions & Similar Items4
- Verification4
- Action Option3
- Badge3
- Bottom Sheet3
- Coach Marks3
- Comments3
- Dashboard3
- Delete & Deactivate Account3
- Dialog3
- Follow & Subscribe3
- Full-Screen Overlay3
- Guided Tour & Tutorial3
- Icon3
- Tab3
- Top Navigation Bar3
- Upload & Download3
- Accordion2
- Audio & Video Recorder2
- Audio Player2
- Avatar2
- Browse & Discover2
- Call2
- Camera & Scanner2
- Card2
- Chat Detail2
- Drawer2
- Dropdown Menu2
- Empty State2
- Feedback2
- Filter & Sort2
- Flag & Report2
- Like & Upvote2
- Loading Indicator2
- Location & Address2
- Logo2
- Map2
- Map Pin2
- Other Content2
- Photo2
- Save2
- Schedule2
- Search Bar2
- Share2
- Shop & Storefront2
- Signup2
- Social Feed2
- Status Dot2
- Stories2
- Subscription & Paywall2
- Toast2
- Welcome & Get Started2
- Action Sheet1
- Ban & Block1
- Calendar1
- Checkbox1
- Divider1
- Emails & Messages1
- Floating Action Button1
- Followers & Following1
- Gallery1
- Groups & Community1
- Help & Support1
- Home1
- Login1
- My Account & Profile1
- Notifications1
- Permission1
- Pricing1
- Product Detail1
- Progress Indicator1
- Pull to Refresh1
- Quiz1
- Radio Button1
- Rating Control1
- Search1
- Segmented Control1
- Skeleton1
- Song & Podcast Detail1
- Splash Screen1
- Stacked List1
- Switch1
- Tab Bar1
- Trash & Archive1
- User / Group Profile1
Вопросы и ответы
Сколько скриншотов Instagram в коллекции?
В коллекции 706 скриншотов интерфейса Instagram, охватывающих ключевые экраны продукта.
К какой категории относится Instagram?
Instagram — ios-приложение из категории Social.
Как использовать скриншоты как референс?
Изучайте решения UI/UX дизайна для вдохновения при проектировании Social-продуктов.
Все скриншоты сделаны с реального продукта и показывают интерфейс таким, каким он был на момент съёмки.
