PhotoshopCC UI设计案例教程4 网页界面设计.pptVIP

（2）列 PC端常用的为12列和24列。12列在前端开发开源工具库Bootstrap与Foundation中广泛使用，适用于业务信息分组较少的中后台页面设计。24列适用于业务信息量大、信息分组较多的中后台页面设计。移动端网页则对应以6列和12列为主。 PC端的12列和24列 4.2.3 网页设计的布局 单列 双列 多列 网页 4.2.3 网页设计的布局 （3）水槽 水槽以及横向间距的宽度可以依照最小单元格8px为增量进行统一设置，如8、16、24、32、40。其中24px最为常用。 水槽尺寸设置 4.2.3 网页设计的布局 （4）边距 边距的设置通常是水槽的0、0.5、1.0、1.5、2.0等倍数。以1920px为例的设计稿，网格系统一般在1200px的安全区域进行建立，此时内容与屏幕左右边缘已经有了一定距离，边距可以根据画面美观度及呼吸感进行选择。 内容于屏幕左右边缘已经有了距离 4.2.3 网页设计的布局 1.安全字体 Web安全字体是用户系统中自带的字体，如Windows系统的微软雅黑、Mac系统的苹方。另外CSS定义了5种通用字体系列：Serif 字体、Sans-serif字