Fünf Killer-Möglichkeiten für den modularen Aufbau

Dieser Artikel erschien zuerst in Ausgabe 235 of .net magazine - das weltweit meistverkaufte Magazin für Webdesigner und Entwickler.

Die Annäherung an das Design einer Website durch Aufteilung in Komponenten ist eine clevere Möglichkeit, größere Designprobleme zu lösen und funktionale Einschränkungen zu berücksichtigen.

Die meisten von uns tun dies, unabhängig davon, ob sie strategisch vorgehen oder nicht. Wenn Sie beispielsweise jemals ein Facebook- oder Twitter-Widget entwickelt haben, weil Ihr Kunde danach gefragt hat, haben Sie diese Strategie verfolgt. Wenn Sie es in einigen Szenarien berücksichtigen können, kann das Projekt reibungsloser ausgeführt werden und die Langlebigkeit Ihrer Entwurfsarbeit verbessern. Modulares Design ist nicht einfach die Verwendung von Designmustern, sondern Sie können diese in Ihre modularen Komponenten integrieren. Ein Beispiel für ein Modul, das Sie möglicherweise verwenden möchten, ist eine horizontale tabulatorbasierte Navigation. Der Navigationsblock ist das Modul und das tabellarische Layout repräsentiert das Muster für das Navigationsdesign.

Nicht wenige größere Websites werden sich darauf verlassen, um Abschnitte mit Funktionen zu erstellen, die für die Wiederverwendung an anderer Stelle geeignet wären. Wenn Sie reaktionsschnelle Websites erstellen oder Wireframes als Teil Ihres Designprozesses verwenden, ist es wahrscheinlich, dass Sie bereits über Ihr Design in Bezug auf Komponenten nachdenken. Der Schlüssel besteht darin, Interaktionsblöcke oder Kopien zu erstellen, die verschoben und später wiederverwendet werden können, und daraus ein Seitenlayout zusammenzustellen. Es ist eine einfache Idee, aber wenn Sie sie richtig nutzen, kann ein ganzes Team sehr einfach zusammenarbeiten.

Wenn Sie auf diese Weise arbeiten, können Sie Entwurfsprobleme lösen und Ihre Lösungen wiederverwenden. Unabhängig davon, ob Sie als Teil eines großen Teams oder alleine auf einer großen Website arbeiten, kann diese Arbeitsweise von unschätzbarem Wert sein, wenn mehr Designherausforderungen zu bewältigen sind, als Sie Zeit haben, daran zu arbeiten.



Fünf Beispiele zum Auschecken

20 Schritte zum Perfekten Website-Layout : Schauen Sie sich die Pro-Tipps von Creative Bloq an!