Marvel app: обзор платформы для создания прототипов приложений

Автор Lyubov Stishevskaya
Marvel app: обзор платформы для создания прототипов приложений

marvelapp — это платформа которая помогает вам сделать интерактивный прототип можно делать из токсичный.

Но в нём не будет он не будет изображён на одном экране. Как должно отображаться в прачечную прототип. Здесь всё такого отбором по отдельным экраном то есть дизайн каждого экрана делается отдельно открываются в окне целиком и полностью все экраны сразу можно увидеть.

Но — это будет просто их.

Просмотр там не будет никаких стрелок не обозначение переходов никуда и переходы будут обозначаться только в момент того когда вы будете осматривает уже непосредственно сам прототип в его рабочем состоянии и так. Давайте приступим интерфейс перед нами окно новая где нас. Марвел спрашивает о том, что мы за проект хотим создать мы можем выбрать сайт либо — это не важно какое разрешение другие 8 iPhone iPhone 10 iPad Android и Apple Watch мы сделаем поезда iPhone смотрите когда делается дизайн интерфейсов мобильных приложений то лучшего делать на разрешение 375 на 667 пикселей здесь вот — это 2x, а 375 667 — это 1X. То есть — это нативное разрешение для iOS платформы которая потом увеличивается в 2-3 раза. Если говорить о дизайне то мы делаем 360 на 640 пикселей — это разрешение по-моему md5 насколько я помню и от него уже потом по своим пляжем вверх-вниз для того чтобы сохранить, а множество на разрешение для создания мобильного приложения в. Андроиде Потому, что если говорить об iPhone то здесь используется надо меня только 2 разрешения to 2x 3X. Так давайте начнём с. Айфона Мы выбираем iPhone 8 вводим название проекта пусть она там будет какая-то iPhone и нажимаем создать проект — это экран самого проекта мы можем загрузить компьютера в виде картинок скетча в скетч файлы которые он разложит на артборды либо Photoshop артборды тоже всегда загружается проиграть наш запустить наш прототип расширить настройки какие-то которые мы можем изменить. Да вот здесь даже есть iPhone 5 или поменять ориентацию — это портретная ориентация когда мы сделаем сэлфи телепортация горизонтально когда. Мы фотографируем человек если на своими словами, что мы здесь можем сделать добавить изображение вот эта кнопка до компьютера скачать Dropbox Google Drive либо бокса — это всё. Облачное хранилище и либо сделать новый дизайн нажимаем создается новый артборд. Это непосредственно работаем надо одним отводом в котором есть настройки самого города и свойства. Всех элементов с которыми. Мы работаем параметры самого артборда его название и размеры мы можем их изменять если — это можно заморозить предлагает сделать дизайн в двойном разрешение. То есть — это 2x — это разрешение 6 7 и 8. Айфона Но если повторюсь разделить 100 на 2 — это будет 375 667 и дизайн лучше рисовать в 1X потому, что там проще делать экспортировать для двоих и 3 X 2X нажать на полтора для того чтобы получить. Томск давайте рассмотрим я был панель у нас здесь представлена библиотека элементов слева сверху нас — это просто прямоугольник который мы можем создать если мы нажимаем на него нас является прямоугольник правой части экрана нас появляются свойства для этого прямоугольника — это положение относительно пространство деле он будет располагаться или сзади — это положение относительно элемента тасия. Выдели второй элемент совершит у меня появится активная часть на. Давайте создадим 3 я нажимаю Alt и ее элементы и располагая его чуть-чуть дальше для того чтобы показать вам этот функцию расположение расстояние между элементами — это очень удобно когда у вас много, что таких повторяющихся элементов допустим списке иконки тексты полоски и так далее. Вы можете так сделать потому, что — это размеры размеры самого прямоугольника и его положение в пространстве. То есть если я буду изменять X если Y кто двигается и поворот на количество градусов здесь мы можем изменить цвет сделаем его красным передача о том, что находится ниже чем мазать под зелёный сделаем у этого цвета синий и передача. Еда Ион будет выше чем красный прозрачность, но можем редактировать оппозиция — это прозрачность выбранного элемента радиус скругления углов обводка вот инструмент собственно просто текст справа его параметры появляются — это выключка по левому краю по центру и по правому краю можно выбрать шрифт. Насколько помню здесь шрифты загруженные непосредственно сам. Марвел Потому, что — это не все шрифты которые представлены у меня и здесь нет сан-франциско собственно — это основной шрифт для который используется сан-франциско несколько вариаций про текст дисплей те которые который используется на. Андроиде используется робота в принципе. Никто вам не запрещает использовать другие шрифты на мобильных платформах, но нужно дать им чтобы они были читабельные шрифты с засечками как. Шериф Не рекомендую использовать так как — это слишком опасно при чтении использовать для заголовков едой. Чего так мало, но не для всего текста. Это точно так следующий элемент — это всё. Мы хотим нарисовать ровную линию горизонтальную ровную линию вертикально. Или под 45 градусов. Мы зажигаем Shift и его и вводим вот мы нарисовали ровную линию примерно все те же самые начало конец длина же просто изменяет длину можно разменять конец точки линии на можно изменить прозрачность толщину если нажимать и держать его и кликать по вот этим вот стрелка то мы изменяем на 10 толщиной. Если нет то на единичку нас ещё есть добавлением фотографии стоковые фотографии грузятся с сайта unsplash. Всем рекомендую посмотреть его и использовать в своих потому, что — это действительно большая база на фотографии очень круто.

0 комментариев
0

Читайте также