SlideShare a Scribd company logo
Grids Are Good
(Right?)

March 10, 2007
SXSW Interactive
Austin, TX




Khoi Vinh          Mark Boulton
Subtraction.com    MarkBoulton.co.uk
About Khoi


I’m the Design Director for The New York        nytimes.com
Times Online.


I’m the author of Subtraction.com, a personal   subtraction.com
weblog where I write about design, technology
and other subjects.
Subtraction.com
About Mark


I’m the Founder of a tiny design consultancy   markboultondesign.com
Mark Boulton Design.


I also write about design and whatever else    markboulton.co.uk
takes my fancy at markboulton.co.uk
MarkBoulton.co.uk
Dots to Design
Grids are Good (right?)
From Dots to Design


• Any two or more marks on a single plane is a
  design.
Grids are Good (right?)
Grids are Good (right?)
Grids are Good (right?)
Some History


The grid is the most vivid manifestation of the
will to order in graphic design.
A Brief History
of the Grid
Looking for Reason


Divining architectural proportion from nature.




    Leonardo DaVinci, “The Vitruvian Man” 1492.   Le Corbusier, “Modulor” 1948.
Right Up to the Modern Day
Ornamentation


From this…




Leopoldo Metlicovitz, “Fleurs de Mousse,” 1914.
Advertising poster for French perfume.
Rational Design


…to this.




Theo Ballmer, “Neues Bauen” 1928.
Poster for German Werkbund exhibition.
New Ideas


Rationalism became the
new imperative for design.
Out with decoration and
formalism, in with logic
and standardization.




Jan Tschichold, “Die neue Typographie” 1928.
Instructions for the standardized layout of A4 letterhead.
The More Things Change…


Modernists looked to build a new aesthetic by
 • Deriving beauty from the innate qualities of
   the machine
 • Championing standardization

Sound familiar?
…The More They Stay the Same


There is a strong overlap between what
motivated grid usage nearly a century ago and
what motivates grid usage today.
 • Deriving beauty from the innate qualities of
   the browser
 • Championing standardization
Paul Rand for IBM




                    Paul Rand, IBM Annual Report, 1975
J. Müller-Brockmann




 Tonhalle-Quartett, 1955.   Juni-Festwochen Zürich,   Juni-Festwochen Zürich,   Musica Viva, 1968
                            1959                      1962
Massimo Vignelli for National Park Service


Unigrid as a solution to
large-scale design and
production of many
different publications.
Grids on the Web
Crate & Barrel
crateandbarrel.com
Product Display
‘Inventory’ Display
Text Forms
Comment Is Free
commentisfree.guardian.co.uk
Main Page
Article Comments


With horizontal hierarchy.
Let’s Build a Grid
The Brand
What Should We Do?




                     Not
A Good Problem


Rudimentary but
unimaginative use of grid.
Rather…




          yeeaahh.subtraction.com
Requirements
Where to Start


Every design solution begins by defining the
problem and establishing constraints.
 • 1024 x 768 screen
 • Big Ad Unit
Screen Resolution


                    • 1024 px wide by 768
                      tall
‘Natural’ Browser Size


                         • Approximately 974 px
                           wide by 650 px tall
Canvas Area


              • Less left and right
                margins
              • Approximately 960 px
                wide by 650 px tall
The Big Ad


The most useful ad unit to design for is the Big
Ad.
336 px wide by 280 px tall as established by the
Internet Advertising Bureau.
Other Ad Sizes
                              Big Ad width:
                                 336 px


A design based on the Big
Ad will also accommodate    Medium Rectangle
                             300 px wide by
the width of the other         250 px tall
popular ad unit sizes




                               Half-page
                             300 px wide by
                               600 px tall
The Utility of Constraints


Ad units complicate things, but they’re actually
very helpful because they serve as fixed
constraints.
Constraints are the mother of design
invention.
Units
Units & Columns


Units are the basic building blocks of a grid.
They’re all uniform.
Columns are the groupings of units that create
the visual structure of the page. They are not
necessarily uniform.




In this example, four units are combined to create a single column.
The Rule of Threes… or Fours


                               In general, we want to
                               create units in multiples of
                               three or four.
                               Twelve is ideal, because
                               it’s a multiple of three and
                               four.
Twelve Units Can Combine into 3 Columns…


                                           Three columns of four
                                           units each.
Into 2 Columns…


                  Two columns of six units
                  each.
Into 4 Columns…


                  Four columns of three
                  units each.
Into 6 Columns…


                  Six columns of two units
                  each.
Unit and Column Math
First Try
Nonconducive Size


                    Unfortunately, three Big
                    Ads will not fit within our
                    960 px width.
Formula




     Canvas - ((Total Units -1) x Gutter) ÷ Total Units = Unit

                  950 - ((16 -1) x 10) ÷ 16 = Unit




                   (Don’t worry about doing it this way.)
Round-up the Ad Column


                         Round up the ad unit
                         column to an even 340 px
                         width.
Divide the Ad Column


                       Divide the ad column into
                       two units of 165 px each,
                       with a 10 pixel gutter.


                       (340 - 10) ÷ 2 = 165
Extrapolate Units


                    Yields 5 units of 165 px
                    each for a total width of
                    just 865 px.
                    These could be
                    subdivided into 10 units
                    but a 10 unit grid is
                    difficult to work with.
Second Try
Round-up the Ad Column


                         This time round up higher
                         to 350 px width.
Divide the Ad Column


                       Divide by three this time,
                       with two 10 px gutters, for
                       110 px units.


                       (350 - (2 x 10)) ÷ 3 = 110
Extrapolate Units


                    Yields 8 units of 110 px
                    each for a total width of
                    950 px.
Subdivide the Units


                      Eight units is a good
                      number, but we can
                      subdivide it even further
                      into a 16-unit grid for
                      added flexibility.
                      These units are 50 px
                      wide
Consolidate Units into Columns


                                 A 16-unit grid allows us to
                                 create two equal columns
                                 in the left region.
Creating Smaller Columns


                           And to subdivide the right
                           region into 2 or 3
                           columns.
Left Navigation


                  We can also carve out 2
                  units at the left to create a
                  left-navigation.
Third Time’s the Charm
Round-up the Ad Column


                         For a tighter look, we can
                         round up the ad unit to
                         338 px.
Divide the Ad Column


                       Divide by five this time,
                       with four 7 px gutters, for
                       62 px units.


                       (338 - (4 x 7)) ÷ 5 = 62
Extrapolate Units


                    Yields 14 units of 62 px
                    each for a total width of
                    959 px.
                    Fourteen is a strange
                    number, but sometimes
                    that makes things more
                    interesting.
Consolidate Units into Columns


                                 Allows the left region to be
                                 consolidated into 3
                                 columns.
Left Navigation


                  Also allows for a slightly
                  wider and more
                  substantial left-hand
                  navigation column.
The Grid Is Done


Time to design.
Layout
Header
Header Placement
Search Region


                Use the balance of the
                logo area for a search
                region.
The Box Model
Grid Usage


             Using a grid isn’t quite as
             simple as just lining
             elements up along its
             edges.
Example


          Let’s typeset three
          elements on a 9-unit grid.
          The instinct is to left-align
          each right on the edge of
          each column.
Add Grid Lines


                 Divide the columns with
                 simple rules.
Visual Tightness


                   Such strict adherence to
                   the grid causes visual
                   tension.
Another Problem


                  What happens when type
                  needs to be inset inside a
                  box?
Accounting for Behavior


                          In digital media, those
                          boxes are often behavior.
                          That is, they may or may
                          not appear persistently.
                          When they’re not there, it
                          can cause visual
                          misalignment.
Correcting Alignment


                       The answer is to assume
                       some sort of inset for all
                       elements.
Visual Consistency


                     This achieves visual
                     consistency up regardless
                     of whether text is inset,
                     and allows breathing room
                     next to the grid lines.
Visual Consistency
The Box Model


                It’s actually useful to use
MARGIN
                the CSS box model as a
                model for imagining the
  BORDER
                visual space around any
    PADDING     element.




  Text
The Box Model in Practice


                     GRID LINE
   COLUMN




  Text                   Text
Back to Search
Search Region
Search Placement
Search Options


Also need to add search options: Web, Images,
Video, Local, Shopping and More.
Options Aligned on the Grid


Admittedly, probably not the most usable display,
but it’ll do for now.
Roll-over Behavior


Note the roll-over state aligns with the grid.
Navigation (and Framing)
Left-Hand Navigation Column


                              Consolidate two units to
                              form the left-hand
                              navigation column.
Nav Items in Place
Visual Grouping through Rules


                                Add rules between most
                                nav items and to visually
                                combine multi-item groups
                                like Small Business and
                                Services together.
Items and Rules


Take a closer look at the
placement of rules.
Adjunct to the Box Model


                           Every box should be laid
                           out using the same
                           principles as used in
                           framing.
                           Padding for all sides
                           should be visually equal.
                           But only the top, right and




        Text
                           left padding should be
                           mathematically equal. The
                           bottom should be taller.
Place Rules on the Borders




        Text
Visually Balanced


                    The result is visually
                    balanced.




        Text
Applicable to All Elements


                             The illusion of visual
                             equality is enhanced




         Text
                             when elements are
                             stacked.




         Text
Items and Rules              Photos

                             Real Estate

                             Sports
Even multi-item groups
should be treated the same   Tech
way.                         Travel

                             TV

                             Yellow Pages

                             SMALL BUSINESS
                             • Get a Web site
                             • Domain Names
                             • eCommerce
                             • Search Listings

                             YEEAHH SERVICES
                             • Downloads
                             • Health
                             • Kids
                             • Mobile
                             • Voice
                             • Yeeaahh! Broadband
                             • Yeeaahh! Global
Nav in Place
Widgets
Widgets
Hidden Functionality
Nav in Place
Widget Region
Alternate Region


                   Carve out a layer across
                   the top and shift
                   navigation down lower.
Dress Up the Layer


                     Add a light yellow layer
                     and divide up the area
                     into equal areas — except
                     the number of units don’t
                     easily divide.
Asymmetry Isn’t Bad
Add Labels
Add Icons


            Icons from
            IconBuffet.com.
Odd-size Column for Weather
Remaining Widgets


                    Horoscope, local info and
                    radio.
Less Visual for Right Column


                               Users have learned to
                               regard colorful imagery in
                               far right column as
                               advertising.
The Story So Far
Add Grid Lines
Features Area
Features Area


                Consolidate seven units
                into a Features marquee
                area.
                Tabs for four main areas:
                Features, Entertainment,
                Sports, Life.
Add Tabs
Tabs


Tabs are off the grid.
Let tabs be tabs.
Lead Story Layout
Image Sizes


Consolidate three units into a 200 px width.
Height is 120 px.
Marquee Image


Breaking out of tabs for more interest.
Other Stories


Proportional photo regions below.
A Use for the Spare Unit


Large ‘More Stories…’ area.
Nearly Complete


With images in place.
Add More Interest


Shift tabs up to ‘pop’ them.
Completed Feature Stories Area
Headlines & Other Modules
Replicate Tab Structure
Flow Headlines in a List
Markets Data in Right-Hand Column
Appraise the Overall Effect


                              Problems parsing the
                              Headlines tabs from the
                              marquee above.
Embellish with a Subtle Background
Similar Approach for Markets Area
Autos


        Four un-aligned columns.
More Features


                Not necessary to stick too
                closely to the grid here.
Most Popular
Simple, Familiar


Straightforward lists. Can we make it more
interesting?




Yahoo.com




                                 NYTimes.com
A Different Orientation


                          Change orientation to
                          change up display.
Horizontal Ordered Listing
Done!
Sibling Sites
Personals
Same Units
Mixing Column Structures
Mixing Column Structures
Special Thanks




End
      www.iconbuffet.com

More Related Content

What's hot

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UX and UI
UX and UIUX and UI
Chap 1 visual communication
Chap 1 visual communicationChap 1 visual communication
Chap 1 visual communication
NuurFatihahMohdYusof1
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
The User Experience Iceberg
The User Experience IcebergThe User Experience Iceberg
The User Experience Iceberg
Trevor van Gorp
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
UX design
UX designUX design
UX design
Tanay Kumar
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
Deb Aoki
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
Design as communication
Design as communicationDesign as communication
Design as communication
Fabio Arangio
 
Everything you need to know about design system.pdf
Everything you need to know about design system.pdfEverything you need to know about design system.pdf
Everything you need to know about design system.pdf
Koru UX Design
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered DesignBetter Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Digital Surgeons
 
UX Bootcamp
UX BootcampUX Bootcamp
UX Bootcamp
Paul Ballas
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic Design
Mariam Elias
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
Frank Curkovic
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
Tejinder Singh
 

What's hot (20)

UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX and UI
UX and UIUX and UI
UX and UI
 
Chap 1 visual communication
Chap 1 visual communicationChap 1 visual communication
Chap 1 visual communication
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
The User Experience Iceberg
The User Experience IcebergThe User Experience Iceberg
The User Experience Iceberg
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX design
UX designUX design
UX design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Design as communication
Design as communicationDesign as communication
Design as communication
 
Everything you need to know about design system.pdf
Everything you need to know about design system.pdfEverything you need to know about design system.pdf
Everything you need to know about design system.pdf
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered DesignBetter Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
 
UX Bootcamp
UX BootcampUX Bootcamp
UX Bootcamp
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic Design
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 

Viewers also liked

これくらいはやってほしいWebデザイン
これくらいはやってほしいWebデザインこれくらいはやってほしいWebデザイン
これくらいはやってほしいWebデザイン
Yuya Takahashi
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
 
色彩センスのいらない配色講座
色彩センスのいらない配色講座色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
 
とある色の決め方
とある色の決め方とある色の決め方
とある色の決め方
Yumi uniq Ishizaki
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
Satoshi Kikuchi
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
 
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
swwwitch inc.
 
Taga arthur d little
Taga arthur d littleTaga arthur d little
Taga arthur d little
southmos
 
McKinsey: Understanding shifts in consumer behavior
McKinsey: Understanding shifts in consumer behaviorMcKinsey: Understanding shifts in consumer behavior
McKinsey: Understanding shifts in consumer behavior
McKinsey on Marketing & Sales
 
Roland berger best_practices_in_new_product_development_20130419
Roland berger best_practices_in_new_product_development_20130419Roland berger best_practices_in_new_product_development_20130419
Roland berger best_practices_in_new_product_development_20130419
Alberto Garcia Romera
 
A.T. Kearney: Positioning for the Telematics Tipping Point
A.T. Kearney: Positioning for the Telematics Tipping PointA.T. Kearney: Positioning for the Telematics Tipping Point
A.T. Kearney: Positioning for the Telematics Tipping Point
bengillTU
 
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
Shoe-g Ueyama
 
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
 

Viewers also liked (15)

これくらいはやってほしいWebデザイン
これくらいはやってほしいWebデザインこれくらいはやってほしいWebデザイン
これくらいはやってほしいWebデザイン
 
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
 
色彩センスのいらない配色講座
色彩センスのいらない配色講座色彩センスのいらない配色講座
色彩センスのいらない配色講座
 
とある色の決め方
とある色の決め方とある色の決め方
とある色の決め方
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
 
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
SINAP TALK Vol.04「プレゼンテーションについて」鷹野雅弘
 
Taga arthur d little
Taga arthur d littleTaga arthur d little
Taga arthur d little
 
McKinsey: Understanding shifts in consumer behavior
McKinsey: Understanding shifts in consumer behaviorMcKinsey: Understanding shifts in consumer behavior
McKinsey: Understanding shifts in consumer behavior
 
Roland berger best_practices_in_new_product_development_20130419
Roland berger best_practices_in_new_product_development_20130419Roland berger best_practices_in_new_product_development_20130419
Roland berger best_practices_in_new_product_development_20130419
 
A.T. Kearney: Positioning for the Telematics Tipping Point
A.T. Kearney: Positioning for the Telematics Tipping PointA.T. Kearney: Positioning for the Telematics Tipping Point
A.T. Kearney: Positioning for the Telematics Tipping Point
 
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
 
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
 

Similar to Grids are Good (right?)

Grids are good
Grids are goodGrids are good
Grids are good
Nicolas Soret
 
Grids Are Good
Grids Are GoodGrids Are Good
Grids Are Good
riomusi
 
Grids are good
Grids are goodGrids are good
Grids are good
Granger Kevin
 
Grids Are Good (Right?)
Grids Are Good (Right?)Grids Are Good (Right?)
Grids Are Good (Right?)
elliando dias
 
Computer Monitors
Computer MonitorsComputer Monitors
Computer Monitors
François-Xavier MAURICARD
 
FABRIC_DESIGN_PPT_1.ppt
FABRIC_DESIGN_PPT_1.pptFABRIC_DESIGN_PPT_1.ppt
FABRIC_DESIGN_PPT_1.ppt
MdAliujjaman
 
1291 fa13 assign7_9_unit_pavilion
1291 fa13 assign7_9_unit_pavilion1291 fa13 assign7_9_unit_pavilion
1291 fa13 assign7_9_unit_pavilion
NYCCTfab
 
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJHow to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
Javier García Molleja
 
Convolutional neural network
Convolutional neural networkConvolutional neural network
Convolutional neural network
Ferdous ahmed
 
7 Principles for Engaging Users with Visualization
7 Principles for Engaging Users with Visualization7 Principles for Engaging Users with Visualization
7 Principles for Engaging Users with Visualization
Benjamin Wiederkehr
 
Grids
GridsGrids
Compucon Eos3 embroidery CAD/CAM
Compucon Eos3 embroidery CAD/CAM Compucon Eos3 embroidery CAD/CAM
Compucon Eos3 embroidery CAD/CAM
Yiannis Hatzopoulos
 
lec6a.ppt
lec6a.pptlec6a.ppt
lec6a.ppt
SaadMemon23
 
PR243: Designing Network Design Spaces
PR243: Designing Network Design SpacesPR243: Designing Network Design Spaces
PR243: Designing Network Design Spaces
Jinwon Lee
 
Voxel rendering on mobile devices
Voxel rendering on mobile devicesVoxel rendering on mobile devices
Voxel rendering on mobile devices
DevGAMM Conference
 
Digital origami from geometrically frustrated tiles
Digital origami from geometrically frustrated tilesDigital origami from geometrically frustrated tiles
Digital origami from geometrically frustrated tiles
CK Harnett
 
3D Multi Object GAN
3D Multi Object GAN3D Multi Object GAN
3D Multi Object GAN
Yu Nishimura
 
Crossing the Resolution Divide
Crossing the Resolution DivideCrossing the Resolution Divide
Crossing the Resolution Divide
Cyrene Domogalla
 
Triangle strip knitting
Triangle strip knittingTriangle strip knitting
Triangle strip knitting
jmallos
 

Similar to Grids are Good (right?) (19)

Grids are good
Grids are goodGrids are good
Grids are good
 
Grids Are Good
Grids Are GoodGrids Are Good
Grids Are Good
 
Grids are good
Grids are goodGrids are good
Grids are good
 
Grids Are Good (Right?)
Grids Are Good (Right?)Grids Are Good (Right?)
Grids Are Good (Right?)
 
Computer Monitors
Computer MonitorsComputer Monitors
Computer Monitors
 
FABRIC_DESIGN_PPT_1.ppt
FABRIC_DESIGN_PPT_1.pptFABRIC_DESIGN_PPT_1.ppt
FABRIC_DESIGN_PPT_1.ppt
 
1291 fa13 assign7_9_unit_pavilion
1291 fa13 assign7_9_unit_pavilion1291 fa13 assign7_9_unit_pavilion
1291 fa13 assign7_9_unit_pavilion
 
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJHow to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
How to concatenate two (or more) subvolumes, measured with XCT, using ImageJ
 
Convolutional neural network
Convolutional neural networkConvolutional neural network
Convolutional neural network
 
7 Principles for Engaging Users with Visualization
7 Principles for Engaging Users with Visualization7 Principles for Engaging Users with Visualization
7 Principles for Engaging Users with Visualization
 
Grids
GridsGrids
Grids
 
Compucon Eos3 embroidery CAD/CAM
Compucon Eos3 embroidery CAD/CAM Compucon Eos3 embroidery CAD/CAM
Compucon Eos3 embroidery CAD/CAM
 
lec6a.ppt
lec6a.pptlec6a.ppt
lec6a.ppt
 
PR243: Designing Network Design Spaces
PR243: Designing Network Design SpacesPR243: Designing Network Design Spaces
PR243: Designing Network Design Spaces
 
Voxel rendering on mobile devices
Voxel rendering on mobile devicesVoxel rendering on mobile devices
Voxel rendering on mobile devices
 
Digital origami from geometrically frustrated tiles
Digital origami from geometrically frustrated tilesDigital origami from geometrically frustrated tiles
Digital origami from geometrically frustrated tiles
 
3D Multi Object GAN
3D Multi Object GAN3D Multi Object GAN
3D Multi Object GAN
 
Crossing the Resolution Divide
Crossing the Resolution DivideCrossing the Resolution Divide
Crossing the Resolution Divide
 
Triangle strip knitting
Triangle strip knittingTriangle strip knitting
Triangle strip knitting
 

More from huer1278ft

Geek's lifestyle: eat, sleep, drink computers
Geek's lifestyle: eat, sleep, drink computersGeek's lifestyle: eat, sleep, drink computers
Geek's lifestyle: eat, sleep, drink computers
huer1278ft
 
Cure animal photos
Cure animal photosCure animal photos
Cure animal photos
huer1278ft
 
Learning to love absolute CSS positioning...
Learning to love absolute CSS positioning...Learning to love absolute CSS positioning...
Learning to love absolute CSS positioning...
huer1278ft
 
Funny & Humorous Signs
Funny & Humorous SignsFunny & Humorous Signs
Funny & Humorous Signs
huer1278ft
 
How to drive your competition crazy
How to drive your competition crazyHow to drive your competition crazy
How to drive your competition crazy
huer1278ft
 
iClosed
iClosediClosed
iClosed
huer1278ft
 
Rules for Revolutionaries
Rules for RevolutionariesRules for Revolutionaries
Rules for Revolutionaries
huer1278ft
 
Selling the Dream
Selling the DreamSelling the Dream
Selling the Dream
huer1278ft
 
Leadership Lessons from the Trenches
Leadership Lessons from the TrenchesLeadership Lessons from the Trenches
Leadership Lessons from the Trenches
huer1278ft
 
The War for Talent
The War for TalentThe War for Talent
The War for Talent
huer1278ft
 
Top 10 lies of Venture Capitalists
Top 10 lies of Venture CapitalistsTop 10 lies of Venture Capitalists
Top 10 lies of Venture Capitalists
huer1278ft
 
The Art of the Pitching
The Art of the PitchingThe Art of the Pitching
The Art of the Pitching
huer1278ft
 
Top 10 lies of Entrepreneurs
Top 10 lies of EntrepreneursTop 10 lies of Entrepreneurs
Top 10 lies of Entrepreneurs
huer1278ft
 
The Art of the Selling
The Art of the SellingThe Art of the Selling
The Art of the Selling
huer1278ft
 
The Art of the Raising Capital
The Art of the Raising CapitalThe Art of the Raising Capital
The Art of the Raising Capital
huer1278ft
 
The Art of the Start
The Art of the StartThe Art of the Start
The Art of the Start
huer1278ft
 
The Tyranny of Human Civilization
The Tyranny of Human CivilizationThe Tyranny of Human Civilization
The Tyranny of Human Civilization
huer1278ft
 

More from huer1278ft (17)

Geek's lifestyle: eat, sleep, drink computers
Geek's lifestyle: eat, sleep, drink computersGeek's lifestyle: eat, sleep, drink computers
Geek's lifestyle: eat, sleep, drink computers
 
Cure animal photos
Cure animal photosCure animal photos
Cure animal photos
 
Learning to love absolute CSS positioning...
Learning to love absolute CSS positioning...Learning to love absolute CSS positioning...
Learning to love absolute CSS positioning...
 
Funny & Humorous Signs
Funny & Humorous SignsFunny & Humorous Signs
Funny & Humorous Signs
 
How to drive your competition crazy
How to drive your competition crazyHow to drive your competition crazy
How to drive your competition crazy
 
iClosed
iClosediClosed
iClosed
 
Rules for Revolutionaries
Rules for RevolutionariesRules for Revolutionaries
Rules for Revolutionaries
 
Selling the Dream
Selling the DreamSelling the Dream
Selling the Dream
 
Leadership Lessons from the Trenches
Leadership Lessons from the TrenchesLeadership Lessons from the Trenches
Leadership Lessons from the Trenches
 
The War for Talent
The War for TalentThe War for Talent
The War for Talent
 
Top 10 lies of Venture Capitalists
Top 10 lies of Venture CapitalistsTop 10 lies of Venture Capitalists
Top 10 lies of Venture Capitalists
 
The Art of the Pitching
The Art of the PitchingThe Art of the Pitching
The Art of the Pitching
 
Top 10 lies of Entrepreneurs
Top 10 lies of EntrepreneursTop 10 lies of Entrepreneurs
Top 10 lies of Entrepreneurs
 
The Art of the Selling
The Art of the SellingThe Art of the Selling
The Art of the Selling
 
The Art of the Raising Capital
The Art of the Raising CapitalThe Art of the Raising Capital
The Art of the Raising Capital
 
The Art of the Start
The Art of the StartThe Art of the Start
The Art of the Start
 
The Tyranny of Human Civilization
The Tyranny of Human CivilizationThe Tyranny of Human Civilization
The Tyranny of Human Civilization
 

Recently uploaded

Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and OllamaTirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Zilliz
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
SynapseIndia
 
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptxUse Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
SynapseIndia
 
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
Priyanka Aash
 
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Muhammad Ali
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
Figma AI Design Generator_ In-Depth Review.pdf
Figma AI Design Generator_ In-Depth Review.pdfFigma AI Design Generator_ In-Depth Review.pdf
Figma AI Design Generator_ In-Depth Review.pdf
Management Institute of Skills Development
 
Feature sql server terbaru performance.pptx
Feature sql server terbaru performance.pptxFeature sql server terbaru performance.pptx
Feature sql server terbaru performance.pptx
ssuser1915fe1
 
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSECHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
kumarjarun2010
 
Vulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive OverviewVulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive Overview
Steven Carlson
 
Uncharted Together- Navigating AI's New Frontiers in Libraries
Uncharted Together- Navigating AI's New Frontiers in LibrariesUncharted Together- Navigating AI's New Frontiers in Libraries
Uncharted Together- Navigating AI's New Frontiers in Libraries
Brian Pichman
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
alexjohnson7307
 
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptxIntroduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
313mohammedarshad
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
Priyanka Aash
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
Matthias Neugebauer
 
EuroPython 2024 - Streamlining Testing in a Large Python Codebase
EuroPython 2024 - Streamlining Testing in a Large Python CodebaseEuroPython 2024 - Streamlining Testing in a Large Python Codebase
EuroPython 2024 - Streamlining Testing in a Large Python Codebase
Jimmy Lai
 
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
sunilverma7884
 

Recently uploaded (20)

Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and OllamaTirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
Tirana Tech Meetup - Agentic RAG with Milvus, Llama3 and Ollama
 
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxRPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptx
 
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptxUse Cases & Benefits of RPA in Manufacturing in 2024.pptx
Use Cases & Benefits of RPA in Manufacturing in 2024.pptx
 
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
(CISOPlatform Summit & SACON 2024) Digital Personal Data Protection Act.pdf
 
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
Figma AI Design Generator_ In-Depth Review.pdf
Figma AI Design Generator_ In-Depth Review.pdfFigma AI Design Generator_ In-Depth Review.pdf
Figma AI Design Generator_ In-Depth Review.pdf
 
Feature sql server terbaru performance.pptx
Feature sql server terbaru performance.pptxFeature sql server terbaru performance.pptx
Feature sql server terbaru performance.pptx
 
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSECHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
CHAPTER-8 COMPONENTS OF COMPUTER SYSTEM CLASS 9 CBSE
 
Vulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive OverviewVulnerability Management: A Comprehensive Overview
Vulnerability Management: A Comprehensive Overview
 
Uncharted Together- Navigating AI's New Frontiers in Libraries
Uncharted Together- Navigating AI's New Frontiers in LibrariesUncharted Together- Navigating AI's New Frontiers in Libraries
Uncharted Together- Navigating AI's New Frontiers in Libraries
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
 
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptxIntroduction-to-the-IAM-Platform-Implementation-Plan.pptx
Introduction-to-the-IAM-Platform-Implementation-Plan.pptx
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
 
EuroPython 2024 - Streamlining Testing in a Large Python Codebase
EuroPython 2024 - Streamlining Testing in a Large Python CodebaseEuroPython 2024 - Streamlining Testing in a Large Python Codebase
EuroPython 2024 - Streamlining Testing in a Large Python Codebase
 
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
Girls call Kolkata 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
 

Grids are Good (right?)