Добрый вечер уважаемые хабротяне! Решил поделиться своим небольшим опытом разработки приложений для ОС Android. Мы будем делать дизайн приложения с рецептами, но нам понадобится Фотошоп и воображение.
Если кому интересно, добро пожаловать под кат. С момента своего появления Android претерпел множество изменений в дизайне.
Текущая тенденция наглядно отражена на сайте разработчиков.
Сегодня мы постараемся приблизиться к идеалу, который диктует нам Android, и нарисуем дизайн приложения.
В качестве подопытного я выбрал программу, представляющую собой простой каталог кулинарных рецептов.
Далее я покажу скриншоты с некоторым описанием.
Для начала давайте создадим в Photoshop документ с размерами экрана устройства, который мы будем использовать в качестве ориентира.
Ну что же, дорисовываем кнопки управления + статус-бар.
И теперь первый шаблон, Панель действий, заменил старую строку заголовка, теперь более широкую и осмысленную.
Просто устанавливаю фон.
.
нарисуйте значок.
.
название и главное отличие от того, что было раньше:
Размещаем кнопки, необходимые для нашего приложения.
Получается своеобразное пересечение строки заголовка (например, окон Windows) и меню.
Здесь я добавил категории блюд в виде списка.
Выполнен в одной цветовой гамме.
Советую привести все ваши заявки к одному стилю, правилу хорошего тона - что ли.
Теперь я выбрал один предмет, при нажатии на предмет он будет выглядеть вот так.
Это шаблон удобства использования, который облегчает взаимодействие пользователя с программой.
После нажатия переходим в подкатегорию.
Обратите внимание, что кнопка поиска здесь нам не нужна, а рядом со значком появляется стрелка, которая в данном случае дублирует кнопку «Назад».
Собственно сама страница рецептов.
Теперь стрелка рядом со значком вернет нас на главную страницу, а также мы сможем поделиться рецептом с помощью кнопки «Поделиться».
По возможности максимально используем юзабилити: свайпы, прокрутки и прочие радости жизни.
Теперь дизайн можно отправлять на верстку и кодирование.
Вот пожалуй и все, что я хотел вам сказать, надеюсь, мне удалось передать что-то новое в понятной форме.
Я не претендую на «профессиональные инструкции», это всего лишь мой опыт и наблюдения.
Теги: #Android #дизайн
-
Настройте Свой Онлайн-Бизнес На Успех!
19 Oct, 24 -
Простая Настройка Asterisk + Fail2Ban
19 Oct, 24 -
Ces: Бум Чтения? Больше Похоже На Бум
19 Oct, 24 -
Стратегия Для Стартапа?? Да!!!
19 Oct, 24 -
Создан Язык Программирования Для Детей
19 Oct, 24