电子书制作-设计篇

1不以服务用户为目的的产品都是耍流氓2每一个人都有自己的审美像简与繁、美与丑、和谐与冲突的判断，这种能力有别于知识性的思考，是一种直观的形象思维。在现今各类信息的网络世界中人们更渴望看到一种以简洁和纯净来展现功能和美感的设计，这是人们在互补意识支配下，所产生的想要摆脱繁琐、复杂并想去简单和自然的心理。那么什么是简约？通过最精简的表现手段达到最好的效果（简约并非简单）。同时表达简约时尚的感觉，就需要高度的提炼和概括。要所用元素保证干净利落（注：千万不要为了设计而设计），尤其在手机上。从简洁、清新的风格中体现出一定的文化品位。在版式设计除了在视觉上给人一种美的享受外，更重要的是向用户传达一种的信息，一种理念，因此在电子图书设计时，概述3首先要理解文字的内容 、总体的结构和文章的结构，通过整体的构结了解才能对整本书有一个清晰的划分，通过对书内容的了解才能有好的设计方案和准确的运用色彩，通过对文章的结构了解才能知道如何引导阅读、方便阅读，在这个基础上在进行版式视觉上的设计。结构其实也就是分类，把我们理解的内容段分成几个层级，并为其分配相应的占用空间和大致的视觉位置。谁是主标题，谁是副标题，谁是内文，内文的组成结构是怎样的，用什么字体合适内容，是否需要进行视觉归纳或者是内容归纳等等，把这些问题搞清楚了，我们就可以把这些文字分类成几个层级。并且每个文本元素都一定要有相对独立的空间，要让它看起来本来就应该在那儿，那块空间本来就是为它而留下的，而不是让人感觉是没有地方放了硬塞在那儿的。因为空间是固定不变的，而每个元素之间又是互动的，如何让其占用空间均衡合理，要需要从版面美感、视觉流程、表述内容、版面风格、阅读习惯等多方面去考虑。综上所述，我们必须要明白为什么要设计和排版？如何做好电子书的设计和排版工作？4目录概述Summarize设计风格DesignStyle设计思路Designideas多平台展现Multi-platformshow版面细节Thelayoutdetails个性化personalized大众化inapopularstyle文件生成Filesaregenerated02050812162627285简约时尚在设计中可适当的加入一些抽象、简化、符号化的设计元素，尽量去掉一些多余的元素，使其展现效果现代感更强一些。所用元素保证干净利落，尤其在手机上，简约风格更能直观表达。5设计风格6Step1用刷具将带有光泽感的妆前乳在脸上均匀涂开。Step2再用气垫粉扑蘸取气垫粉底涂抹全脸，在脸颊、脑门、下巴处可以多涂抹几次。时尚趋势FASHION用刷具将带有光泽感的妆前乳在脸上均匀涂开。再用气垫粉扑蘸取气垫粉底涂抹全脸，在脸颊、脑门、下巴处可以多涂抹几次。时尚趋势FASHIONStep1Step2用刷具将带有光泽感的妆前乳在脸上均匀涂开。再用气垫粉扑蘸取气垫粉底涂抹全脸，在脸颊、脑门、下巴处可以多涂抹几次。Step3Step4Step1用刷具将带有光泽感的妆前乳在脸上均匀涂开。Step2再用气垫粉扑蘸取气垫粉底涂抹全脸，在脸颊、脑门、下巴处可以多涂抹几次。简约≠简单简约起源于现代派的极简主义。简约风格就是简而有品位·这种品位体现在设计上的细节的把握。简约并不是缺乏设计要素，它是一种更高层次的创作境界。它更需要设计师具有较高的设计素养与实践经验。需要设计师对内容的了解，运用最少的设计语言，表达出最深的设计内涵7EmmaRoberts身高：157CM裸粉色蛋糕长裙，用粗腰带分割出好比例的同时凸显了腰部的纤细。高跟鞋同样选择裸色，双腿看起来更长了。身高：157CM裸粉色蛋糕长裙，用粗腰带分割出好比例的同时凸显了腰部的纤细。高跟鞋同样选择裸色，双腿看起来更长了。时尚时尚，是时与尚的结合体。所谓时：时下，即在一个时间段内;尚，高尚，高品位，领先。所以在电子书设计时要保持简约风格的前提下根据不同的图书内容合理的运用一些时下流行的设计元素及表现手法！来逐步提高电子书的视觉展现，更好的提升用户的阅读体验！88图书设计:整体性、网络设计：交互性（色彩的丰富性）、杂志设计：杂、多变图书杂志网络设计思路9图书的设计原则图书的版式设计是一门综合艺术，设计者通过运用字体、字号的变化，将图书的内容，将作者的思想脉络清晰地展现出来，使图书思想内容的表达更具逻辑，使图书更具审美和艺术价值，更易为读者所理解和接受；通过简约和谐的设计，形成自己的特有的版式设计风格，营造与图书内容相适应的氛围，使图书产生艺术魅力，引发读者的审美共鸣，拓展读者的视觉空间，开启读者的心扉，增强读者的阅读兴趣，满足读者的审美要求。整体统一美：整体和谐是版式设计的重要原则之一，也是对版式设计的总体要求。通过审美表现手法，使封面扉页、目录、正文和谐地组合成一个整体，不仅体现出了全书内容的风格，也使读者看了赏心悦目。排列组合美：统一整体的版式设计，将一本书的封面、扉页、体例、标题、字号字体艺术地组合来表现出图书的层次美感，将全书各环节的内容巧妙地组合在一起，来达到我们的目的。适当给版面留出空间可以让版面整体显得宽松大方活泼，这样使其中内容更加突出，也更加方便读者查阅。因此，恰到好处的排列与组合，会激起读者不同的情感与乐趣。平衡和谐美：对称的版式设计，常可使版面呈现稳定的美感，但以对称为准则，就会显得庄重有余，而活泼不足。在对称的同时多一些变化，要在对称中体现平衡，在平衡中超越对称。这样才会使版面层次清晰，产生强烈的审美效果。韵律节奏美：版式设计要体现出变化、层次，这样才能体现出韵律美。版式设计要节奏分明、联系密切、搭配得当，达到起伏有致，形成书中标题、小标题、内文……这样的起伏状态，在加之字体字号的变化，构成整体层次较为丰富、分明的效果。如再加之不同字形的运用，照片插图的点缀，就会使版式编排起伏更加明显，达到一种完美的视觉效果，使读者感觉到不仅是在阅读文字，而且是在欣赏一曲流动的美的旋律。创新多样美：版式设计在一些细节处理上，如巧妙设点、线、块的组合，将空白与文字内容部分排列形成色块，再加上图片的衬托，加之色彩的搭配在版面上就构成了变化无穷的构图，使版面“活”起来，使关键内容能一目了然。10杂志设计原则从版面编排角度看，可概括为七个方面加以探讨：统一与变化、对比与调和、对称与平衡、节奏与韵律、条理与反复、动感与静感、整体与局部。杂志设计统一与变化:统一强化了版面的整体感，多样变化突破了版面的单调、死板。但过分地追求变化，则可能杂乱无章，失去整体感。杂志设计对比与调和:版面设计，可以从诸多方面运用对比手法：如虚实、聚散、繁简、疏密、主次、轻重、大小、方圆、长短、粗细、曲直、强弱、黑白等,假若只有对比而缺少调和，版面就会缺少秩序和安定的美感。调和，是指版面中占绝对优势的某种视觉元素统辖整体，使对比性元素居于从属地位。然后在互相对应的元素中寻找“妥协”点，使二者的矛盾冲突得以缓和，获得新的平衡，取得调和效果。杂志设计对称与平衡：对称与平衡产生的视觉效果是不同的，前者端庄静穆，有统一感、格律感，但如过分均等就易显呆板；后者生动活泼，有运动感和奇险感，但有时因变化过强而易失衡。因此，在版面设计中要注意把对称、平衡两种形式有机地结合起来灵活运用。如版面整体可用平衡式，局部栏目标题等可用对称式。杂志设计节奏与韵律:没有节奏的版面肯定是沉闷的。读者在看报纸时，一般是由左到右、由上到下、由题目到正文的阅读过程，如果编辑设计版面时在标题、图片、栏目、点线面上做文章，让它们有所变化，在视觉上串成串儿，形成跳跃式的块状、点状，这样读者读来就有一种节奏感。杂志设计条理与反复：将点、线、面，黑、白、灰等元素梳理归纳为有序的状态，称为条理，没有条理性也就谈不上设计。版面中适当的反复，能增加版面的韵律和节奏感。杂志设计动感与静感：根据版面稿件内容的需要，决定采用动感或静感的形式。确定了某一版面采用的形式后，还应找出相应的对比因素。如某一版面基调是静感的，应有一两处动感元素作对比，反之亦然。静中有动、动中有静，动静结合，才能获得动静有致的版面效果。杂志设计整体与局部：版面设计，整体关系的重要性远远大于局部关系。一个版面就是一部戏，在总体设计中，内容主次的把握，黑白灰的安排，点线面的处理，版面布局分寸的控制等等，都应作统筹规划，以使局部服从于整体。所谓整体感，就是版面的视觉各要素之间形成恰当优美的联系，各要素不是孤立存在的，而是互为依存、互为条件的存在关系。11网站的设计原则01坚持基本原则：为了提高阅读体验，设计师所设计版面最好是可以由HTML写出来的，这样可以在不同的屏目上都可以完美的展现，但需要设计师充份了解电子书在不同的平台上的展现效果。02学习HTML：对于电子书的理解，我们可以把他当成是另外一种网页，或者是一个做了很多分页的网页，而做为一个电子书设计师必需要了解基本的HTML知识，了解HTML的工作模式，这样在做设计的时候才能得心应手！03避免使用过大的图像：在保证图片质量的情况下尽量压低图片的文件大小，这样可以提升图书的下载速度，也能提升图书的阅读体验。04色彩在网页设计中的作用：色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。05交互性：电子书设计中使用超文本链接或图片链接或是其它的交互效果，一定要让用户能够识别到，并且可以自由的操作。关于网站设计在这只取了一些有电子书设计相关的几点原则。12phonepad12一个版面，多种呈现，这就要求大家要在设计时考虑到各种情况，保证所设计的样式可以同时在这些设备上完美展现。pad横版720px*1280px16：91536px*2048px4：31536px*2048px4：3多平台展现13全屏图展现的注意上下被非16：9的裁切如版面的设计不是以整张图展现的不用考虑是否被裁如右图标黄位置为安全区域16：93：52：34：316：93：52：34：316：93：52：34：316：93：52：34：3注意问题：phone1416：93：52：34：316：93：52：34：316：93：52：34：316：93：52：34：3注意问题：phone如果想用一张设计图同时适应pad\phone两个版本，就要同时考虑左右和上下切图的问题如右图标黄位置为安全区域phone15确保每一个版面都能在phone\pad\pad横这三个上面显示无误，下面跟大家罗列一些比较难控制的信息内容有：1.标题过长（正文、篇章）2.碎块信息3.多层级（杂志）4.篇章页竖排phonepadpad横版16：94：32：316版面细节16层次结构颜色突出主题内容，减弱其它辅助效果对用户的干扰，让用户更加专注内容适合用户阅读保证整体书的设计有良好的构架、版面的布局和色彩运用的高度一致，使内容在设计的基础上更能直观的传达给读者。电子书的展现平台不是纸制印刷，没有纸张的质感，他是在屏目上展现的，我们在选择色彩应更明亮、更炫丽一些，一般其它设计只含三种主要颜色，但运用到电子书设计中，可以使其更丰富一些。所以我们在设计时要从色彩上来抓取用户的眼球，使用户有一个全新的改变。17封面、版权、作者信息、前言、序、部\篇、章、正文、后记等之类的相关信息。这时我们要突出的首先是封面、然后是版权、作者信息、前言、序等，最后要通过篇、章来对整本书的内容进行划分。图书结构：层次|结构|颜色18正文的一级标题、副标、署名、正文前言、二级标题、三级标题、四级标题、标重的内容、正文、插图、色彩等。以上都是通过（字体、字号字号的级数不能出现太多，如果标题太多的话用其他方式解决、颜色、元素）这些重要层级素进行巧妙的安排、合理的组合而成，在视觉上为用户去划分，让用户能从你的组合上分清内容的主次，然后在进行视觉上的修饰（注意：不要加入太多的无用信息），以形成内容条理清晰，版面有张有驰。内容结构：保证整体书的设计有良好的构架、版面的布局和色彩运用的高度一致，使内容在设计的基础上更能直观的传达给读者。19标题主要是对图书正文