优秀设计资源 » Bootstrap 4 栅格系统模板 (BS4 Grid PSD)

Bootstrap 4 栅格系统模板 (BS4 Grid PSD)

发表于: 优秀设计资源. 评论 (1)
赞助商链接

上月 Bootstrap 官方发布了4.0内测版,优化了很多细节,具体可查看《新版Bootstrap 4 不支持IE8 CSS采用rem和em单位》的报道。

今天我们主要分享新版的 BS4 栅格系统素材,该文件是PSD分层文件,所有图层均友好命名并分层,有了它,设计师们可以更方便的布局以BS框架来架构的网站界面。

Bootstrap 4 栅格模板

该素材除了包含栅格模板外,还包含其它常用元素,如网页头部、 内容区、Footer、并有常用的按钮样式、字体大小以及段落等,这些网页设计元素均可修改。

下载后的PSD是这样的:

这个素材有如下特色:

  • 使用2X分辨率设计
  • 完全分层并可编辑、修改这个PSD
  • BS4栅格模板
  • 整齐有组织的PSD文件
  • 包含Photoshop字符样式(根据BS4的样式制作,如下图)

字体样式是PS CC版本才拥有,在【窗口 – 字符样式】菜单打开:

字符样式

素材名称:Bootstrap 4 栅格模板
素材版权:免费
素材格式:PSD
下载地址(561KB):微盘下载 | Download(国外下载页)
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。