Дизайн приложения для iPad (без ретины)
Всем привет!
Ребят, подскажите, какой размер надо выбирать для создания дизайна под iPad2? Нужно ли уточнять у заказчика как будет расположен планшет вертикально или горизонтально?
В чем разница между созданием сайта для обычных компов и для iPad?
Комментарии пользователей
Узнавать вообще желательно Для ipad 2 (вертикаль) 2048x1536 - горизонталь соответственно наоборот Для ipad 1 (вертикаль) 1024x768 - горизонталь соответственно наоборот Шрифты надо делать крупнее чем для Web ну и соблюдать гайды для ipad (размерность плашек) Ну ,а функционал и дизайн уже за вами
f1lter, спасибо! теперь всё понятно. А dpi на сколько ставят? как при вебе?
BigBB, про ретину я знал какой размер, про 1024х768 я уже догадался что для обычного iPad) Только вот реально интересует, имеет значение в каком расположение рисовать или нет, т.е. горизонтально или вертикально. Потому что я думал, что везде надо под резину настраивать, потом вспомнил, что заказчик показывал прототип и он был в горизонтальном положении.
Это зависит от требований. Вобще приложение должно работать и в горизонтальной и в вертикальной ориентации, т.е. стоит отрисовать и тот и тот вид. Но обычно это оговаривается в ТЗ
BigBB, спасибо большое!:roll:
Doberman, http://habrahabr.ru/post/142120/ почитай...
Чуток кривовато перевели, но спасибо ребятам за старания. iOS Human Interface Guidelines на русском - https://dl.dropbox.com/u/23030017/prodesign/Apple%20GuideLine%20rus.pdf З.Ы. По поводу разрешения меня тоже всегда улыбало разрешение в 264 ppi для айпад ретины (http://www.apple.com/ipad/specs/) при фактическом 2048х1536 пикселей...
iPad 1 и 2 — 1024x768 px iPad 3 (The new iPad) с Retina-экраном — 2048x1536 px Про dpi уже много раз тут писали, он не важен. И да, очень желательно иметь под рукой реальное устройство для тестирования макетов интерфейса.
Doberman, еще одно уточнение, невнимательно прочитал вопрос и не увидел, что вы спрашиваете про сайт, оптимизированный для просмотра на планшете. Все, что написал актуально для интерфейсов приложений, а вот с задачей дизайна сайтов, заточенных по Ipad не сталкивался, поэтому что-то конкретного подсказать не могу(((
По сути в горизонтальном расположении дизайн остенется таким же. При вертикальном блоки справа либо уходят под центральные или пропадают. Меню модифицируется (если много пунктов) под удобство нажатия и тд. Все зависит от функционала в каждом конкретном случае. советую посмотреть http://twitter.github.com/bootstrap/scaffolding.html используется 12 колоночная сетка, которая модифицируется под все устройства А еще советую почитать: http://www.uxfox.ru/5-really-useful-responsive-web-design-patterns/
По сути iPad масштабирует сайт. можно рисовать обычный адаптивный сайт под минимальное разрешение 1024-768. На iPad'e всё будет нормально смотреться.
Под ретину выставляю 326dpi - отображается шикарно! В разы сочнее, чем на монике, но это, в принципе, характерная черта всей продукции Apple.:)