http://tsokolovskaya.ru/blog/tags/ebooks/ Раскрываю процессы, конспектирую книги, пишу советы. en Aegea 11.3 (v4134e) mail@tsokolovskaya.ru Раскрываю процессы, конспектирую книги, пишу советы. no 63 http://tsokolovskaya.ru/blog/all/metamorfoza-catalog/ Thu, 27 Aug 2020 12:48:48 +0100 http://tsokolovskaya.ru/blog/all/metamorfoza-catalog/ <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/cover-2-3.jpg" width="1200" height="653" alt="" /> <div class="e2-text-caption">Обложка и разворот с идеологией бренда</div> </div> <p>«Метаморфоза» — украинский бренд одежды, который производит эксклюзивные вышиванки. Вышивка на туниках совсем не похожа на традиционную украинскую вышиванку, у бренда есть свой собственный стиль. Только посмотрите на них:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="800" data-ratio="0.66666666666667"> <img src="http://tsokolovskaya.ru/blog/pictures/DSC02521.jpg" width="800" height="1200" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/DSC02274.jpg" width="800" height="1200" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/DSC02292.jpg" width="800" height="1200" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/DSC02352.jpg" width="800" height="1200" alt="" /> </div> </div> <p>Требовалось сделать два варианта каталога — электронный и для печати.</p> <p>Версия каталога для печати в формате А5:</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/cover-2.jpg" width="1200" height="872" alt="" /> </div> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/16-1.jpg" width="1200" height="756" alt="" /> <div class="e2-text-caption">Задник и обложка</div> </div> <div class="e2-text-picture"> <div class="fotorama" data-width="1500" data-ratio="1.2953367875648"> <img src="http://tsokolovskaya.ru/blog/pictures/2-3-2.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/4-5-2.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/6-7-2.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/8-9-1.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/10-11-2.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/12-13-2.jpg" width="1500" height="1158" alt="" /> <img src="http://tsokolovskaya.ru/blog/pictures/14-15-1.jpg" width="1500" height="1158" alt="" /> </div> <div class="e2-text-caption">Страницы с товаром</div> </div> <p>Электронный каталог практически не отличается от печатного, вот некоторые страницы:</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/all-2.jpg" width="1500" height="1394" alt="" /> </div> 61 http://tsokolovskaya.ru/blog/all/guide-valerie-pronails/ Sun, 16 Aug 2020 07:37:53 +0100 http://tsokolovskaya.ru/blog/all/guide-valerie-pronails/ <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/cover-1.jpg" width="1500" height="1099" alt="" /> </div> <p>Валерия — мастер маникюра и педикюра. Для рассылки и привлечения новых клиентов ей понадобился гайд, в котором она рассказывает про уход за кожей рук и ногтями. Гайд нужен в электронном и печатном виде.</p> <p>Я сверстала два варианта — формат А4 для рассылок и формат А5 для печати.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/all-1.jpg" width="1500" height="1125" alt="" /> <div class="e2-text-caption">Некоторые страницы из печатной версии гайда</div> </div> <p>В электронную версию я добавила немного интерактива: пользователи могут перейти по ссылке из содержания на любую страницу и вернуться обратно к содержанию, а также сделала активными ссылки внутри текста.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/all-web.jpg" width="1508" height="1543" alt="" /> <div class="e2-text-caption">Некоторые страницы из электронной версии гайда</div> </div> 23 http://tsokolovskaya.ru/blog/all/wedensky-ebook/ Sun, 21 Aug 2016 18:29:06 +0100 http://tsokolovskaya.ru/blog/all/wedensky-ebook/ <blockquote> <p><i><b>Задача</b></i><br /> <i>Оформить и сверстать электронную версию книги “О Жизни, Смерти и Любви” в формате ePub.</i></p> </blockquote> <p>В дополнение к печатному изданию <a href="http://tsokolovskaya.ru/blog/all/wedensky-book-process/">книги «О Жизни, Смерти и Любви»</a> я разработала ее электронную версию. Туда вошли все рассказы и иллюстрации из оригинала.</p> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/2_2.jpg" width="1200" height="1040" alt="" /> </div> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/6_2.jpg" width="800" height="1032" alt="" /> <div class="e2-text-caption">Каждая глава оформлена в точности, как печатное издание</div> </div> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/5_4.jpg" width="800" height="1032" alt="" /> <div class="e2-text-caption">Для удобства чтения между абзацами предусмотрен небольшой отступ</div> </div> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/3_5.jpg" width="1200" height="924" alt="" /> <div class="e2-text-caption">Иллюстрации вписаны в текст</div> </div> <div class="e2-text-picture"> <img src="http://tsokolovskaya.ru/blog/pictures/4_6.jpg" width="1200" height="924" alt="" /> <div class="e2-text-caption">Все сноски идут сразу после соответствующего абзаца</div> </div> <p>Книга доступна для бесплатной загрузки <a href="https://www.litres.ru/lea-vedenski-8857705/o-zhizni-smerti-i-lubvi-zapisi-na-polyah-v-dnevnike-psihologa/">на сайте ЛитРес</a>.</p> <hr /> <p><b>Участники проекта</b></p> <table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"> <tr> <td>Дизайнер<br/>Таня Соколовская</td> <td>Автор<br/><a href="https://wedensky.com/about/lea">Леа Веденски</a></td> <td>Художник-иллюстратор<br/><a href="https://business.facebook.com/MashaRoitmanillustrator/">Маша Ройтман</a></td> <td>Литературный редактор<br/>Гульнара Сабрекова</td> </tr> </table>