Inhalt. Designguide. ddd+ Das Logo. Farbwelt Einsatz. Elemente. Farben in Textelementen
|
|
- Anna Günther
- vor 7 Jahren
- Abrufe
Transkript
1 Designguide Inhalt Das Logo Farbwelt Einsatz Typographie Elemente ddd Farben in Textelementen Grid-Layout Breakpoints Fluid-Layout Beispiel einer 4-Spaltigen Struktur (z.b. Kategorie mit Artikeln) Beispiel einer 2-Spaltigen Struktur Icons Vector-Icons 6 6 Seite 1
2 Das Logo Farbwelt Das Logo der Ergo GmbH ist ein Schriftzug aus der neuen Helvetica. Es werden insgesamt vier Schriftschnitte verwendet. Von Rechts nach Links: Fein, Normal, Halbfett und Fett. Die Hausfarbe der ERCO GmbH ist #F6F6F6, ein sehr helles Grau. Weitere Grau-Abstufungen komplettieren die ERCO-Farbwelt in der dargestellten Verteilung. Hexcode: #000, RGB: Hexcode: #666, RGB: Hexcode: #777, RGB: Hexcode: #DBDBDB, RGB: Hexcode: #F6F6F6, RGB: Einsatz Hexcode: #FFF, RGB: Farbe Einsatz #000 Logo, Fließtext, Links: Hoverzustand #666 Hinterlegung von Fließtext in Artikeln / Berichten, Fließtext auf weißem Hintergrund, Buttons: Hoverzustand #777 Links im Fließtext und im Menü #DBDBDB #F6F6F6 #FFF Footerhintergrund Links, Buttonhintergründe, Hintergrund der Website Hinterlegung von Produktbeschreibungen auf Startseite, Fließtext und dunkelgrauem Hintergrund Seite 2
3 Typographie Aa Lorem Ipsum Elemente Die Hausschrift der ERCO GmbH ist die Rotis Semi Sans. Die Schriften zeichnen sich durch Klargheit und Prägnanz aus und gewährleisten einen modernen Auftritt der ERCO GmbH. Die Rotis Semi Sans wird als Webfont in die Website eingebunden. Bei Browsern, die Webfonts nicht unterstützen, wird eine Standardsans-serif Schriftart zur Anzeige genutzt. Element Schriftschnitt Schriftschnitt H1 Rotis Semi Sans / Light (200) 38px Farben in Textelementen H2 H3 H4 H5 H6 Fließtext #666 auf #FFF #FFF auf #666 32px 24px 18px 14px 12px 14px Seite 3
4 Grid-Layout Nach dem Bootstrap3-Standard kann sich auch die erco.com Website eines bis zu zwölfspaltigen Grid-Layouts bedienen (30px Abstand der Spalten), oft genutzt wird auf der Desktop-Variante der Page das vier- oder zweispaltige Layout, auf einer mobilen Variante das ein- und zweispaltige Layout. Durch fullsize-bilder und Videos, die sich breitentechnisch über den gesamten Viewport des Browsers erstrecken (siehe Startseite), werden die Blicke des Besuchers und potentielle Käufers bestmöglich auf die Website gelenkt. Breakpoints Die Seite wird je nach Endgerät und nach zur Verfügung stehende Fensterbreite anders angezeigt - so existieren drei verschieden Versionen. Beispielsweise werden auf der Desktop-Variante (mit mindestens 1024px Fensterbreite = Breakpoint zum nächsten Layout bei 1024px) in der Kategorieansicht vier Artikel pro Zeile angezeigt. Auf einem Tablet, welches mindestens 800px Bildschirmbreite bietet, sind es dann nur noch drei Artikel pro Zeile. Auf Mobilgeräten wird noch einmal auf zwei Artikel pro Zeile reduziert. Seite 4
5 Produktkategorieansicht Fluter auf dem iphone (2-Spalten- Layout).. und im Desktop-Browser (1100px Breite). Fluid-Layout Zu der Breite einer Spalte lässt sich keine genauen Angaben festlegen, da das Layout auf Fluid- Container (CSS-Klasse.container- fluid) setzt. So sind die die einzelnen Spalten-Breiten innerhalb zweier Breakpoints in Prozentangaben (relativ zur Fensterbreite) festgelegt. Dies hat den Vorteil das immer die komplette Fensterbreite ausgenutzt wird - egal ob man mit einem Smartphone mit 400px oder 750px Fensterbreite eine Kategorie ansieht - es sind immer zwei Artikel pro Zeile zu sehen, die jeweils ca. 50% Breite des Fensters nutzen. Beispiel einer 4-Spaltigen Struktur (z.b. Kategorie mit Artikeln) Seite 5
6 Beispiel einer 2-Spaltigen Struktur Icons Um bestimmte Funktionen zu untermalen und der Website in Puncto Usability nach vorne zu bringen, werden Icons auf fast jeder Unterseite eingesetzt. Die Icons im Footer Bereich werden in einem Schwarz mit 60% Transparenz dargestellt. Es werden 2 verschiedene Zustände eingesetzt. Der Normal-, und der Hover Zustand. Im Hover Zustand verändert sich die Transparenz auf 100%, sodass die Icons in einem 100% Schwarz dargestellt werden. Vector-Icons Es ist anzumerken das alle Icons in einer SVG-Vector-Grafik liegen (CSS-Sprite, so muss nicht jedes Icon einzeln geladen werden = weniger HTTP-Requests) - so wird auch auf Retina-Geräten alles scharf dargestellt. Seite 6
Responsive Webdesign mit Frameworks. Martin Gruber AG-INF, März 2018
Responsive Webdesign mit Frameworks AG-INF, Sinn von Frameworks schnelle und einfache Webentwicklung vordefnierte HTML und CSS Templates für Formulare Buttons Tabellen JavaScript Plugins Responsive Design
MehrGestaltungsrichtlinien für Webauftritte
1 Beim Gestalten von Intranet- und Internetauftritten und mobilen Services beachten Sie bitte die. Durch das Einhalten dieser Vorgaben stellen wir die formale Konsistenz der verschiedenen Webauftritte
MehrBOSS 2 BSZ One Stop Search
BOSS 2 BSZ One Stop Search 16. BSZ-Kolloquium in Stuttgart 22.09.2015 Cornelius Amzar 1 Responsive Design Smartphone, Tablet, Fernseher, PC, Laptop Benutzer erwarten einen gleichwertigen Dienst für alle
MehrGestaltungsrichtlinien
Gestaltungsrichtlinien für die Wort- und Bildmarke Werbegemeinschaft Warburg e.v. 1. Verwendung des Logos Um eine einheitliche und unverwechselbare Kommunikation des Logos gewährleisten zu können, ist
MehrANZEIGENDESIGN NEU GRUNDLAGENINFORMATIONEN
ANZEIGENDESIGN NEU GRUNDLAGENINFORMATIONEN Allgemeine Basisinformationen, Grundelemente und Anwendungsbeispiele Gordana Uzelac, Agentur für Kommunikation im August 2013 WWW.RZENS.DE INHALT Anzeigen Konzept
MehrTeam Corporate Design [1]
Inhalte Auf einen Blick: DB Interaktionselemente-Bibliothek Gestaltungsprinzipien: Formensprache bei Interaktionselementen DB Farben Räumliche Anmutung Eine intuitive und serviceorientierte Benutzerführung
MehrReferenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
MehrAuf einen Blick: Digitale Medien, UX-UI Design > HTML-Newsletter. Inhalte
Inhalte Auf einen Blick: Look & Feel Aufbau des HTML-Newsletters Technische Anforderungen CD-Regeln: Marke und Markierungen Typografie Anschreiben Teaser Impressum Störer DB Icons und DB Interaktionselemente
MehrGestaltungsraster # Der Desktop-Version liegt ein dreispaltiges Raster mit 1230 px maximal-breite zugrunde.
Gestaltungsraster # Der Desktop-Version liegt ein dreispaltiges Raster mit 1230 px maximal-breite zugrunde. # Der Smartphone-Version liegt ein zweispaltiges Raster zugrunde. # Die Zwischengröße für Tablets
MehrCorporate Design. Design Manual. Auslandsgesellschaft Sachsen-Anhalt e.v. einewelt haus Magdeburg
Corporate Design Design Manual Inhalt 1 Logos 3 2 Farbgebung 4 3 Schriftarten 5 4 Schriftgrößen 6 5 Schreibweise 7 6 Formate 8 1 Logos Als Logo: In Aktion : 3 2 Farbgebung Bei Print-Publikationen müssen
MehrBMUB. BMUB-Microsites Angaben, Bemaßungen und Designbeispiele
BMUB BMUB-Microsites Angaben, Bemaßungen und Designbeispiele CPS-IT Styleguide für BMUB-Microsites 04.04.204 Version.0 Styleguide BMUB-Microsites 2 Inhaltsverzeichnis Einleitung... 3 Kategorisierung der
MehrWillkommen zum Workshop
Willkommen zum Workshop Eine Einführung in Jimdo Stand. 02.2015 Agnieszka Siuda Ins W-Lan einloggen Name: Expit Unten Passwort: expit#05 Agenda Vorstellung Kursteilnehmer / Vorstellung Jimdo Workshop Block
MehrInhaltsverzeichnis. Logovariationen. Anwendungsregeln des Logos Schutzzone. Anwendungsregeln des Logos Mindestgröße. Gebote und Verbote des Logos
Design Manual Inhaltsverzeichnis 04 Logovariationen 05 Anwendungsregeln des Logos Schutzzone 06 Anwendungsregeln des Logos Mindestgröße 07 Gebote und Verbote des Logos 08 Farben 10 Logo auf farbigen Flächen
MehrDie Daimler-Hausschrift
Daimler Brand & Design Navigator 04. Februar 2018 Die Daimler-Hausschrift Die Daimler CS (Corporate S) ist die Hausschrift der Daimler AG. Sie ist eine serifenlose Schrift, prägt als solche den Stil der
Mehr1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?
1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives
MehrReferenzen TYPO3. Projekt Relaunch der Agenturwebseite Stand: Februar 2017
Projekt Relaunch der Agenturwebseite Ausgangslage Die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze entstand im Sommer 2015 auf der Basis von TYPO3 6.2. Da der Support für diese LTS für
MehrWebseiten nachgeordneter Stellen und Projekt-Webseiten
INTERNET-STYLEGUIDE VERSION 1.1 (STAND: 01.02.2016) Webseiten nachgeordneter Stellen und Projekt-Webseiten Inhalt 01 Einleitung 02 Abgrenzung 03 Farben 04 Navigation 05 Typographie 06 Bilder/Grafiken 07
MehrService Coding Crash Course
Service Coding Crash Course Willkommen! noch 2 wilde Tage! Bisher: Aufbau von Models, scaffolding, Formulare Formatierung, Assets einbinden, Layout, Navigation Ziel heute: Mobile Browser, JavaScript APIs
Mehr2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe?
Inhalt: 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? 1.Installation Um das Electronics Theme zu installieren, gehen Sie in der Rubrik Design zum Template Store. Hier sehen Sie
MehrARBEITSDOKUMENTATION. Abschlussprüfung Sommer 2016 Mediengestaltung Digital & Print Fachrichtung Gestaltung & Technik Schwerpunkt Digital
ARBEITSDOKUMENTATION Abschlussprüfung Sommer 2016 Mediengestaltung Digital & Print Fachrichtung Gestaltung & Technik Schwerpunkt Digital Prüfungstück Teil a Rita William Prüfungsnummer: 10397 2 11 Arbeitsplanung
MehrDigitale Medien, UX-UI Design > Website Prinzipien
Inhalte Auf einen Blick: Seitenaufbau Header Um den richtigen Auftritt unserer Marken in einem breiten Spektrum von Applikationen mit Web-Frontend zu gewährleisten, ist ein einheitlicher Umgang mit den
MehrBootstrap - Übung. Download: Editoren: Dreamweaver Notepad Net Beans Aptana Webmatrix. Bootstrap in Dreamweaver einbinden
Bootstrap - Übung Download: www.getbootstrap.com get started (bzw. Einstieg ) abgespeckte Version - zip Editoren: Dreamweaver Notepad Net Beans Aptana www.aptana.com Webmatrix Bootstrap in Dreamweaver
MehrCorporate Design Manual
Corporate Design Manual für Stand: 22.08.2014 Inhalt: 1.0 Die Verwendung des Corporate Manuals...S. 2 2.0 Die allgemeinen Gestaltungselemente...S. 3/4 3.0 Die Schrift...S. 5/6 4.0 Das Logo...S. 7/8 5.0
MehrReferenzen Frontend Typo3
Referenzen Typo3 und Frontend Stand: Mai 2015 Diese Referenzliste beschreibt die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze. Die Webseite ist seit Mai 2015 online. Sie ist mit Typo3 erstellt.
MehrTutorial: Webseite mit Photoshop erstellen
Tutorial: Webseite mit Photoshop erstellen www.webgiraffe.de In diesem Tutorial erstellen wir eine Webseite mit Photoshop. Es wird ein rudimentäres Wissen um Photoshop vorausgesetzt. Wir erstellen den
MehrCORPORATE DESIGN BASISHANDBUCH. forum Thüringer Wald e.v.
CORPORATE DESIGN BASISHANDBUCH BASIS LOGO AUF WEIßEM HINTERGRUND BASIS LOGO AUF WEIßEM HINTERGRUND Farbe: weißgrün 45% von dunkelgrün CMYK 75 / 0 / 100 / 0 e Ubunthu Bold Schriftgrad: 13,5 Pt Laufweite:
MehrResponsive Webdesign. Vortrag von Jens Kretschmann im Heinz Nixdorf Museums Forum
Responsive Webdesign Vortrag von Jens Kretschmann im Heinz Nixdorf Museums Forum Paderborn, 28.05.2013 Design ist nicht nur wie etwas aussieht oder sich anfühlt. Design ist wie es funktioniert. Steve Jobs
MehrCORPORATE DESIGN RICHTLINIEN
CORPORATE DESIGN RICHTLINIEN Vorläufiger Stand: Februar 2017 VORWORT INHALTSVERZEICHNIS Dies ist das Corporate-Design-Handbuch der AMANN Group und die Arbeitsgrundlage für ein einheitliches und unverwechselbares
MehrFH Potsdam Styleguide
1 FH Potsdam Styleguide Version 1.1 17.01.2013 Styleguide Einleitung 2 Dieser Styleguide der FH Potsdam stellt die grundlegenden Definitionen zu den wichtigsten Bereichen des Internetauftritts bereit.
MehrDie grafischen Gestaltungsrichtlinien
Die grafischen Gestaltungsrichtlinien Das Corporate Design der Schnabl Stecktechnik GmbH 08/2018 Die grafischen Gestaltungsrichtlinien Das Corporate Design der Schnabl Stecktechnik GmbH Ein einheitliches
MehrSEITE 1. CD MANUAL für Partner und Förderprojekte
SEITE 1 Wissenschaftsjahr 2015 Zukunftsstadt CD MANUAL für Partner und Förderprojekte SEITE 2 Logo Aufbau Das Logo gibt es in zwei Versionen, wobei Version 1 vorrangig benutzt wird. Die Oberzeile in weiß
MehrFachartikel. Responsive Webdesign
Bundesrealgymnasium 8010 Graz, Petersgasse 110 Fachartikel Peter Tschuffer Responsive Webdesign Anpassungsfähige Websites für unterschiedliche Ausgabegeräte gestalten Abbildung 1: Screenshot von www.responsivefba.tk
MehrResponsive Design. Worldsoft-CMS Responsive Design
1 Die Größe und Auflösung der Displays auf Laptops, Desktop-PCs, Tablets und Smartphones können erheblich variieren. Aus diesem Grund werden Websites auf verschiedenen Geräten oftmals nicht korrekt oder
MehrAnleitung OpenCms. Externe Schriften per CSS einbinden
Anleitung OpenCms Externe Schriften per CSS einbinden INHALT Inhalt...2 Einbinden von Google-Webfonts...3 Auswahl der gewünschten Schrift...3 Benötigte Schriftinformationen kopieren...4 Anpassen der CSS-Einstellungen
MehrCorporate. Design HANDBUCH. Ihr Spezialist für Prospektverteilung!
Corporate Design HANDBUCH Ihr Spezialist für Prospektverteilung! 2 Armin Diehl GmbH CD Handbuch Inhalt 4-5 6-7 8-9 10-11 12 Das Logo Logoproportionen Unzulässige Verwendung Die Logofarben Die Schriften
MehrStyleguide Version 1.0, 24.10.2012
Styleguide Version 1.0, 24.10.2012 Inhaltsübersicht 1. Einleitung...3 2. Logo...4 1. Aufbau/Größen...5 2. Schutzraum...6 3. Schwarzweiß-und Negativdarstellung...7 4. Verwendung auf der Webseite...8 5.
MehrPortfolio mit aktuellen Arbeitsproben aus den Bereichen: Corporate Webdesign Illustration
Portfolio mit aktuellen Arbeitsproben aus den Bereichen: Corporate Webdesign Illustration Anja Reimann, Dipl.-Des. (FH) Mettmanner Straße 57, D-40233 Düsseldorf www.zartherb.es kontakt@zartherb.es T 0211
MehrBerlin.de Landesseiten Styleguide Version 1.3 (April 2015)
Berlin.de Landesseiten Styleguide 2015 Version 1.3 (April 2015) Inhalt Bevor Sie beginnen... 3 Schrift...6 Hauptfarben...7 Raster...8-11 Navigation...12-14 Startseite...15-17 Artikelseite...18-19 Footer...20
MehrWissenschafTSjahr 2016*17
Seite 1 WissenschafTSjahr 2016*17 CD-Manual für Partner und Förderprojekte Stand: 03.03.2016 Aufbau Position und Größe Seite 2 Das gibt es in zwei Versionen, wobei Version 1 vorrangig benutzt wird. Die
MehrRichtlinien Corporate Design. Ein Wegweiser zum Außenauftritt der Jungen Freien Wähler in Bayern für alle Mitglieder und Organisationsebenen.
Richtlinien Corporate Design Ein Wegweiser zum Außenauftritt der Jungen Freien Wähler in Bayern für alle Mitglieder und Organisationsebenen. Herausgeber JFW Junge Freie Wähler Bayern Landesgeschäftsstelle
MehrCORPORATE DESIGN MANUAL
CORPORATE DESIGN MANUAL Stand Dezember 2016 INHALT P1_ MARKE P2_ HINWEISE P3_ LOGO P4_ CLAIM P5_ LOGOVARIANTEN P6_ TEAMLOGOS P7_ TYPOGRAPHIE P8_ FARBEN P9_ ZUSAMMENFASSUNG P1_ MARKE OLDENBURG KNIGHTS MY
MehrDie ganze Urlaubsvielfalt Südtirols Tutta la varietà dell Alto Adige The great variety of South Tyrol
Designmanual Hotel Schneeberg - Family Resort & Spa**** - Allgemein Auf den folgenden Seiten stellen wir Ihnen unser Logo und die wichtigsten Arbeitshilfen zum richtigen Umgang mit unserem Corporate Design
Mehr1 DAS LOGO. 1.1 Das Erste Das Erste HD DasErste.de 18. GRUNDLAGEN Design Manual
1 DAS LOGO 1.1 Das Erste 5 1.2 Das Erste HD 12 1.3 DasErste.de 18 Das Logo 4 1.1 Das Erste Das Das Erste-Logo stellt das zentrale Element der visuellen Identität der Marke Das Erste dar. Bei Veränderung
MehrCorporate Design-Manual 11/2008 Leitfaden zur Verwendung der Dachmarke für die Region Itzehoe
Corporate Design-Manual 11/2008 Leitfaden zur Verwendung der Dachmarke für die Region Itzehoe Die Region Itzehoe präsentiert sich mit einer neuen Dachmarke und dem Slogan Hightech & Lebenslust im Norden".
MehrInhaltsverzeichnis. 04 Logovariationen. 05 Anwendungsregeln des Logos Schutzzone. 06 Anwendungsregeln des Logos Mindestgröße
Design Manual Inhaltsverzeichnis 04 Logovariationen 05 Anwendungsregeln des Logos Schutzzone 06 Anwendungsregeln des Logos Mindestgröße 07 Gebote und Verbote des Logos 08 Farben 09 Logo auf farbigen Flächen
MehrDas Brand Book. Basic
Das Brand Book. Basic 1 1.0 Inhalt 1. Basiselemente 1.1 Logo 3 1.1.1 Basiseinheit 4 1.1.2 Logo-bstände 5 1.1.3 Logo mit Claim 6 1.2 Schrift 7 1.3 Farben 8 1.4 Textfeld 10 2 1.1 Inhalt/Basiselemente/Logo
MehrFlexible Grids mit Sass
CSS3 Flexible Grids mit Sass Es gibt zahlreiche Frameworks, die sich mit der Gestaltung von flexiblen Gittern beschäftigen. In diesem Workshop zeigen wir Ihnen, wie Sie diese mit Hilfe von Sass umsetzen.
MehrMediadaten Onlinewerbung. Responsive Website Native Apps Besucher Newsletter
Mediadaten Onlinewerbung Responsive Website Native Apps Besucher Newsletter 2 Werbemöglichkeiten im Überblick Bannerwerbung Website TKP in Platzierung Ausgabemedium Seite Leaderboard 180 / 150 Homepage
MehrImmobilien App. Facts
Spezifikation: Spezifikation: Immobilien Immobilien App App - Facts Autor: Autor: frox Die frox IT Fabrik Die IT Fabrik Datum: Datum: 27.07.2016 27.07.2016 Immobilien App Facts Version Autor Datum Status
MehrStand: März 2016. Icon Handy-Signatur & Bürgerkarte Verwendungshinweise
Stand: März 2016 Icon Handy-Signatur & Bürgerkarte Verwendungshinweise Icon Handy-Signatur Handy-Signatur Rot: CMYK 0/100/100/10 RGB 181/24/31 HEX #B5181F Schutzzone (Mindestabstand): 1x 1/2 x Mindestgrößen
MehrClubsite4Fun Administration:
Clubsite4Fun Administration: Farben und Schriftarten ändern Unser Fansite-Projekt macht Fortschritte: die Site präsentiert sich bereits mit neuer Kopfzeilengraphik und einem eigenen Logo. Irgendwie passt
MehrContent Management System ist Wordpress mit diversen installierten Plugins. Login unter
Dokumentation Wartung Homepage www.championships.at Content Management System ist Wordpress mit diversen installierten Plugins. Login unter http://www.championships.at/wp-admin Aktuell sind folgende Benutzer
MehrResponsive Webdesign
ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte
MehrCREATIVE CLOUD WAS GIBT ES NEUES IM WEB-BEREICH?
CREATIVE CLOUD WAS GIBT ES NEUES IM WEB-BEREICH? ADOBE PHOTOSHOP CC ZEICHENFLÄCHEN Ähnlich wie in Illustrator kann man jetzt auch in Photoshop mit Zeichenflächen arbeiten. Über Zeichenflächen lassen sich
Mehr10 Schritte zum mobilen Konferenzplaner
.......... 10 Schritte zum mobilen Konferenzplaner 14.06.2012 DOAG Development Peter Raganitsch Peter Raganitsch click-click IT Solutions peter.raganitsch@click-click.at http://www.oracle-and-apex.com
MehrAuf einen Blick. 1 Die richtige Ausrüstung Grundlagen von gutem Webdesign Konzeption & Design Layout und Komposition...
Auf einen Blick 1 Die richtige Ausrüstung... 17 2 Grundlagen von gutem Webdesign... 39 3 Konzeption & Design... 71 4 Layout und Komposition... 119 5 Typografie im Web... 205 6 Navigationen & Interaktionen...
MehrLogovarianten und Schutzzone
Logovarianten und Schutzzone 01 Logovariante ohne Zusatz 02 Logovariante it Zusatz x 1/2x x Die neue Hausschrift des bvd, die auch i Logo zu Einsatz kot, ist die FF Mark. Es handelt sich u eine geoetrische
MehrHSE24. Design-Manual PRINT
HSE24 Design-Manual PRINT Logo Farben Schriften GESTALTUNG Stand Januar 2009 HSE24 Design Manual INHALT Logo Marke Seite 4/5 Logo Schutzzone Einsatz FARBEN Seite 6 Unternehmensfarben Schrift Seite 7 Font
MehrCorporate Design Manual
Corporate Design Manual Inhalt 1 Logo Wort-Bildmarke 4 Richtiger Logoeinsatz 5 Falscher Logoeinsatz 6 Graustufen 7 2 Farben Primärfarben / Sekundärfarben 9 3 Schriften Printmedien 11 5 Bildwelten Bildsprache
MehrLOGO Anwendungsmanual. Corporate Design Partner-Logo
LOGO Anwendungsmanual 1 Cloche Die Cloche ist DAS Sinnbild für die Tischkultur. Sie steht für alles, was die Tischkultur zu bieten hat: Ganzheitlichkeit, Ästhetik, Genuss aber vor allem Überraschung. Zusammen
MehrSTYLEGUIDE WEBSITE 2012
STYLEGUIDE WEBSITE 2012 24.11.2012 FORMAT / RASTER Format / Raster / Satzspiegel 2 Die Website ist auf 1020 x 769 Pixel angelegt. Die Website ist mit einem Raster von 12 x 12 Pixeln aufgebaut. Dadurch
MehrMartin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag
Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite
MehrBRAND IDENTITY. Manual V Mai 2015
BRAND IDENTITY Manual V01.00 15. Mai 2015 VORWORT Verbindlichkeit Das vorliegende Manual definiert die Grundlage des visuellen Auftritts von passengertv. Alle dokumentierten Normen sind verbindlich. Das
MehrU6: Webgerechte Bilder
Konzeption Gestaltung U6: Webgerechte Bilder BILDAUFLÖSUNG UND GRÖSSE Auflösung bestimmt die Anzahl an Punkten (dots), die pro Längeneinheit (cm oder inch) zur Verfügung steht und wird demzufolge n der
MehrUmgang mit Teasern und Seitenlayout in TYPO3 / Maud Mergard / SK /
Umgang mit Teasern und Seitenlayout in TYPO3 / Maud Mergard / SK / 13.06.2014 1 / Umgang mit Teasern und Seitenlayout in TYPO3 Ein Teaser ([ti?z?(r)]) (von engl. tease = reizen, necken) ist in der Werbesprache
MehrBeyer. Corporate Design Manual. Beyer Unternehmensberatung GmbH UNTERNEHMENSBERATUNG
Corporate Design Manual Beyer Unternehmensberatung GmbH Über das Corporate Design Manual Beyer Unternehmensberatung hat viel zu bieten. Um dies zu vermitteln, muss das Unternehmen sich stark und überzeugend
MehrArbeite im gleichen Ordner weiter wie bei 1.b4.start1.docx. Kopiere aber die index.html in uebung.html im selben Verzeichnis.
Bootstrap4 - Übung Arbeite im gleichen Ordner weiter wie bei 1.b4.start1.docx. Kopiere aber die index.html in uebung.html im selben Verzeichnis. Kleine Änderungen: Ändere auf die Sprache deutsch :
MehrPepperShop Flexbox Modul Anleitung
PepperShop Flexbox Modul Anleitung Datum 7. Juli 2017 Version 1.2 Inhaltsverzeichnis 1. Einleitung...3 2. Kurzübersicht...3 3. Flexboxen erstellen...4 3.1 Die Listenansicht...4 3.2 Flexbox hinzufügen...4
MehrVorbereitung: Teil 1 Detailliertes Layout, z.b. Farben, Schriften, Abstände,... Aufgaben
HTML & CSS Bei diesen Aufgaben geht es darum, dass sie ihre Kenntnisse vom Zusammenspiel von HTML (Struktur) und CSS (Layout) auffrischen und vertiefen. Vorbereitung: Im bereitgestellten Ordner findet
Mehr3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung
3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch
MehrWERBEMITTEL- SPEZIFIKATIONEN
WERBEMITTEL- SPEZIFIKATIONEN INHALT 1. Standardwerbemittel Sonderplatzierungen Homepage / SignOut-Page Sonderplatzierungen Kategorie / Textlinks Werbemittel Mobile 2. Streaming 3. Allgemeine Hinweise STANDARDWERBEMITTEL
MehrLayoutmöglichkeiten und Ausbau zu Premium Layout Einbindung Zahlungsmittel Stripe und SOFORT Überweisung Formular Generator Neue Einstellungen im
Concerto Wbh Webshop Booster Layoutmöglichkeiten und Ausbau zu Premium Layout Einbindung Zahlungsmittel Stripe und SOFORT Überweisung Formular Generator Neue Einstellungen im Shop Event 1 / 7. Februar
Mehr11 Spezielle Einstellungen Ihres Baukastens
11 Spezielle Einstellungen Ihres Baukastens 11.1 Kopfleiste des Baukastens anpassen Für die Kopfleiste (Header) Ihres Baukastens gibt es verschiedene Varianten, die Sie selbst verwalten können. Im Seitenbaum
MehrBuild your own theme. On your own.
Build your own theme. On your own. Inhaltsverzeichnis 1 Übersicht... 3 2 Installation des Plugins... 3 3 Anpassen des Themes... 3 3.1 Icons & Logos... 3 3.2 Konfiguration... 7 3.3 Farben... 7 3.4 Typografie...
MehrHSE24 Trend Corporate Design Manual. 1.0 Basis-Styleguide. Stand Januar 2014
HSE24 Trend Corporate Design Manual 1.0 Basis-Styleguide Stand Januar 2014 1.0 Basis-Styleguide Inhalt HSE24 Trend Corporate Design Manual Inhalt Einleitung 1.1. Basiselemente 1.1.1 Das Logo die Wortmarke
Mehrebook Reader Apps Einstellungen
Schriften und Schriftgrößen werden in ebook Reader Apps unterschiedlich interpretiert. Die Darstellung des ebooks kann über die Einstellungs-Funktionen der Apps den eigenen Vorstellungen angepasst werden.
MehrLogoManual Stand >> September 2010
LogoManual Stand >> September 2010 Größen >> Je nach edarf kann das Logo flexibel eingesetzt werden. Es sollte nicht kleiner als 25 mm (reite) verwendet werden, da die Lesbarkeit bei kleineren bbildungen
Mehr...ist das kleine Icon das am Anfang der URL der Internetadresse erscheint. (wie bereits in Version 1.4)
Seite 1 von 6 Einleitung Mit der 1.5 Version der themes können großartige Moodle Lernplattformen gestaltet werden. Ich freue mich darauf, die vielen verschiedenen, brauchbaren und gute aussehenden Moodle
MehrMediadaten Onlinewerbung LIGNA
Mediadaten Onlinewerbung LIGNA 2017 www.ligna.de Mediadaten Onlinewerbung Werbemöglichkeiten im Überblick 2 Werbemöglichkeit Platzierung Seite Werbung auf der Website Sponsored Post Startseite 4-6 Sticky
MehrBASISELEMENTE CORPORATE DESIGN
BASISELEMENTE CORPORATE DESIGN EINLEITUNG Notwendigkeit eines Leitfadens zum Corporate Design Das Corporate Design (CD) ist die Visitenkarte unseres Unternehmens. Als Konstante prägt es das Bild, das wir
MehrGerichtsvollzieher Briefbogen
Gerichtsvollzieher Briefbogen erstellen, verändern, neugestalten und mit anderen tauschen Workshop Software GmbH Siemensstr. 21 47533 Kleve 02821 / 731 20 02821 / 731 299 www.workshop-software.de Verfasser:
MehrClient. Designbüro. Version
Brand / Projekt Client Designbüro Deja vu Logodesign Uli Kottmann, Basuk Büro Montana, D-83075 Bad Feilnbach Detlev Schmidt, +49-8066-268446 schmidt@bueromontana.de Version 05. April 2011 1 Inhalt Dieses
MehrNATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016
NATURAL FOR AJAX RESPONSIVE WEB ANWENDUNGEN FÜR MOBILE ENDGERÄTE ROLAND FABICH NOVEMBER 2016 2015 Software AG. All rights reserved. For internal use only RESPONSIVE WEB ANWENDUNGEN MIT NJX ÜBERSICHT Live
MehrCMSBOX. Kurzanleitung. Cmsbox GmbH Terrassenweg Bern
CMSBOX Kurzanleitung Cmsbox GmbH Terrassenweg 18 301 Bern +41 31 356 4 5 mail@cmsbox.ch www.cmsbox.ch Stand Juli 018 Inhaltsverzeichnis Erste Schritte 3 Anmelden 3 Übersicht 4 Sidebar 5 Menü 5 Publizieren
MehrE-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.
Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
MehrRichtlinien für die Gestaltung von nationalen E-Government-Portalen
Richtlinien für die Gestaltung von nationalen E-Government-Portalen April 2017 0 Inhaltsverzeichnis Inhaltsverzeichnis 1 Wortmarke 2 Farben/Typografie 3 Pflichtelemente 4 Raster 5 Vermassung 6 Navigation
MehrRichtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
MehrMediadaten Onlinewerbung DOMOTEX Januar 2018
Mediadaten Onlinewerbung DOMOTEX 2018 12.-15. Januar 2018 www.domotex.de Mediadaten Onlinewerbung 2 Werbemöglichkeiten im Überblick Werbemöglichkeiten Platzierungen Seiten Werbung auf der Website Sponsored
MehrDie neue Internetseite der St. Jacobi Kirchengemeinde
Die neue Internetseite der St. Jacobi Kirchengemeinde Nachdem unser bisheriger Web-Auftritt langsam, aber sicher in die Jahre kam und technisch veraltet ist, wurde es Zeit, diesen auf eine neue technisch
MehrBootstrap Projekt Europa: Teil 2: Navigation erstellen. 1)Zuerst eine <nav> mit der Klasse: class= navbar. Inhalt:
Bootstrap Projekt Europa: Teil 2: Inhalt: Navigation erstellen Karussell erstellen Navigation erstellen Unter www.getbootstrap.com Components Nav bzw. Navbar https://getbootstrap.com/docs/4.0/components/navbar/
MehrWebshop Booster bh 1/2016
Schulungsteil Webshop Booster bh 1/2016 Integration von Content im WebShop Neue Schnittstellen und Funktionen > Accarda, MailChimp, Auto Suggest Einbindungen von Widgets 1 Integration von Content in Concerto
MehrMediadaten Onlinewerbung. didacta Hannover
Mediadaten Onlinewerbung didacta Hannover 2018 www.didacta-hannover.de Mediadaten Onlinewerbung 2 Werbemöglichkeiten im Überblick Werbemöglichkeit Platzierung Seite Werbung auf der Website Sponsored Post
MehrHurenkinder Zwiebelfische Augenpulver
LUG Erding Hurenkinder Zwiebelfische Augenpulver Einführung in die Typographie und das Desktop-Publishing mit Scribus Jan Schulze 25. März 2009 Agenda Grundlagen Typographie inkl. Fachchinesisch Warum
MehrAnleitung Widget-Generator
Anleitung Widget-Generator Seite 1 von 8 Der Bayerische Fußball-Verband e.v. bietet für seine Mitglieder und Vereine eine einfache Möglichkeit an, Daten über den eigenen Verein direkt auf der eigenen Website
Mehr1. Erstellen Sie zwei HTML-Dokumente, die Sie untereinander über eine Navigationszeile verlinken. Ein Dokument soll die Startseite Home darstellen:
Hausaufgabe 1 1. Erstellen Sie zwei HTML-Dokumente, die Sie untereinander über eine Navigationszeile verlinken. Ein Dokument soll die Startseite Home darstellen: Text 2 2 Bild 2 0 Navigation 4 4 Überschrift
MehrTheme Subscription Dokumentation.
Theme Subscription Dokumentation. Created by Shopmonkey. Über das Theme: Das Theme ist speziell geeignet für kleine Webshops mit wenigen Produkten oder für Webshops, die auf Abonnementbasis (Subscription
Mehr