Essence
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Read more.
Dimensions
The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. View demo.
Purpose
The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.
"A sandbox for collecting search examples, patterns, and anti-patterns. [...] Over time, I hope to add patterns that illustrate user behavior and the information architecture of search."
Das war mal rapidrabb.it (o.ä.). Mir scheint, so ziemlich jedes zweite innovative Online-Enterprise-Angebot ist irgendwie mit dem HPI verbandelt.
Die GUI Design Software für
klickbare Wireframes
So schnell und einfach wie Rapid Paper Prototyping, aber online, klickbar und mit viel mehr Funktionen!
Balsamiq Studios is focused on adding flavor to your Web Office suite with clean, enjoyable plugins. Statische „Wireframes“ aufbauen, einzelne Seitenelemente darstellen. Ohne viel Aufwand eine Anordnung der Elemente vornehmen und anschließend eine genauere Umsetzung in Photoshop vornehmen.
Anhand der statischen Mockups eine möglichst anschauliche Präsentation der Vorstellungen zeigen: Seiten und Unterseiten in eine Powerpointpräsentation einstellen und die möglichen Funktionen mit den dazugehörigen Bildern verlinken (Eindruck einer dynamischen Website).
M. Freiberg, and F. Puppe. Proceedings of the International Conference on Knowledge Engineering and Ontology Development (KEOD 2012), SciTePress Digital Library, (2012)
L. Constantine. Interactive Systems. Design, Specification, and Verification, volume 2844 of Lecture Notes in Computer Science, Springer, Berlin / Heidelberg, (2003)