IT 011 — 4 2 Урок 2 Разработка UI

Автор Nadezhda Belousova
IT 011 — 4 2  Урок 2  Разработка UI

вот мы разобрались flamez прототипом и пришло самое время перейти к разработке пользовательского интерфейса для того чтобы создавать интерфейсы пользовательские пользовался просто.

Фотошопом и иллюстратором высчитывать в сети 8 пикселей отсюда 8 пикселей оттуда создавал какие-то сетки готовые элементы до из темплейтов их размещал на макетах приложение высчитал всевозможные расстояния которые должны быть элементами интерфейса, но опять-таки теперь вся задача облегчается для дизайнера и у нас есть очень полезное приложение Photoshop называется для в. Рокет от одноименной компании изготовители. Вот который можно занимать свою девушку скачать себе в Photoshop и пользоваться им для на создание как приложение для iPhone так и для Ipad такое приложение сразу же создает нам на экране сетку для Retina дисплея для неретин дисплея для iPhone 5S шаблон создает где мы уже накидывает свой интерфейса создаем свои графические элементы и затем уже перейдём к моменту самому можно сказать нелюбимому дизайнерами передача спецификацией программистом.

Это поможет нам сделать грамотно нарезку не забыть нигде я не.

Какие тени до данные инструменты все кнопки будут приведены нужному виду то, что они будут по размеру всегда делится на два наших кнопочки лучше пришли 4 всегда будут сохраняться в двух значениях. Мы никогда не забудем о том, что для изображений экраны Retina нужным в конце файла поставить собака 2x для обычных её не надо их собаке ставить и подобные нюансы расчета такой помощник который для разработки дизайна iPhone весьма незаменим единственное, что он не умеет делать, что придётся покупать за отдельные деньги — это автоматизатор для со спецификацией приложение то есть хорошие спецификация передана разработчикам за, что они вам скажут спасибо, а заказчик. Скажи спасибо за сокращение твой откуда с последнего да — это приложение не умеет делать не к сожалению того, что нам пригодиться при создание спецификаций передаваемых в программистом. То есть она нам не позволит времени на отображение отступов на отображение размеров шрифтов в нужных единицах измерения для этого купить другое приложение существует огромное множество тут уже выбор на ваш вкус и цвет которые помогают проводя линии от одного элемента к другому до автоматически измерять расстояние показывать их показывать размеры шрифтов. Однако такие автоматизаторы нужно всегда проверять так как расстояние у нас должны быть все желательно чётными кратными чему-то желательно 8004. Ну вот и таким образом при рисовании мы не можем всегда четко да понимать где у нас будет начинаться тень где будет заканчиваться какая-то полутень и такие помощники они тоже не знать, а нам нужны совершенно определенное расстояние между элементами поэтому как говорится. Доверяй, но проверяй создаем автоматически спецификации, но потом руками отправляем eater оставляем в соответствии с необходимыми требованиями гайдлайнов расстояние где-то в соответствии со здравым он правильно расположение кнопок. Главное чтобы они были не только расположены по гайдлайн, но и выглядели органично лично и упорядочена для разработчиков интерфейса под Android конечно существует намного больше развлечений связано. Это с огромным количеством разрешение экранов — это экраны с разрешением mdpi hdpi Mix HD и так далее там до бесконечности. Можно придумывать. Я так понимаю размеры экранов соответственно для каждого для каждого элемента интерфейса таких actionbar до Slide Menu для них существует всегда в Android стандартные размеры иконок которые должны располагаться по центру активные зоны иметь совершенно определенный размер иначе они будут непропорциональное растягиваться то есть не вздумайте отдавать Android разработчику Android программисту спецификации от. Айфона Да, а также. Если хотите сохранить свою карту не нужно отдавать программисту как на Android в общем так и на iPhone размеры в пикселях до которые вы измеряете поможет нам справиться с Android спецификациями специальные ассеты называемый. Да — это Android asset Studio располагается. Анапа адрес у которой виден на экране доступно всем в любое время суток всегда бесплатно создает такие элементы как конкурс запуска системы Android. То есть она создаёт иконку во всех нужных нам размерах такие же штуки есть и для iOS. Но — это отдельный просто приложение для Photoshop. А тут же нам нужно в. Андроиде смотреть четкую масштабируемость — это икона то есть asset Studio нам позволяет создавать Launcher icons до иконки запуска иконки actionbar, а то есть мы создаем какую-то картинку загружаемые интерфейс предлагаемая в студию вот такой он примерно и на этом примере сразу же видим, что получилось сразу же получаем исходный результат в архиве сохраняем в нужной папке причём папки assets Studio создаётся само с нужными назвать файлы называются как надо и то на, что можно было бы конечно потратить пару свободных вечеров или даже тройку делается в этой студии всего лишь за один вечер существует также интерфейсы для создания различных других интерфейсов и интерфейсных вплоть до того, что создаётся элемент нового нового стиля. Да так ведь индикатора нашего Slide Menu которая теперь в края экрана и должен соответствовать совершенно другим стандартам чем раньше вот ну главное в этом деле наш труд бесконечный наше терпение и старания нашем с лозунгом остаётся всегда мир труд май мы создаем наши элементы интерфейса также тщательно как и. Передаем их разработчикам то есть учитывать единица измерения операционной системы всегда.

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

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