Дизайн мобильного приложения. Adobe XD

Всем привет.

Меня зовут. Сергей Тарасенко с вами сайт gretta.ru. И сейчас мы будем делать дизайн для мобильного устройства дизайн будем делать.

Точнее ну да наверное точнее будем делать не рисовать.

Почему так давай закроем браузер и вообще как рисуются юси интерфейсу у каждой операционной системы есть какие-то свои требования угла — это одни у. Ну именно вам под Android One, что другие. Вы по компании, но так момент для Android. Давайте я вам всё расскажу есть такой сайт как вот material.io где содержатся все материалы о том как правильно делать дизайн мы можем увидеть вот baseline Grid то есть какие у тебя используются в выступах также посмотреть поступку какие тут нам предлагается скачать разные уже готовы варианты. То есть. Это готовая. Вот таких же интерфейса прессованные тут мы видим вот только, что 16 пикселей тут уже вся эта область занимает 7216 то есть ли посмотреть полазить по этому сайту мы можем познакомиться о том как правильно создавать правильно по их правилам создавать дизайны для Android и в принципе любой конечно профессиональный дизайнер должен — это знать. Но, но есть новички которые разбираться долго поэтому есть определённые хитрости мы можем этот мелочью закрыть и открыть Adobe Experience дизайн где выбрать уже готовую. Айкидо в нём Google материал и мы видим, что уже есть многие элементы которые прорисован. Ну прессованный за нас и. Давайте просто будем использовать Swing. Где надо поставить там свои фоточки свои картинки немножко и на — это наверное. Всё Давайте до создадим контролем создаем новый прототип под Android конечно же и первым нам надо какая-то шапка точно надо вот этот верхняя часть. Давайте возьмём вот эту Control C тут Counter относительно так перетаскивать первый аборт. Вадим чтобы 100% масштабы и ставим по центру и сверху. Что делаем дальше посмотрим какой. Тутмос background fhk первом его. И удалим. давай сразу первым прежде чем удаляется посмотри удалим и удалю вот эти нижние полоски мне надо для самого уже программы для самого артборда затем background вот тут нам надо сделать не и поэтому пускай будет A2 чудо чудо так пока просто подъедем жёлтую активную полосу до центра выделяем двоих элементы живем чтобы чтобы текст появлялся по центру нижнюю полоску скопирую Control C Control V и ставим справа чтобы тоже наш второй текст тут допустим пишем Last News latest News. А здесь. Давай напишем Last comments тут напишешь. Ну давайте допустим напишем Creed. Ты просто кредит и у нас будет две вкладки она с последними новостями новостями 2 с комментариями. Давайте встретимся на наш сайт и выберем какой-то тип новостей. Ну в принципе вот — это для новостей зайдёт у нас, а вот тут выберем потом для комментариев просто вставляем допустим вот тут будет 14 не будет потому, что кратно число должно быть 8 до 14:16 надо сделать предположим у нас будет первая новость давайте, что делать дальше. Мы наш нам в принципе коробки хотелось бы побольше чтобы была возможность проскролить давать увеличенное в 2 раза 1270 будет где вот он стал побольше и он в iport. У нас остался на тех же что-то 40 потом просто скоро будет появляться там так, что давай. первым — это наверное видела. Она смотрит просто и перетащи мы её вниз я смотрю всё на свете немножко надо больше места было бы взять. Пускай 20 будет и немного. Вот про длинношея отбор проб вылазила 4 новости 1360 будет. Что делать дальше выбираем нашу группу. Биденко нашему изображением изображение почти нету. Давай встречаем что-нибудь так гудфон давайте пейзажи, что возьмём эту возьмём эту и вот эту сохраним их, а есть загрузка картинки были прошлый. Ну ладно сохрани на рабочий стол и, что делаем дальше. Мы открываем заходим на рабочий стол есть три картинки выделяемые вставляем вот сюда они автоматически поставили наши элементы. Давай теперь делаем затем текстовый документ на. Пусть назовем и пропишу какие-то заголовки пускай будет там заголовок 1 1 заголовок 2 и заголовок 3 сохраним его и закроем почему-то ругается на формат Alcatel Idol 2 и тотал 3 странные смотри, что он просто переносим на наше тепло и видим, что он построил статую было просто тату. А после переноса, но каждую новую строку разбила давайте сделаем категории также категории допустим пускай будет какие есть там спорт спорт Games и знаю допустим команда переносим на категории и остались наши и категории. Дальше можно сделать за публика опубликовал у меня уже картинки скачивания просто выберу. Стрельца и вставлю их вот так Action Action 2 наверное надо проработать этот момент перемести мы вовсюда оставим только один Action и — это будет открыть точнее ритма сделаем вот таким вот образом так. Редмонд и я бы — это сделал наверное стихи. Толстого роботам — это комедия OK значит отправляем так как есть вот таким вот образом мы сделали уже наш главный экран нужно его открыть проскролить и примерно прикинул,. Давай сиди он теперь ещё Last comments нам надо создать 801 примерно такой же аэропорт. Вот — это удалим вот эту. Петя ним сюда, а вот тут посмотрим нас есть 70% прозрачности тут. А насчёт уменьшаем до 70. А тут до 100 и открываем. Отправь vonage спит и выберем что-нибудь для последних комментариев давайте давайте сделаем вот их и перейдем всегда так 1616 белый фон до 8 удали.

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

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