New season, New skills! All Courses at $9.99
Follow
Curated by

LAYOUT

Web Design Layout is about architecture of contents and accessibility, but it also needs to create a visual impact which catches the users’ attention. Designing a layout requires understanding of design concepts like visual hierarchy, weights, negative space,etc, as well as knowledge of the most popular responsive design and mobile patterns like Full-Screen Photo, Grid Layout, Card Layout, Block Layout, Magazine Layout, Cards, Split Screen, Single Page layout, Tiny Tweaks, Mostly Fluid, Column Drop, Layout Shifter and Off Canvas Pattern.

162 items.

  • ELEMENT
    Navigation
    video
    Impermanence - A digital journey photograp... by
    Victor Work
    PRO
  • Scroll triggered mask animation - S-GROOVE
    ELEMENT
    Layout
    video
    Scroll triggered mask animation - S-GROOVE by
    FOURDIGIT Inc.
  • ELEMENT
    Layout
    video
    Hi skin - Scroll navigation clean layout by
    Zhenya Rynzhuk
    PRO
  • ELEMENT
    Layout
    video
    Deepondé brand website - Horizontal naviga... by
    Plus X
  • ELEMENT
    Navigation
    video
    Horizontal layout scroll navigation - Stud... by
    Bruno Arizio
  • ELEMENT
    Navigation
    video
    Chartogne-Taillet dive through the wines p... by
    Immersive Garden
    INT
  • Magazine Layout with Retro Style
    ELEMENT
    Layout
    Magazine Layout with Retro Style by
    awwwards.
  • ELEMENT
    Layout
    video
    Scrolling 3D mapping texture - Tiger tells... by
    yesiwannado
  • ELEMENT
    Navigation
    video
    Navigation layout project gallery - Alessa... by
    ET Studio
    PRO
  • ELEMENT
    Gallery
    video
    Horizontal layout artwork gallery - 100 da... by
    Keita Yamada
  • ELEMENT
    Layout
    video
    Typography Based layout by
    awwwards.
  • Foam Talent 2020
    WEBSITE
    Foam Talent 2020
    Build in Amsterdam

    Build in Amsterdam

    PRO
    DEV
    Developer Award
    SOTD
    Site Of The Day
    Dec 14, 2020
  • ELEMENT
    Layout
    video
    Editorial Layout by
    Cappen
    PRO
  • ELEMENT
    Layout
    video
    Scrolling glitch layout - Andrew Leguay by
    Andrew Leguay
  • ELEMENT
    Content
    video
    Storytelling scroll layout - Jesus is king by
    Arvin Leeuwis
  • ELEMENT
    Layout
    video
    Colorful grid layout - Bruegel by
    WILD
    PRO
  • ELEMENT
    Layout
    video
    Two Column Layout by
    Ueno
  • ELEMENT
    Layout
    video
    Scroll Triggered Content by
    Mustafa Çelik
  • ELEMENT
    Layout
    video
    Grid Layout Scroll Homepage by
    Manyone
  • ELEMENT
    Layout
    video
    One-page grid layout by
    awwwards.
  • Patrick HENG - Portfolio
    WEBSITE
    Patrick HENG - Portfolio
    Patrick Heng

    Patrick Heng
    DEV
    Developer Award
    SOTD
    Site Of The Day
    Jul 21, 2020
  • ELEMENT
    Layout
    video
    One page scroll layout by
    awwwards.
  • ELEMENT
    Layout
    video
    Horizontal visible grid by
    awwwards.
  • ELEMENT
    Layout
    video
    Geometrical brutalist layout by
    awwwards.
  • ELEMENT
    Other Element
    video
    SIRUP x Apple Music - Playlist by scrollin... by
    tote
    PRO
  • Visible grid layout
    ELEMENT
    Layout
    Visible grid layout by
    awwwards.
  • CANALS
    WEBSITE
    CANALS
    Marcus Brown

    Marcus Brown
    DEV
    Developer Award
    SOTM
    Site Of The Month
    Dec, 2019
  • Typography on a grid
    ELEMENT
    Layout
    Typography on a grid by
    awwwards.
  • Sea Harvest
    WEBSITE
    Sea Harvest
    ED.

    ED.

    PRO
    DEV
    Developer Award
    SOTD
    Site Of The Day
    Dec 18, 2018
  • Breaking the grid
    ELEMENT
    Layout
    Breaking the grid by
    awwwards.
  • ELEMENT
    Shopping cart
    video
    Black and white e-commerce by
    awwwards.
  • ELEMENT
    Interaction
    video
    Mirror reflection by
    awwwards.
    • Awards
    Inspiration
    Academy
    Directory
    w.
    awwwards.
    awwwards.
    Visit us