作者：董庆帅
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
UI设计师的版式设计手册试读：
内容简介
本书从当前热门的移动UI设计的版式设计出发，分别介绍了移动UI设计的版式设计类型、版式设计的编排，以及版面文字、图形的编排原理，并介绍了网格在版式设计中的应用。本书不仅详细分析了各种风格的移动UI、网页版式设计的原理，还提供了近300个版式设计案例的展示，供读者进一步理解和设计借鉴。
本书适合广大作为设计爱好者特别是UI设计爱好者案头工具书，还适合作为各大院校相关专业及培训班参考用书。
前言 PREFACE
随着信息技术的发展，手机、平板电脑、笔记本电脑等移动设备也得到快速发展，设备屏幕越来越大，界面开始承载越来越多的信息。繁复的界面装饰细节，让界面显得越发臃肿，人们开始更多地关注界面的内容和功能，信息框架呈现出扁平化的趋势。在设计风格上，设计师们也不再追求3D、拟物化的设计，而是越来越崇尚扁平、简约的设计理念。
版面的构成是信息传播的桥梁，发挥版面元素中各自的特点和功能，会使整个版面完成从视觉到内容的完善性和美观性，从而更快、更准确地传递信息，所以版式设计一直广泛应用在广告、招贴、杂志等平面设计中。
随着现在移动界面版式越来越多样化，我们除了以用户的操作和使用体验为主，最主要的还是要通过版面的信息内容来吸引用户。能够更好地吸引用户的就是整体的版式设计。
本书主要介绍版式设计在移动界面中的具体应用。本书从版式设计的基础内容开始，详细介绍了版式的每个设计形式和排列方式在移动界面中的使用技巧和方法。每章分为3个部分，第一部分是对版式内容的概括；第二部分是版式设计的具体案例分析；第三部分是精彩案例展示。通过这3个部分内容的讲解，相信大家对于移动版式设计就不会陌生了。
本书主要是针对热爱或者移动界面设计的初学者而编写的。本书内容讲解清晰，语言通俗易懂，案例讲解到位，赏析的案例选择有针对性。希望所有读者在阅读此书后对自己移动版式设计有所帮助，同时也希望广大读者能够对此书提出宝贵的意见和建议，帮助我们把内容做得更好，给更多的需要了解版式设计的人带来更专业的知识。
另外，在本书的编写过程中，收集了大量的素材，也做了很多的素材分析，并且参考了很多的书籍资料，自己在专业方面也得到了很大的提升。
最后，感谢各位支持我的朋友和家人，以及相关行业的专业人士对我的指导，他们给予的意见和建议让我更有信心把这本书做好，希望这本书能够在版式设计方面带给读者新的理念和想法，能够提升读者版式设计的能力。01移动版式设计的视觉流程1 水平——如何让杂乱的图文变得井然有序知识导读
1 如何让杂乱无章的图文变得井然有序是版式设计的重要内容，太单一、太繁杂都不适合。
2 强调版面井然有序是为了方便用户浏览所需相关内容。
3 在井然有序的版面中，色彩的搭配很重要，色彩不可太跳跃或太单一，两者都会让版面显得杂乱或死板。
在APP版式设计中，井然有序的图文编排是很重要的，能使用户方便、快捷地找到相关内容。好的版面一般都是文字、图片、标题整齐划一、对应有序的，这样能让用户一目了然，同时方便用户阅读。在版式设计中，一定要保持界面整齐简洁、标题明显，让用户有一个最棒的浏览体验。鲜明鲜明的版式设计，可以给用户一目了然的浏览体验。创意创意是每个版式设计不可或缺的，富有新意的东西才能吸引用户。空间在版式设计中，空间的留白、补充都是很重要的，留白能让版面变得清晰明朗，补充内容则使图文更丰富。
1 鲜明的版式案例解析
网页中内容的版式排列一般为水平横向的，这样可以呈现更多的内容，更符合人们的阅读习惯，所以采用这种方法编排可以使页面不至于看起来杂乱无章。
2 延续的版式案例解析
移动平板设备的网页设计采用水平版式排列，延续感更强一些，画面的横向排版能够让内容更加丰富，阅读起来更方便一些。
3 简明的版式案例解析
手机终端页面的版式设计常用的是水平的排列方式，这种形式能够让更多的信息在有效的空间内更好地呈现出来，让画面看起来更加简洁明了。案例赏析
水平排列的版式比较稳重，同时也比较符合常规的阅读习惯。井然有序的排列能够让杂乱无章的内容看起来更加简洁明了，复杂的内容采用横向的归纳排列方式，文字、图片、整体内容统一归纳，画面效果使人更加舒服。案例赏析2 垂直——如何避免规划出单调的网格系统知识导读
1 垂直排列的版面形式给人强烈的动感，同时也会有很严谨的网格系统。
2 版面的垂直排列方式具有一定的坚定性和理性，给人一种值得信任的感觉。
3 在垂直版式排列中，要注意不要刻意去讲究网格，否则会导致网格的呆板。
垂直版式在报纸版式设计中是常见的，这种方式的优点是：能够把非常多而且分类又很复杂的信息内容很好地规整，通过分栏的方式把信息排列得更加明确。
在网页的版式设计中，可以考虑垂直排列的方式，就像分栏一样，这样能够对信息进行归纳，呈现出来的内容使人一目了然。但是要注意垂直的排列方式更接近严谨的网格结构，切记一定不要让版式过于呆板，一定要让其活跃起来。坚定垂直的版式设计能够给人一种坚定的感觉。理性垂直的版式设计在整体上看是直线条的，表现比较直接，给人的感觉更加理性。简洁垂直的版面在视觉上更加严谨和简洁，因为垂直的版式网格拘束率一般比较高。
1 稳重的版式案例解析
这个界面中的每个元素都是水平排列的，但是整体形式又是垂直排列的，加上黑色的背景，给人的感觉是非常稳重的，搭配一些亮的色彩，画面整体很活跃，不会显得很沉重。
2 严肃的版式案例解析
这款网页是按照垂直的排版方式进行设计的，内容清晰明了，背景为深绿色，衬托出图片和文字，视觉效果好，整个界面比较严肃、认真，比较适活动的官方网站。
3 明确的版式案例解析
这款页面的版式设计整体色调比较明亮，在版式上的排列比较自由，但是整体的排列都是围绕主体物的，通过这样的版式很明确地衬托出了主体物。案例赏析
垂直版式的设计在界面设计中用得比较多，尤其是在信息归纳和后台管理中，但是往往在进行垂直版式设计的过程中，很容易对网格的使用过度，这时候就造成了整个界面的死板、不活跃。所以在设计的时候考虑让垂直的版式错位，大小分开，偶尔在页面中穿插一些水平的版式，这样可以避免单调的网格系统出现。3 倾斜——如何设计出华丽而热闹的版面知识导读
1 倾斜型的版式既充满了强烈的活跃动态美感，又显得斜中有序，吸引人注目、阅读。
2 倾斜型的版式排列要做到很有秩序感，不能随意地倾斜设计，否则会造成版面的不稳定。
3 倾斜型版式可以考虑与水平型版式和垂直型版式结合设计，这样可以突破原来版式的呆板，增加一点活跃性。
倾斜型的版式在界面设计中也会经常遇到，这种版式形式往往会跟其他的版式形式结合设计，不会单独出现，因为这种版面容易给人不稳定感。
设计这种版面时，有时会采用多幅图片来做图版，倾斜排列的时候，秩序是必须要有的，这种秩序精密到图片之间的缝隙，以及文字之间的标点符号间距。设计版面的时候要仔细认真，考虑到每个细节，还得考虑整个版面的稳定性，不能因为考虑其倾斜性，而让版面失去了重心。动感倾斜型的版面会带给人一种很好的动感，让原本呆板的画面看起来比较活跃。速度倾斜的版式都具有一定的动感，当然也具备一定的速度感，斜度越大，速度感越强。稳定当倾斜不只是朝着一个方向的时候，比如相互交叉的倾斜，会产生很多三角形，从而产生一种稳定感。
1 自由轻松的版式案例解析
这个界面的版式设计比较轻松，没有严格的网格结构，也没有很强的秩序感，但是整体看起来内容的主次关系还是比较清楚的，整个版面给人一种轻松、自由的感受。
2 清爽的版式案例解析
这款界面的整体感觉很清爽，版面在传统的基础上做了一个简单的倾斜设计，打破了原来那种规规矩矩的设计，整体比较有活力。
3 活跃的版式案例解析
这款界面整体运用了大量的文字块的倾斜设计，使这个版面看起来非常活跃，同时也没有影响到整个版面的稳定性，倾斜的文字块相互交叉，会形成一种稳定的三角形结构，所以看起来不仅没有失去版面的活力，又增加了版面的稳定性。案例赏析
试读结束[说明：试读内容隐藏了图片]