Smart Interface Design Patterns

Discover 100 Smart Interface Design Patterns & Live Examples

100s of real-life examples, 15h-video course for UX designers, with UX checklists and practical takeaways.

Smart Interface Design Patterns offers a comprehensive video course featuring 40 lessons and live UX training. This course is designed for UI/UX designers and front-end developers seeking to master patterns that address real-life challenges. With a mix of video lessons, interactive sessions, and hundreds of practical examples, participants will explore crucial aspects of design such as navigation, forms, and modals. The course includes ongoing updates with new videos and materials.

https://smart-interface-design-patterns.com

Smart Interface Design Patterns screenshot Smart Interface Design Patterns icon
Back
Collection
{{ ui.publicListPage.sortMode ? 'Готово' : 'Порядок' }}
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Отмена
Добавить в лист
Сохранить
Ваши листы

Пока нет листов — создайте новый ниже.

Назад
{{ ui.list.editingListItemNote ? 'Заметка в подборке' : (ui.list.mediaSeasonEdit ? 'Заметка к сезону' : (ui.list.mediaEpisodeEdit ? 'Заметка к серии' : 'Ваша заметка')) }}
{{ ui.list.pocketNoteSaving ? 'Сохранение…' : 'Сохранить' }}

{{ pocketNoteSubjectLabel }}

Выделите текст — над ним появится панель форматирования.

Оценка
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

Эта заметка видна только на странице этой подборки.

Сохраняем…

Отмена
Карточка листа
Сохранить
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

layers_alt_fill Apps searchSearch person_crop_circle Profile
Games
Games

Games

New Release
Slap Kings
Become world's best slapper
Slap Kings
New update
The Seven Deadly Sins
Grand Cross - RPG Sensation!
The Seven Deadly Sins
New update
Call of Duty®: Mobile
Multiplayer and Battle Royale
Call of Duty®: Mobile
New release
Parking Jam 3D
Embrace your road rage!
Parking Jam 3D
New update
Crossy Road
Endless Arcade Hopper
Crossy Road
What We're Playing NowSee All
Popular GamesSee All
New Games We LoveSee All
Top Free GamesSee All
Top CategoriesSee All
Editors' ChoiceSee All
Quick LinksSee All
RedeemSend GiftAdd Funds to Apple ID

Apps search

Public collections
{{ pl.ownerName }} Public collection
{{ pl.name }}
multiply_circle_fill

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
Apps
Links
Top Categories
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
    {{ cat.count }} apps
Quick Links
dAppStore
+1000 usefull apps

Profile

Cancel

  • {{apps[id].title}}
    {{apps[id].subtitle}}
    ★ {{ user.installed[id].rating }}/10 {{ user.installed[id].notePublic ? '🌐 ' : '🔒 ' }}{{ user.installed[id].note }} {{ user.installed[id].description }}
    Note Lists Delete
  • {{ item.meta.visibility === 'public' ? 'globe' : 'lock_fill' }}
    {{ item.meta.name }}
    {{ item.meta.description }}
    Public
    Edit Delete
  • No lists yet. Create one below.
  • Nothing matches your search.
  • plus
    New list
  • link
    {{entry[1].title}}
    {{entry[1].url}}
    ★ {{ entry[1].rating }}/10 {{ entry[1].notePublic ? '🌐 ' : '🔒 ' }}{{ entry[1].note }} {{ entry[1].description }}
    Lists Delete

Новый лист

Back
{{ page.app && page.app.title ? page.app.title : 'Back' }}
{{ appStatusLabel(page.app.id) }}
{{page.app.subtitle}}
IMDb Кинопоиск
{{ appStatusLabel(page.app.id) }} Get APK Join TestFlight Join Play Beta
Get {{ m.label }}
{{ pocketNoteIconForAppCard(page.app.id) }} {{ pocketBookmarkIconForApp(page.app.id) }} trash square_arrow_up
{{ appPageStarRatingTitle(appPageStarRating()) }}
{{ appPageStarRatingValue(appPageStarRating()) }}
{{ getStarIconName(appPageStarRatingFive(appPageStarRating()), n) }}
TMDB
{{ numeral(page.app.tmdb.voteAverage).format('0.0') }}
/ 10
Статус
✕
Закрыто {{ formatAppClosedDate(page.app.closedAt || (page.app.rip && page.app.rip.at)) }}
Age
{{page.app.age_rating}}
Years Old
Developer
person_crop_square
{{page.app.developer && page.app.developer.name ? page.app.developer.name : page.app.title }}
Language
{{page.app.lang[0]}}
+{{page.app.lang.length}} More
main
Size
{{formatBytes(page.app.size, 'number')}}
{{formatBytes(page.app.size, 'unit')}}
Screenshot
Use case
Загружаем описание и детали…
Описание появится через несколько секунд…
Сезоны и серии

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

  • {{ mediaSeasonLabel(season) }}
    {{ seasonRatingDisplay(season.seasonNumber).label }} {{ season.episodeCount }} серий

    Список серий пока недоступен.

    • S{{ season.seasonNumber }}E{{ ep.episodeNumber }} {{ ep.name || ('Серия ' + ep.episodeNumber) }}
      {{ ep.overview }}
      {{ episodeRatingDisplay(season.seasonNumber, ep.episodeNumber).label }}
Похожие
What's New

Version {{update.version}} {{update.date ? moment(update.date).format('LL') : ''}}

Ratings & Reviews
Information
  • Age Rating
    {{page.app.age_rating}}
  • Released
    {{ page.app.omdb.released }}
  • {{ r.label }}
    {{ r.displayValue }}
  • Runtime
    {{ page.app.omdb.runtime }}
  • Director
    {{ page.app.omdb.director }}
  • Writer
    {{ page.app.omdb.writer }}
  • Cast
    {{ page.app.omdb.actors }}
  • Genre
    {{ page.app.omdb.genre.join(', ') }}
  • Country
    {{ page.app.omdb.country.join(', ') }}
  • Awards
    {{ page.app.omdb.awards }}
  • Box Office
    {{ page.app.omdb.boxOffice }}
  • In-App Purchases
    {{page.app.IAP == true ? 'Yes' : 'No'}}
  • Copyright
    {{page.app.copyright}}
  • Created
    {{moment(page.app.created).format('ll')}}
  • Trustpilot rating
    {{page.app.rank.trustpilot.value}}
  • Tranco rank
    {{numeral(page.app.rank.tranco).format(',')}}