Задать вопрос
kowkoed
@kowkoed
Недо Дизайнер
дизайн

Как сделать интерфейс под разные размеры(IOS)?

Моей задачей стало сделать мобильный интерфейс под IOS. Сначала я сделал под Iphone 6. Теперь у меня появилась проблема, я не знаю, как мне сделать интерфейс под другие размеры, не начиная с самого начала.

Как обычно решают такую проблему?
  • Вопрос задан
  • 210 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
p1xel
@p1xel
UX-спасатель
Есть несколько основных правил и техник, которые помогут избавится от таких проблем
  • Дизайн в векторе. Это позволяет нашим интерфейсам, иконкам и прочей графике масштабироваться в любой нужный размер. Разработчики берут векторную графику и спокойно масштабируют её под @2x и @3x.
  • Дизайн в 1х. Масштабирование 2x-графики в 150% для генерации версии в 3х провоцирует появление размытых контуров. Макеты для стандартных размеров iPhone 6 должны быть 375×667, а не 750×1334.
  • Иногда устройства лгут. Они делают вид, что их коэффициент преобразования пикселей в точку один, например, 3х, а на самом деле, оно 2.61х, а сам исходник масштабируется в 3х просто для удобства. Создавайте дизайн под iPhone Plus, как если бы он на самом деле был 3х. Телефон сам смасштабирует его в 87%.
  • Если используйте Sketch, то можно поставить Fluid — плагин, который помогает налету изменять ваши дизайны в соответствии с разной шириной экрана.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Арт-директор
ЛАНИТ • Москва
До 300 000 ₽
Senior UX/UI product designer/Старший продуктовый дизайнер [дизайн интерфейсов]
HelloClient CRM
от 100 000 до 180 000 ₽
Начинающий web-дизайнер
naitie.agency • Краснодар
от 15 000 до 15 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать лендинг, переработать существующий логистический сайт
16 апр. 2024, в 16:34
30000 руб./за проект
Управление процессами и задачами в продукте "Форсайт"
16 апр. 2024, в 16:33
1000 руб./за проект
Написать учебное JS приложение - несколько интеграций с API
16 апр. 2024, в 16:31
5000 руб./за проект
Ещё заказы