https://www.tsokolovskaya.com/blog/tags/ebooks/ On editorial and graphic design en Aegea 11.3 (v4134e) mail@tsokolovskaya.com On editorial and graphic design no 17 https://www.tsokolovskaya.com/blog/all/metamorfoza-catalog/ Thu, 27 Aug 2020 14:48:28 +0100 https://www.tsokolovskaya.com/blog/all/metamorfoza-catalog/ <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/cover-2-3.jpg" width="1200" height="653" alt="" /> <div class="e2-text-caption">Cover and spread with brand ideology</div> </div> <p>Metamorfoza is a Ukrainian clothing brand that produces exclusive embroidered tunics. Embroidery on tunics is not at all similar to traditional Ukrainian embroidered vyshyvanka. The brand has its own style. Just look at them:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="800" data-ratio="0.66666666666667"> <img src="https://www.tsokolovskaya.com/blog/pictures/DSC02521.jpg" width="800" height="1200" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/DSC02274.jpg" width="800" height="1200" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/DSC02292.jpg" width="800" height="1200" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/DSC02352.jpg" width="800" height="1200" alt="" /> </div> </div> <p>Two versions of the catalogue were required — electronic and print.</p> <p>The print version of the catalogue is in A5 format:</p> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/cover-2.jpg" width="1200" height="872" alt="" /> </div> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/16-1.jpg" width="1200" height="756" alt="" /> <div class="e2-text-caption">Back and cover</div> </div> <div class="e2-text-picture"> <div class="fotorama" data-width="1500" data-ratio="1.2953367875648"> <img src="https://www.tsokolovskaya.com/blog/pictures/2-3-2.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/4-5-2.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/6-7-2.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/8-9-1.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/10-11-2.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/12-13-2.jpg" width="1500" height="1158" alt="" /> <img src="https://www.tsokolovskaya.com/blog/pictures/14-15-1.jpg" width="1500" height="1158" alt="" /> </div> <div class="e2-text-caption">Product pages</div> </div> <p>The electronic catalogue is pretty much the same as the printed catalogue. Here are some of the pages:</p> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/all-2.jpg" width="1500" height="1394" alt="" /> </div> 62 https://www.tsokolovskaya.com/blog/all/guide-valerie-pronails/ Sun, 16 Aug 2020 10:38:53 +0100 https://www.tsokolovskaya.com/blog/all/guide-valerie-pronails/ <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/cover-1.jpg" width="1500" height="1099" alt="" /> </div> <p>Valeria is a master manicurist and pedicurist. For her newsletter and to attract new clients she needed a guide in which she talks about hand and nail care. The guide needed to be in both electronic and printed form.</p> <p>I made two versions — A4 format for mailing and A5 format for printing.</p> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/all-1.jpg" width="1500" height="1125" alt="" /> <div class="e2-text-caption">Some pages from the printed version of the guide</div> </div> <p>In the electronic version, I added a bit of interactivity: users can follow a link from the content to any page and back to the content, and I also made the links within the text active.</p> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/all-web.jpg" width="1508" height="1543" alt="" /> <div class="e2-text-caption">Some pages from the electronic version of the guide</div> </div> 36 https://www.tsokolovskaya.com/blog/all/wedensky-ebook/ Sun, 21 Aug 2016 21:30:06 +0100 https://www.tsokolovskaya.com/blog/all/wedensky-ebook/ <blockquote> <p><i><b>Task</b></i><br /> <i>Design and layout of the ebook version of “On Life, Death and Love” in ePub format.</i></p> </blockquote> <p>In addition to the printed edition <a href="http://tsokolovskaya.ru/blog/all/wedensky-book-process/">of “On Life, Death and Love”</a>, I have created an electronic version. It includes all the stories and illustrations from the original.</p> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/2_2.jpg" width="1200" height="1040" alt="" /> </div> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/6_2.jpg" width="800" height="1032" alt="" /> <div class="e2-text-caption">Each chapter is designed exactly like the print edition</div> </div> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/5_4.jpg" width="800" height="1032" alt="" /> <div class="e2-text-caption">There is a small indentation between paragraphs for ease of reading</div> </div> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/3_5.jpg" width="1200" height="924" alt="" /> <div class="e2-text-caption">The illustrations are embedded in the text</div> </div> <div class="e2-text-picture"> <img src="https://www.tsokolovskaya.com/blog/pictures/4_6.jpg" width="1200" height="924" alt="" /> <div class="e2-text-caption">All footnotes come immediately after the relevant paragraph</div> </div> <p>The book is available as a free download <a href="https://www.litres.ru/lea-vedenski-8857705/o-zhizni-smerti-i-lubvi-zapisi-na-polyah-v-dnevnike-psihologa/">on the LitRes website</a>.</p> <hr /> <p><b>Project members</b></p> <table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"> <tr> <td>Designer<br/>Таня Соколовская</td> <td>Автор<br/><a href="https://wedensky.com/about/lea">Lea Wedensky</a></td> <td>Illustrator<br/><a href="https://business.facebook.com/MashaRoitmanillustrator/">Masha Roitman</a></td> <td>Literary editor<br/>Gulnara Sabrekova</td> </tr> </table>