Если вы разрабатываете интерфейс мобильного приложения, вы знаете, как трудно создать баланс между красивой дизайнерской работой и удобством использования. Всякий раз, когда вы работаете над пользовательским интерфейсом приложения, интерактивный аспект вашей работы по проектированию оставляет перед вами множество разных задач, которые нужно передергивать. Талантливые дизайнеры интерфейса должны делать больше, чем просто делать свою работу красивой; их интерфейс должен быть интуитивно понятным и функциональным.
Итак, сегодня мы собираемся создать чистый и интуитивно понятный пользовательский интерфейс приложения погоды в Photoshop. Мы уравновесим эстетику с функциональностью, и мы будем использовать некоторые интересные шаблоны и варианты смешивания для достижения обеих наших целей.
Ресурсы:
Теперь давайте посмотрим на наш конечный результат: ( скачал готовый многослойный PSD-файл. )
Шаг 1
Откройте Photoshop и создайте новый файл с шириной 665 пикселей и высотой 980 пикселей.
Шаг 2
Выберите инструмент заливки и залейте фон цветом # b4b4b4.
Шаг 3
Для верхней области создайте новый слой и нажмите на прямоугольный инструмент выделения, чтобы выбрать прямоугольную область. Затем залейте его цветом # f5f5f5.
Шаг 4
Теперь нажмите «Стили слоя» и добавьте внутреннюю тень, наложение цвета, градиент и узор, используя следующие настройки.