Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » Design » Hixle: UI-Design auf dem Seziertisch

Hixle: UI-Design auf dem Seziertisch

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 3 Minuten
  • von Dieter Petereit
  • 22. September 2017

Inhaltsverzeichnis

Design ist nur bedingt Geschmackssache. Gutes Design lässt sich konstruieren, nicht bloß ersinnen. Der neue Dienst Hixle hilft dir dabei.

Inspiration ist nicht billig zu haben

Inspiration an sich ist schön und gut. Aber, wenn du bloß den schönen Screenshot der App oder Website siehst, bringt dich das ganz praktisch nicht viel weiter. Im Gegenteil ist es doch so, dass die Inspiration konkreter gefüttert werden will.

Mit welchen Tools hat der Designer gearbeitet? Welche Schriften hat er verwendet? Was ist das für ein Farbverlauf? Welche dominanten Farben, welche Farbpalette liegt dem Design zugrunde?

Mit diesen Informationen baust du dir eine Blaupause zusammen, die du für dein nächstes Projekt verwenden kannst.

Hixle liefert dir die Blaupause für deine Ideen

Der neue Service Hixle bietet dir genau diese Hilfestellungen. So ist es kein Wunder, dass Hixles Erfinder sich das Ziel gesetzt hat, den Dienst zu einer Art Starter Kit für neue Projekte auszubauen. Dabei soll Hixle sogar kulturelle Unterschiede berücksichtigen. Etwa könnte in der Zukunft eine Suchanfrage lauten: „Zeig mir diejenigen Farben, die bei US-Amerikanern am ehesten mit Freude und Zufriedenheit assoziiert sind“. Das wäre unbestreitbar eine großartige Sache.

hixle landing Hixle: UI-Design auf dem Seziertisch
Hixle: Landing Page

Aktuell ist Hixle ein kleines, aber feines Projekt auf der Basis einer WordPress-Installation, das manuell kuratiert wird. Hixles Erbauer, der Londoner Produktdesigner Balraj Chana, plant indes, das Projekt für Designer zu öffnen, so dass sich das Portfolio schneller erweitern kann. Zudem ist Design natürlich stets auch Geschmackssache. In dem Punkt mag vielleicht nicht jeder Chanas Auswahl zustimmen.

Derzeit bietet Hixle verschiedene Ansätze, zur gezielten Inspiration zu finden. Von der Landing Page aus greifst du auf Darstellungen ganzer Projekte zu. Nach Klick auf eines der Thumbnails öffnet sich ein modales Fenster mit den Detailinformationen zum Projekt. Darunter etwa die verwendeten Schriften und Tools, soweit Chana die Informationen verfügbar machen kann. Er setzt dabei vornehmlich auf Sourcecode-Analysen. So werden etwa die dominanten farben aus dem CSS extrahiert.

hixle detail Hixle: UI-Design auf dem Seziertisch
Hixle: Detailinformationen

Paletten, Verläufe, Fonts und Tools für dein nächstes Projekt

Neben dieser eher globalen Vorgehensweise bietet Hixle direkten Zugriff auf Paletten, Verläufe, Fonts und Tools. Der Zugang ist stets der gleiche. Sämtliche Elemente werden als Grid visualisiert. Du hoverst über dieses Grid und klickst ein dich interessierendes Element an, welches sich dann modal öffnet und weitere Details preisgibt. Hier erfährst du dann auch die Hex-Werte der Farbpaletten und Gradienten, die du in der Projektübersicht vergeblich suchst. Aus dem Modal heraus greifst du auf die Originalquelle des jeweiligen Tools, des jeweiligen Font, etc. zu.

hixle palettes Hixle: UI-Design auf dem Seziertisch
Hixle: Sammlungen mit Paletten, Verläufen und mehr.

Jedes gelistete Element lässt sich über deine Social-Media-Kanäle, etwa Twitter, Facebook, LinkedIn und Pinterest jagen. Über ein Upvote-System trägst du dazu bei, dass deine Favoriten die Aufmerksamkeit erhalten, die du für verdient hältst. Die Teilnahme ist einfach, aber nicht jedermanns Sache. Du kannst dich nämlich ausschließlich entweder per Twitter oder Facebook OAuth anmelden. Der Vorteil daran: es geht unschlagbar schnell 😉

Fazit: Hixle ist einen Bookmark wert

Hixle hat Potenzial. Speziell, wenn es gelingt, weitere Kontributoren, im Idealfall ganz viele, zu gewinnen, kann sich der Dienst zu einer zentralen Inspirationsquelle entwickeln. Wenn dir die Authentifizierung nicht geheuer ist, lass es halt. Du verzichtest damit lediglich auf die Voting-Teilnahme.

Insgesamt hat sich Hixle einen Bookmark in deiner Lesezeichen-Sammlung verdient.

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Logo von der Warscher Digitalagentur aus Zürich, Horgen und Basel.

Warscher – Digital Experts

Horgen

Website Akademie Logo.

Websiteakademie

München

webtronix-media-laravel-agentur-frankfurt-hanau-logo-opt

Webtronix Media GmbH

Hanau

Logo der Allgäuer Webdesign-Agentur von Thomas Soyter Der informationsdesigner.

Der Informations­designer

Kaufbeuren

Wee Media Agentur Logo.

Wee Media | Webdesign Agentur

Dernbach

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑