Seitengestaltung und Web-Entwurf mit Microsoft VISIO

Logo VisioNach der Entscheidung für ein bestimmtes Gestaltungsraster – das heißt die grundsätzlichen Aufteilungen in Bereiche für Kopf, Fuß, Spalten und so weiter – stellt sich die Frage nach der konkreten Umsetzung und des zu verwendendem Modells. Eines davon ist das sogenannte Grid-Modell, bei dem die Seite in mehrere gleichmäßig breite Spalten aufgeteilt wird. Es gibt 12er-, 16er-, 24er- Grid-Modelle, die sich entweder auf eine  feste Gesamtbreite beziehen, oder in Abhängigkeit der Fenstergröße variable Breiten berücksichtigen.

Für meinen Entwurf habe ich mich auf ein 960-Grid mit 12 Spalten entschieden. Alle Inhalte sind in <DIV>-Container untergebracht, die über eine CSS-Klassenzuweisung „g1“  … „g12“ eine definierte Breite erhalten. Das 960-Grid mit 12 Spalten ergab sich aus verschiedenen Versuchen und Entwürfen, die mit Visio erstellt wurden.

Weiterlesen

Werbeanzeigen

Vektorgrafiken und Logos mit MS VISIO erstellen

Logo VisioEigentlich ist Microsoft VISIO ein Programm zur Erstellung von Geschäftsgrafiken. Mit verschiedenen Diagrammerstellungstools können komplexe Sachverhalte visualisiert werden. Dabei ist VISIO ein klein wenig die „eierlegende Wollmilchsau“ der Microsoft Office-Programme : Mit VISIO lassen sich Flussdiagramme (EPC, Arbeitsablauf- und Qualitätsmanagement, Ursache –Wirkung…), Organigramme und Projektpläne (Gantt-Diagramme) genauso erstellen, wie logische und physische Netzwerkpläne, Grundriss- und Wegezeichnungen, oder Konstruktionspläne (von Elektrotechnik über Gas-Wasserinstallation bis zu Schaltkreisen). Daneben unterstützt VISIO die Software- und Datenbankentwicklung und kann auch einfach nur ein paar Formen zeichnen.

Da VISIO keine sehr hohe Einarbeitung erfordert, wie es zum Beispiel bei den „echten“ Vektorgrafikprogrammen wie Adobe Illustrator oder FreeHand, eignet es sich hervorragend für die kleine Vektorzeichnung zwischendurch. Zudem beschäftige ich mich seit Jahren mit VISIO im Office-Umfeld und da lag es nahe, dieses Programm auch bei der Entwicklung eines neuen Logos und des Webseitenentwurfes zu verwenden. Im ersten Teil des Artikels zu VISIO geht es um den Logoentwurf, in einem folgendem Beitrag wird der Website-Entwurf mit VISIO vorgestellt.

Weiterlesen