Life & Business Design® – Torsten Stapelkamp Life & Business Design® – Torsten Stapelkamp
  • Start
  • Über mich 🧭
  • Blog
    • Online Business
    • Online Marketing
    • Selbstmanagement
    • Service Design Thinking
    • New Work
    • DSGVO
  • Service Design Thinking 🧭
    • Was ist Service Design
    • Der Service Design Prozess 4+1
    • Tipps & Tricks
    • Toolkits
    • Studenten-Projekte
  • Design Basics
  • Produkte

In Design Basics findest Du grundlegende Informationen für die Umsetzung von Design-Projekten. Die Artikel befassen sich mit Grundlagen Gestaltung, Icon – Metapher, Grundlagen Interactiondesign und Interfacedesign, Prototyping, Wireframe, Styleguide, Informationsdesign, Usability, Zielgruppendefinition und vieles mehr…

Design Basics
5S-MethodeA/B-TestAbmahnungAbmessungenAdobe PhotoshopAffinity PhotoAgilAgileAgiles ArbeitenAlexaAuftragsdatenverarbeitungautomatisiertBarn ImagesBauhausBefunkyBenutzeroberflächenBeraterBildBildbearbeitungBildbearbeitungstoolBilddatenbankBilddatenbankenBilderBildergrößeBildgrößenBlu-ray DiscBrandingBriefingBuchBuch "Service Design is making sense"Business DesignBusinessModelCanvasBuzzsumoCall-to-ActionCanvaChecklisteCIE-FarbraumCMYKCoachComputerCost-Per-AcquisitionCost-Per-ClickCPACPCCustomerJourneyMapDateitypenDatenschutz-GrundverordnungDatenschutzbeauftragterDatenschutzerklärungDatenschutzgrundverordnungDepositphotosDesignDesign ThinkingDesignkritikDesignmanagementDesignmethodenDesigntagDesigntheorieDesignThinkingdigitales ProduktDigitalisierungDrehbuchDSGVODVDeBookEffektivEffizienzElloErzählformenExplorativeRechercheFacebookFacebook Audience InsightsFacebook InsightsFacebook-ADsFarbeFarbräumeFarbraumsystemFernseherFlickrFlowchartFotoFotorFotosFreebieFunktionslayoutGembaGestaltungGestaltungslayoutGlobalServiceJamGoogle PlusGrafikHD DVDHumanCenteredDesignIconInformationdesignInformationenInformationsvisualisierungInstagramInteractiondesignInteraktionInteraktionsformenInteraktionsmöglichkeitenInterfaceInterfacedesignIso RepubliciTVJay MantriKaizenKompositionKontrastkostenfreikostenlosKursLandingpageLayoutLeadmagnetLeanLean ChangeLean ManagementleverageLife & Business DesignLikesLinkLinkedInLittlevisualslizenzfreie Bilderlizenzfreie GrafikenMarketingmeetingMenüMetapherMetaphernMethodenMindsetmiroMotivationNavigationNew Old StockNew Workof PixOnline BusinessOnline-KursOnlineMarketingOrdnungOrientierungPersonasPhotoscapePicsArtPiktogrammPinterestPixelmator ProPixlrPluginPodcastprofitabelProjektmanagementPromorepublicPrototypPrototypingRasterre:publicaremoteReshotRGBSchrift Im InternetScreendesignSelbstermächtigungSelbstmanagementSemantikSemantische WebSeminarServiceService DesignService Design Prozess 4+1Service Design ThinkingServiceBlueprintServiceDesignServiceMarketingSimilarWebSimultankontrastSocial MediaSoftwareSoundSouveränitätSpieleStakeholderMapStoryboardStudenten-ProjektStyled StockStyleguideTaylorismusTemplatesToolkitsTouchscreenTumblrTwitterTypogradieTypografische GrundlagenUnsplashUnternehmensberatungUsabilityUserExperienceDesignVariantenVerkaufsprozessVerschwendungVideoprototypVideoprototypesvirtuellVorlagenVortragWahrnehmungWahrnehmungstheorieWayBackMachineWeb 1.0Web 2.0Web 3.0WebdesignWertschöpfungwhiteboardWissensvermittlungWordPressWorkshopWunderstockYoutubeZeichensystemzielZielgruppezoom
  • Form und Funktion
    BlogDesign BasicsGrundlagen GestaltungInformationsdesignInteraction-/InterfacedesignInteractiondesign

    Form und Funktion

    Erläuterung der Bezeichnungen Screendesign, Informationdesign, Interfacedesign und Interactiondesign. Sie stehen für die formale und funktionale Gestaltung.

  • Wahrnehmung und Farbe
    Design BasicsGrundlagen Gestaltung

    Wahrnehmung und Farbe

    Erklärt werden hier Farbtöne des Spektrums, Additive Farbmischung, RGB, Subtraktive Farbmischung, CMYK und CIE-Farbraumsysteme – für Grundlagen Gestaltung.

  • Typografische Grundlagen zur Gestaltung mit Schrift im Internet
    Design BasicsGrundlagen Gestaltung

    Typografische Grundlagen zur Gestaltung mit Schrift im Internet

    Allgemeine Regeln & Begriffsdefinitionen zur Detail- und Makrotypografie im Kontext unterschiedlicher Medien. In der Typografie …

  • Wahrnehmung
    AllgemeinDesign BasicsGrundlagen Gestaltung

    Wahrnehmung

    Nicht das Auge sieht, sondern das Gehirn konstruiert Wahrnehmung. »Das Ganze ist mehr als die Summe seiner Teile«. Wahrnehmung ist die Basis für Grundlagen Gestaltung.

  • Kontrast mit Farbe
    Design BasicsGrundlagen Gestaltung

    Kontrast mit Farbe

    Informationen über den Simultankontrast können genutzt werden, um durch Verstärkung des Kontrastes die Wahrnehmung des Betrachters bewusst zu lenken.

  • Metaphern & Wahrnehmungstheorie
    Design BasicsGrundlagen GestaltungIcon - Metapher

    Metaphern & Wahrnehmungstheorie

    Historische Beispiele der Desktop-Metapher. ›Wüstenschiff‹ gilt als Metapher für Kamel und ›Segler der Lüfte‹ für …

  • Folge uns

    • Facebook
    • Instagram
    • LinkedIn
    • Pinterest
    • Twitter
    • Xing
  • Icon – Piktogramm – Zeichensystem
    Design BasicsGrundlagen GestaltungIcon - Metapher

    Icon – Piktogramm – Zeichensystem

    Inhaltsübersicht1 Icon – Metapher2 Icon – Symbol als Marke3 Icon – ISOTYPE4 Icon – Piktogramm, …

  • Orientierung
    Design BasicsGrundlagen GestaltungInteraction-/Interfacedesign

    Orientierung

    Die medialisierte, computerzentrierte Welt ist eine andere als die reale, von uns unmittelbar mit all …

  • Suche nach Ordnung
    Design BasicsGrundlagen GestaltungInformationsdesignInteraction-/Interfacedesign

    Suche nach Ordnung

    Die grundsätzlichen Wechselbeziehungen zweier oder mehrerer Elemente sind Gleichheit, Ähnlichkeit und Verschiedenheit (siehe Kapitel ›Informationdesign‹). …

  • Navigation – Ein Problemlösungsprozess
    AllgemeinDesign BasicsGrundlagen GestaltungInformationsdesignInteraction-/Interfacedesign

    Navigation – Ein Problemlösungsprozess

    Inhaltsübersicht1 Navigationsstrukturen2 Lineare Verknüpfung3 Hyperlink-Verknüpfung4 Hierarchische Verknüpfung5 Netzwerkartige Verknüpfung6 Einzelbild-Struktur7 Navigationsformen8 Direkte Manipulation9 Hierarchische Navigationssysteme10 …

  • Flowchart
    Design BasicsInformationsdesignInteraction-/Interfacedesign

    Flowchart

    Flowchart einer Website der Studenten Klaus Bremers und Nikolaus Hurlbrink (Projekt im Fach ›Gestaltung interaktiver …

  • Funktionslayout – Wireframe
    Design BasicsInteraction-/Interfacedesign

    Funktionslayout – Wireframe

    Vom Papierklick-Modell zum Wireframe. Die Bezeichnung ›Papier-Klickmodell‹ steht auch für Funktionslayout. Auf Basis einer korrekten …

  • Gestaltungslayout / Raster / Leserichtung
    Design BasicsGrundlagen Gestaltung

    Gestaltungslayout / Raster / Leserichtung

    Inhaltsübersicht1 Fläche2 Format3 Raster3.0.1 Das 960-Pixel-System4 Komposition5 Leserichtung6 Gliederung des Layouts Die Gestaltung kann auf …

  • Drehbuch/Storyboard
    Design BasicsGrundlagen Gestaltung

    Drehbuch/Storyboard

    Inhaltsübersicht1 Exposé2 Treatment3 Das literarische und das technische Drehbuch4 Storyboard5 Die wesentlichen Notizfelder eines Storyboards:6 …

  • Styleguide
    Design BasicsStyleguide

    Styleguide

    Inhaltsübersicht1 Styleguide für Funktionssoftware2 Styleguide für Informationssoftware2.1 Website:2.2 PDA:3 Styleguide für eine App4 Gebote und …

1 2 3

Kontakt

Institut für User Experience Design
Prof. Torsten Stapelkamp
Chopinstraße 11a
04103 Leipzig
Email: stapelkamp{;-)designismakingsense.de
www.designismakingsense.de

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • Xing

Footer Menü

  • Kontakt
  • Impressum
  • Datenschutz
  • Login


Created with and many by Christian Matz