2014-12-04 4 views
0

Я прыгаю из Core Java/OSGi в мобильное пространство, для моего первоначального проекта я собираю немного Кордовы/Знаменитое/Угловое приложение. Я хотел бы отобразить изображение, которое заполняет верхнюю половину экрана (100% ширина х 50% высоты), а затем использовать лайтбоксы, которые переходят между изображениями.Как управлять изображениями для мобильного приложения

Мне сложно найти ресурсы, которые описывают лучшие методы управления ресурсами изображений.
Некоторые из моих вопросов, включают в себя:

  • Мое предположение вы хотите, чтобы стандартизировать свои изображения до определенного размера и плотности мишени. Каковы сочетания плотности x, с которыми я должен ориентироваться?
  • Поскольку это будет фоновое изображение, лучше ли использовать <span> и установить атрибут фонового изображения или использовать <img>?
  • Как изменился выбор тега выше, если бы я хотел иметь зеркальный эффект? Должен ли я придерживаться <img> и установить отображение webkit-box или использовать другой <span> в сочетании с некоторым вращением?

Идея состоит в том, чтобы заполнить пробел, что будет означать, что на некоторых устройствах горизонтальные или вертикальные края могут быть не видны. В конечном счете, я знаю, что лучший ответ найдет что-то, что работает, и просто придерживаться этого.

Каковы некоторые надежные ресурсы, которые описывают лучшие методы управления изображениями, в частности связанные с управлением изображениями для мобильных устройств?

Спасибо,

JD

ответ

1

Есть много ресурсов там. Вы можете легко найти множество видеороликов, учебных пособий, статей и т. Д.

Предлагаю начать со следующего. Они охватывают практически все аспекты, включая графику, производительность, качество интуитивного приложения.

компании Apple IOS

Узнайте, как построить полированные, вовлекая и интуитивные приложения, которые клиенты компании Apple ожидают

Android

Дизайн и создание приложений в правильном направлении. Узнайте, как создавать приложения, которые отлично смотрятся и работают на максимально возможном количестве устройств, от телефонов до планшетов и т. Д.

IBM Мобильные решения Best Practices

Начиная новый проект развития мобильной связи? Эти передовые методы являются общими по своим масштабам и могут помочь вам спланировать архитектуру вашего приложения и его прогресс через интерфейсную разработку. (Эти методы не являются специфическими для какой-либо конкретной версии Worklight.)

См изображений, связанных Tips.

Blackberry

Когда вы следовать рекомендациям, вы можете улучшить производительность вашего приложения и сделать его проще для отладки и обслуживания.

Windows Mobile приложения

Update:

Оптимизация изображения

Существует еще один большой источник на сайте разработчиков Google и специфичен для оптимизации изображения.

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

  • Упразднение и замещающие изображения
  • Вектор противРастровые изображения
  • Последствия экранов высокого разрешения
  • Оптимизация векторных изображений
  • Оптимизация растровых изображений
  • Lossless против сжатия с потерями изображений
  • Выбор правильного формата изображения
  • Инструменты и настройки параметров
  • Delivering активы с масштабированным изображением
  • Контрольный список оптимизации изображения

Надеюсь, это поможет.

Смежные вопросы