IMM: Web Layout
13
Design Part 3: Layout Specific to web layout Devine Proportion Rule of Thirds in Layout Standard Web Layouts New World Wireframes to Comp
-
Upload
steven-king -
Category
Technology
-
view
2.652 -
download
0
description
Basics of Web Layout
Transcript of IMM: Web Layout
![Page 1: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/1.jpg)
Design Part 3: LayoutSpecific to web layout
Devine Proportion
Rule of Thirds in Layout
Standard Web Layouts
New World
Wireframes to Comp
![Page 2: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/2.jpg)
Devine Proportion
The Golden Ratio
![Page 3: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/3.jpg)
It does exist…
![Page 4: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/4.jpg)
Rule of Thirds
![Page 5: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/5.jpg)
Layouts: Fluid vs. Fixed WidthFluid Changes with browser size
Fixed is static size no matter the browser window size
![Page 6: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/6.jpg)
Standard Layouts1 col2 col3 col
![Page 7: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/7.jpg)
1 Column or Fluid Center
![Page 8: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/8.jpg)
2 Column Fluid
![Page 9: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/9.jpg)
3 Column Fluid
![Page 10: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/10.jpg)
New ModelsAdaptive DesignResponsive Design
![Page 11: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/11.jpg)
Wireframing
![Page 12: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/12.jpg)
![Page 13: IMM: Web Layout](https://reader033.fdocuments.net/reader033/viewer/2022061118/54699705af7959e3018b6e82/html5/thumbnails/13.jpg)