08 Курс «Мобильное приложение»: Создание скетча интерфейса мобильного приложения

Автор Georgiy Dronov
08 Курс «Мобильное приложение»: Создание скетча интерфейса мобильного приложения

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

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

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

У нас есть. Осталось добавить название табов популярная и новинки так как список фильмов будет вертикальный она главное мы использовали горизонтальные списке необходимо подогнать размеры карточки фильмов под ширину экрана подогнать размеры я дублирую карточку фильма по вертикали очень экономит время не так ли когда подгонял размеры карточки фильмов не обратил внимание на размеры кнопок покупки сейчас — это дело исправим дублируем ещё раз карточку фильма. Чтобы заполнить всю рабочую область нашего виртуального смартфона на нашем экране на данный момент только фильм продажу добавим кнопки с прокатом фильма и кнопки бесплатного фильма в целом хочу сказать, что чем больше экранов у нас будет тем легче будет создавать другие страницы и быстрее пойдёт работа. Как вывести используя элементы с главной страницы. Я очень быстро создал страницу списка фильмов данная страница очень просто по навигации и не смутит пользователя лишними элементами да. И когда мы будем создавать дизайн приложения по такому принципу будут создаваться его элементы будем копировать ранее созданные элементы и подгонять их под необходимые нам параметры на этом урок закончен в следующем уроке мы создадим набросок интерфейса странице фильма приложение.

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

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