掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

响应式、栅格、着陆页等网页设计的基础知识。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

最近在网上发现很多可以应对响应式的布局,纵向页面、横向页面栅格的使用方法,设计着陆页元素等等的知识。这次介绍可以学习网页设计的信息图和资源。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

Multi-Device Layout Patterns

在手机、平板、电脑上产生各种各样布局变化的总结。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

Responsive Layouts, Responsively Wireframed

享受页面响应式布局、线框图的动画。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

Using Layout Grids Effectively

纵向页面、横向页面效果的栅格使用方法。不只是杂志页面,就连网页设计的效果也有。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

UI Tiles

收录了近期网页设计采用的布局、UI按钮等72个免费素材(PSD、AI、Sketch)。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

Flow Patterns

可以付费下载汇集了72个用户流程模式与网站流程。

截屏是78个有意思的微交互。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

Landing Page Design

汇集了着陆页的布局、重要元素等的用处与注意点。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

The Anatomy of a High Converting Landing Page

对高转换率着陆页的剖析。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

12 Cirtical Elements

讲解关于网页构成的12个重要元素。

掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

The Anatomy of an Optimal Local Landing Page

着陆页必要元素和重要度示范的参考。

—————————————————————————————————

翻译:SISENdesign

出典:http://coliss.com/articles/build-websites/operation/design/layout-and-grid-resources-for-web-design.html

未经允许不得转载:水平线设计 » 掌握网页设计的基础!汇总页面的栅格、排版、元素放置效果的使用方法

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)