ЕДИНЫЙ ДИЗАЙН НА ВСЕХ ПЛАТФОРМАХ, НАЧИНАЮЩИХСЯ ОТ INDESIGN
(Отказ от ответственности: одобрение не подразумевается; просто нужно было сделать это, поэтому я решил опубликовать рабочий процесс в качестве ответа на вопрос)
0) InDesign ----> 1) Epub - iPad / Iphone и т. Д.
|
| (Экспорт в формате .eps)
|
В
2) Illustrator (3 минуты, плюс инструментальные средства во время ИИ; плюс нарезка, если вы это сделаете
здесь)
|
| (2a) Экспорт в .psd; нарезка / подготовка в Illustrator или Photoshop.
|
| или (если вы предпочитаете использовать AI в PS вместо инструментов)
|
| (2b) Кроме того, вы можете пропустить экспорт в .psd и просто:
| (Файл> Сохранить для Интернета и устройств; обязательно перейдите в «Редактировать настройки вывода> Срезы
»
| и отмените выбор хромых таблиц и выберите вместо них css; Также измените HTML на> XML)
|
|
| (Примечания: помните, что на этом и следующем этапах могут быть слои / группы
| что вы могли бы хотеть
| экспортировать всю ткань. Сохраните эти файлы, но не удаляйте слои. Просто нарезать
| их таким образом, что вы можете увидеть высоту и ширину в пикселях. Возможно, вам придется двигаться
| все кончено например у тебя потрясающий градиент Вы хотите оригинальные размеры, но
| небольшой файл или, может быть, вы хотите фоновое изображение. Помните об этом.)
|
В
3) Photoshop (3 минуты, плюс времяпровождение во время PS; плюс нарезка, если вы делаете это здесь;)
|
| (3a) Файл> Сохранить для Интернета и устройств; Перейдите в «Редактировать настройки вывода> Ломтики» и выберите
| и отмените выбор хромых таблиц и выберите вместо них css; Также измените HTML на> XML)
V
4) PROTO_XHTML и файлы изображений (На этом шаге у вас теперь есть:
| а) Ваши файлы изображений, правильные пропорции
| ** b) Файл XHTML, который удобно содержит размеры в пикселях
| всех ваших изображений в разделе стиля
| ** c) Размещение файлов изображений в px
|
V
5) СДЕЛАТЬ МАТЕМАТУ (15 минут - Вы, вероятно, хотите, чтобы некоторые вещи в процентах - размер изображения;
абсолютное или относительное размещение и т. Д. - вам придется делать математические вычисления, чтобы получить эти числа
из необработанного данные, которые вы создали на предыдущем шаге. Откройте Excel или что-то в этом роде.
Используйте навыки вырезания и вставки. Выполните математику.)
|
|
|
|
V * * тысяча семьдесят-одна
6) Dreamweaver или что бы вы ни использовали (Загрузите файл PROTOXHTML в редактор. Замените
px на проценты, полученные на шаге DO MATH.)
Теперь у вас есть ВСЕ сырье, необходимое для воссоздания оригинального дизайна в любом виде макета, если вы знаете базовый CSS.