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

  • 100
  • 0
  • 约6.7千字
  • 约 58页
  • 2021-09-13 发布于江苏
  • 举报

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

(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字

文档评论(0)

1亿VIP精品文档

相关文档