And some basic principles to keep in mind as suggested by Vinh: "A grid should focus on problem solving first and aesthetics second. A grid is a component of the user experience The simpler the grid, the more effective it is. …mathematic precision is a key element of good grid design, but mathematical usefulness is just as important.”
(Page 44 of ”Ordering Disorder, Grid Principles for Web Design” (Khoo Vinh, 2010)) These above are about using grids as a tool for solving design problems. And also "the notion of a column seems straightforward enough, but on a page based on an eight-column grid, a designer might create a layout with only two columns of text” (page 58, same book) So, just because you have 12 columns, you may still choose to combine these together for different content and different vertical regions of the page and use different divisions and combinations for these regions. But all of them being placed on the same grid and therefore maintaining an invisible order and coherency to all content. You also have the connection between font sizes and vertical rhythm that may very well influence the actual chosen grid. 11 aug 2014 kl. 13:27 skrev MiB <digital.disc...@gmail.com>: > Some benefits according to Khoo Vinh: > > "• Grids add order, continuity, and harmony to the presentation of > information on frequently high-density web pages. > > • Grids help users predict where to find information from page to page > or from behavioral state to behavioral state, which aids in the communication > of that information. > > • Grids make it easier to add new content to a website in a manner > consistent with the overall vision of the original website. > > • Grids facilitate collaboration on the design of a single website > without compromising the overall vision of that website.” > > > It’s the last two that may give you an insight in why choosing a specific > grid could be very fruitful. > > > (Page 20 of ”Ordering Disorder, Grid Principles for Web Design” (Khoo Vinh > 2010) > > > > > 11 aug 2014 kl. 13:15 skrev Tim Dawson <t...@ramasaig.com>: > >> On 11/08/2014 11:12, MiB wrote: >>> aug 11 2014 11:04 Tim Dawson <t...@ramasaig.com>: >>>> is it just the current buzz-word ? >>> >>> I don’t think so, no. To me that’s like saying ”design" is a buzz word. >>> Grids are everywhere >>> in any design profession. Look att architecture: Grids, Cars: Grids, >>> Papers: Grids. Grids are >>> pretty much ubiquitous. >> Your message crossed with a reply I'd just sent to your previous one. >> >> From the design point of view OF COURSE we have a grid. >> >> I'm not for one moment opposed to laying out web pages tidily. As I said >> before I've effectively used 'grids' for years without calling them such, in >> two three and four column layouts. I'm not suddenly proposing to make untidy >> web sites (I hope). >> >> I AM struggling with what I see in tutorials, all that prepared CSS for >> narrow columns (1/8, 1/12 and other fractions) that I can't see being of >> more than very occasional use except in multiples, which comes back to the >> 60/40 (70/30 or whatever) columns of a typical two column layout etc. >> Particularly confusing are the rows with eight or twelve postage stamp sized >> boxes of no practical use at all. >> >> Is it all just to make the maths easier ? Grid based CSS seems to me to >> boil down to: >> >> "Making a load of 'column' class names for any multiple of one twelfth that >> I might reasonably want to use and putting them into 'rows' in various >> combinations each totalling 1." >> >> If it's significantly more than that I am seriously missing the entire >> point, and need help. >> >> Regards, >> >> Tim >> >> >> >> >> >>> ______________________________________________________________________ >>> css-discuss >>> [css-d@lists.css-discuss.org] >>> http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ >>> -- http://css-discuss.incutio.com/ List policies -- >>> http://css-discuss.org/policies.html >>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >>> >> >> -- >> Tim Dawson >> Maolbhuidhe >> Fionnphort >> Isle of Mull PA66 6BP >> >> 01681 700718 >> ______________________________________________________________________ >> css-discuss [css-d@lists.css-discuss.org] >> http://www.css-discuss.org/mailman/listinfo/css-d >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
