Ein Kaffee / Design Bitte ;)

Oh Gott, soll ich mit euch reden, euch knuffen, euch alles wegnehmen, was ihr habt, und uhuhhhhhhhhhhhhhhhh. Ok, ok, ja, mein Koffeinpegel ist gut, ich bin noch in der Lage einen SVO-Satz zu bilden und ich werde nicht eure Seiten stürmen, ich versprech's. Es ist so weit, also das Kaffeedesign und Kaffeesmilies!!!!!! In diesen Momenten bedauere ich es, dass ich kein Forum besitze, alleine wegen eines Kaffeedesigns und den Smilies...hmmm....

Ja-ha, ok, ich atme tief durch, fühlt euch von mir gedrückt und jetzt reden wir bitte unbedingt noch weiter über das Design und die Smilies, ja?

@Qvip: Ich fange einmal mit deinem Design an, war in deinem Demoforum und hätte total Lust mit dir ein wenig am Design zu basteln, magst du auch? Das heißt, ich notiere dir meine Anregungen, du wägst es ab und kannst mir, wenn du Zeit und Lust hast, sagen, was du als Fachmann davon hältst, was eine Überlegung wert wäre, was nicht (wenn das nicht zu dreist klingt, wärst du so nett und könntest immer kurz sagen/erklären, warum etwas nicht gehen würde? Dann lerne ich quasi nebenbei dazu und das würde mich freuen. ) und wäre es möglich, dass du später Änderungen zeigst?

Hoffentlich nickst du nun und bist nicht abgeschreckt, ich versuche dich nicht mit Gedanken zu überrollen und du schreist Stopp, wenn es doch zu viel wird, gut?

1. Mir gefällt der Ansatz mit den Wasserzeichen im Designhintergrund, den behalten wir bitte, aber könntest du theoretisch die Schrift rausnehmen und setzt dort bitte einmal ein dezentes Muster ein, das wie Schnörkel, Duftschwaden o.ä. aussieht? Grob so:

Das Login-Panel oben bekommt das dezente Muster, etwa so: Ranken.PNG

Der Bereich bis zur Navigation bekommt in Wasserzeichen-Opik Schwaden, versetzt und nicht symmtetrisch strukturiert, es soll wirklich wie Dampf wirken.

Und dann setzen wir das Logo in dieser abstrahierten Form als Wasserzeichen in den mittleren Bereich, aber so, dass es nicht zu voll wirkt, dezent also.

Im Footer schließen wir mit den Ranken wie zu Beginn, als Analogie.

Der Grund dafür, kommt nun mit Punkt 2.

2. Wäre es möglich, dass wir zwei Farben im Hintergrund haben, die grob so aussehen: Ich stelle mir vor, dass wir vom Login-Panel oben bis ca. auf Höhe des Titels mit einem Ton starten, der in Richtung Cappuccino geht. Also ein warmes Braun, das aber beim Titel beginnt in burgunderrot überzugehen. Warum dieser Ton? Er ist warm, setzt den farblichen Kontrast, aber leitet zugleich schön zur dritten Ebene, dem dunkelbrauen Ton. Was ich versuchen will, ist, dass wir nicht einen Ton haben, es auch kein realer Verlauf ist, sondern es tatsächlich wirkt, als würde sich ein Ton verändern.

3. Ich denke, wir könnten bei der Navigation etwas zaubern und den Kaffeebezug betonen. Im Moment ist es eine klassische Navigation, was ich mir vorstelle, ist, wir legen sie mehr wie eine dieser Banderolen an, die man z.B. in den 50ern auf Dosen geklebt habt bzw. bei einigen Kaffeesorten der teureren Art sieht man das auch heute noch so. Damit meine ich, wir legen die Navigation optisch schon leicht gedreht an, wie eine Brücke, deren Enden leicht auslaufern, in der Richtung als Beispiel:

Wenn das ginge, wäre es toll, wenn du testen könntest, ob wir einen subtilen Effekt einbauen könnten. Ich denke da an einen Lightbox-Effekt, also kannst du es einstellen, dass man beim Mouseover über die Navigation sieht, wie die Menüpunkte leicht schimmern?

Und was auch wichtig wäre, bitte setze die Menüpunkte nicht in eine feste Umrandung, es darf nicht massiv wirken oder wie Klötze, es soll frei wirken, keine overte Begrenzung, wir könnten als Markierung z.B. einfach nur die Andeutung einer Eckspitze integrieren (?).

Wenn du kurz Zeit hast, spring doch bitte einmal auf diese Seite http://www.degt.cl/ und schau dir an, wie der Ersteller im Header diesen Effekt hinbekommen hat, dass sein Name wie leicht erleuchtet erscheint. Ich weiß leider nicht, wie man diesen Kniff technisch bezeichnet, hoffe, du weißt, was ich meine? Wenn ja, kannst du das auch machen, Qvip, also dieser Effekt dann über dem Titel?

4. Könnten wir eigentlich auch das Muster aus dem Header in die containerHeads setzen? Das könnte eine schöne thematische Wiederaufnahme sein, oder?

5. Wäre es möglich, dass du einmal die Ecken etwas stärker abrundest, auch im Footerbereich? Ziel: Es soll weicher wirken, nicht kantig.

6. Qvip, kann man den Footerbereich eigentlich verbreitern, damit es nicht zu schmal wirkt?

7. Könntest du dann auch die Breadcrumbs in der Leiste abrunden, keine Kanten setzen?

8. Mir gefällt, wie der Effekt in der Threadansicht hier "verwischt" wirkt: Könnten wir so etwas eigentlich auch nehmen und statt des Striches einsetzen?

9. Wäre es möglich, dass wir diese Andeutung eines Schlagschattens um den Forenrand etwas kräftiger darstellen, um zu schauen, ob es dadurch betont wird?

Erst einmal das und nun gleich die Frage: Wie klingt das, wäre das machbar und könnte in der nächsten Version das Design noch verschönern oder....?

....Schnie

Zitat von Qvip

ich habe ja schon dein keckse smilie Set installiert

ZEIGEN!!!!!!!

....Schna

Zitat von Qvip

Fireball CMS werde ich am Wochenende noch genauer was zu schreiben.

Abgemacht. Ich lese es mir dann durch und falls ich dich damit nicht ausbeute: Würdest du deinen Testversuch dann in deinem Demobereich für vielleicht einen Tag (?) drin lassen, ich könnte vorbeikommen und schauen, was du gemacht hast, wie es aussieht und dich fragen, wenn ich Fragen hätte? Also nach deiner Meinung zu X rund um das CMS etc.? Wäre das möglich und ich dränge mich nicht auf?

....Schnappi

@Bibini: Nun aber zu den Smilie-Sets!

Ok, ich weiß, dass du jedes Thema Smilie-technisch umsetzen kannst, aber diese Tassen-Smilies, die sind sogar animiert, sehe ich das richtig?

Du, du wirst lachen, aber mir gefallen die Tassen für WBB 2, das hat so einen Retro-Charme, man muss sofort grinsen, wenn man sie sieht, oder? Was ich auch schon länger fragen wollte, du setzt bei deinen Smilies oft Titel, Namen usw. ein, sie sind personalisiert und wirken daher individueller. Ist das eigentlich im Vergleich zur Grunderstellung einfach, man setzt es "einfach" hinein, kann das für jedes Smilies tun, oder gibt es Regeln?

Stichwort dein Kaffee-Design. Ich habe mich ja spontan "heimisch" damit gefühlt, man müsste mich also gar nicht fragen, ob ich ein anderes Designs testen wollte. Trotzdem, wenn du sagst, du wirst noch ein wenig daran basteln, hast du eventuell Lust es später auch mal hier zu zeigen, wir plaudern darüber und eventuell fallen uns im Dialog Ideen ein?

Zitat von Bibini

aber auf der Externen fliegen auch irgendwo noch kleine Kaffeekannen als Icons rum

Ok, das war mein Stichwort! Was auch immer du sonst noch vorhattest: Finde diese externe Festblatte, Bibi, such diese Icons und bitte zeig sie! Ich sehe vor meinem inneren Augen ganze Smilie-Set-Kataloge, also ich denke, ich dürfte eigentlich nicht fragen und mir nichts ansehen, weil ich sonst nur noch mehr sehen will, dann beginnt das "Haben will"-Fieber, gefolgt von der Überlegung, ob wir nicht einfach weitere Smilies hier installieren, einfach weil. Falls du das weißt oder grob schätzen kannst, nur aus Neugier: Weißt du, wie viele Smilie-Sets du hast/angefertigt hast, also einfach nur, um eine Vorstellung zu haben?

Gut, ich wollte eigentlich nur wieder "ein paar Zeilen" schreiben, das kommt davon, wenn ich Kaffee neben mir habe, zwei Kaffeedesigns vor mir und Smilies dazu.

Hi du,

wir sind ja quasi im Gespräch stehengebleiben und neben einigen Antworten wollte ich noch einmal hereinsehen, um Idee an dir "testen". Keine Sorge, es tut nicht weh, ich frage tatsächlich nur nach deiner fachlichen Meinung zu Überlegungen.

Stichwort "Schnörkel" für den Hintergrund, was hältst du von diesen Ansätzen:

• Eine Art Grunge-Stil, event. baut man Formen dazu, die an Kaffeeflecken erinnern?
• Eine Art Kaffeebohnensack von der Optik, grob so:
• Vielleicht könnte man in Anlehnung an Holz ein warmes Flair verströmen, das ginge in so eine Richtung:
• Eine Art Packpapier-Optik, das sähe so aus: 4.PNG
• Ich weiß nicht, wie man so eine Textur korrekt bezeichnet (eine Art "Brush"-Effekt?), daher nur ein Screenshot und stell dir das von der Optik in Braun vor, wie sähe das aus?
• Wenn wir doch reale Schnörkel nehmen wollten, eventuell in Anlehnung an das Barock, aber nicht zu floral und kitschig, dezenter, so eventuell:

Wenn das Optionen wären, wie würdest du eine Entscheidung fällen und es versuchen zu begründen? Ich frage wieder, um zu lernen bzw. um nachzuvollziehen, wie man abwägen könnte/sollte/müsste.

Kommen wir zur Navigation.

Ich notiere andere Ansätze, könntest du einen Blick riskieren und sagen, was du davon hältst, was ein Ansatz sein könnte?

• Der Ansatz ist, wir orientieren uns an diesen breiten Etiketten auf der Kaffeepackung, setzen die Navigation aber eventuell von der Form her leicht eckig oder gar oval (?). Zur Visualisierung habe ich nach einem Beispiel gesucht, eines gefunden, aber das würde ich dann noch ergänzen. Sieh dir einmal das an und denk dir hinzu, dass man beim Mousover unterhalb des Titels ein dazu passendes Icon sehen würde:
• Ein anderer Ansatz wäre, wir nehmen komplett die Umrandung der Navigation heraus, es sollte so aussehen, als schweben die Menüpunkte. Beim Mouseover sieht man dann, wie die Menüpunkte, bildlich gesprochen, mit einer Art Wischtechnik von links nach rechts überzogen und so markiert werden. Beim Klick ist der Effekt dann fix, als hätte ich mit einem Schwamm über den Punkt gewischt und man sieht die Ecken/Kanten.
• Die Menüpnkte stehen frei, bekommen aber eine Art Blasen-Optik oder Holzoptik (?) als Umrandung bzw. werden so von der inneren Optik aufgefüllt. Als stünden die Menüpunkte dann auf einer Holztafel, als wären es die Titel auf einem Kaffeebohnensack o.ä.
• Wie wäre es, wenn man eine Art "aufgehängte" Navigation versuchen würde? Sprich, die Menüpunkte hängen an Seilen, stell es dir so vor:

Dann hätte ich noch drei weitere hypothetische Fragan an dich, Qvip:

1. Wäre es eigentlich möglich, dass man bei den Breadcrumbs Icon.PNGtatsächlich kleine Kaffeebohnen einsetzt? Wenn man das machen könnte, wäre das optisch ein netter Effekt oder sähe merkwürdig aus?

2. Frage: Wie würde ich ein- und abschätzen, ob ein breiter oder schmaler Footer besser zu einem Design passt? Wenn wir also beim Kaffee-Design einen ebenso breiten Bereich hätten wie im Header - wäre das strukturell gesehen logisch und schön oder nicht, weil...?

3. Wäre es möglich, dass wir diesen Effekt nehmen und ihn genau so in das Suchpanel hineinsetzen? Kann ich also überhaupt das Suchpanel von der Optik her anders gestalten, wenn ich es nicht komplett einfarbig haben wollte?

Damit es nicht rein nach Text aussieht und du zwecks Antwort motiviert bist, hier, für dich: Ja, ja, ich weiß, ich bin immer soooo gut zu dir, du weißt gar nicht, womit du das verdient hast usw.

Es grüßt nett die ebenso nette
Gabi