Adding a Grid System to Artiseer


Author Message
Scott

Posted: 1/5/2012
Quote message 

I was wondering if anyone thought having a grid system added to Artiseer to help with alignment of texts and images would be a good idea.

http://en.wikipedia.org/wiki/Grid_%28page_layout%29

Grid (page layout)
From Wikipedia, the free encyclopedia
A typographic grid composed of a series of intersecting vertical and horizontal axes.
Typography arranged "flush left" ("ragged right") along grid.

A typographic grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.

The less common printing term “reference grid,” is an unrelated system with roots in the early days of printing.
Contents
[hide]

1 History
1.1 Antecedents
1.2 Evolution of the modern grid
1.3 Reaction and reassessment
1.4 Grid use in modern web design
2 Notes
3 References
4 External links

[edit] History
[edit] Antecedents

Before the invention of movable type and printing, simple grids based on optimal proportions had been used to arrange handwritten text on pages. One such system, known as the “Villiards Diagram,” was in use at least since medieval times.
[edit] Evolution of the modern grid

After World War II, a number of graphic designers, including Max Bill, Emil Ruder, and Josef Müller-Brockmann, influenced by the modernist ideas of Jan Tschichold's Die neue Typographie (The New Typography), began to question the relevance of the conventional page layout of the time. They began to devise a flexible system able to help designers achieve coherency in organizing the page. The result was the modern typographic grid that became associated with the International Typographic Style. The seminal work on the subject, Grid systems in graphic design by Müller-Brockmann, helped propagate the use of the grid, first in Europe, and later in North America.
[edit] Reaction and reassessment

By the mid 1970s instruction of the typographic grid as a part of graphic design curricula had become standard in Europe, North America and much of Latin America. The graphic style of the grid was adopted as a look for corporate communication. In the early 1980s, a reaction against the entrenchment of the grid, particularly its dogmatic use, and association with corporate culture, resulted in some designers rejecting its use in favor of more organic structure. The appearance of the Apple Macintosh computer, and the resulting transition away from type being set by typographers to designers setting type themselves resulted in a wave of experimentation, much of it contrary to the precepts of Tschichold and Müller-Brockmann. The typographic grid continues to be taught today, but more as a useful tool for some projects, not as a requirement or starting point for all page design.
[edit] Grid use in modern web design

While grid systems have seen significant use in print media, interest from web developers has only recently seen a resurgence. Website design frameworks producing HTML and CSS had existed for a while before newer frameworks popularised the use of grid-based layouts. Some examples of grid system frameworks are:

960 grid system

grid system generator
Semantic
Flexible CSS Grid with SASS


 
Nikko

Posted: 1/6/2012
Quote message 

I agree it would be a good idea ald also helpful.
 
Tom

Posted: 1/6/2012
Quote message 

I'd imagine that introducing a grid system into the current software would be impossible. That would take a total rewrite of the program from the ground up.
 
Jacek Ciolek

Posted: 1/12/2012
Quote message 

Quote Scott:

960 grid system

grid system generator
Semantic
Flexible CSS Grid with SASS


Gridding the website is always a good idea. While you are searching for the right CSS grid you might want to have a look at UGrid as well. It's a friendly tool for customising the grid and has a nice download bundle with a few HTML templates and a Photoshop grid. Here’s the link:

http://webnicer.com/ugrid/creator.html

I wonder what you think?
 
Fred

Posted: 3/5/2012
Quote message 

I would be happy with a simple 960 grid overlay similar to what I use with Photoshop, that could be toggled on and off as adjustments were made to the design.

Currently, I have to create my design in artisteer, install the theme in WordPress where I use a 960 grid plug-in to test and then return to Artisteer to make adjustments to fit the grid.
 
Lee

Posted: 10/11/2012
Quote message 

There is a plugin for firefox called gridfox. I just preview my theme in firefox, and set gridfox for the alignment I'm looking for. I then go back to artisteer and make my changes. After you go back and forth a few times, everything lines up great.
 
tezdread

Posted: 10/11/2012
Quote message 

Grid System would be good

Also Guidlines 8-)