PDA

Vollständige Version anzeigen : Web-Design Wer hat Lust...


Robin
04.08.05, 17:26
mir eine hp zu designen?
Vielleicht ist die Frage ein wenig dreist, aber fragen kostet schließlich nichts.
Ich habe meine früheren hp's immer nur teilweise mit ps designed, nun würde ich sie aber komplett designen.
Also, da ich sehr un-kreativ bin und ich sehr wenig eigene Vorstellung einer solchen hp habe (auf meiner jetzigen hp ist nur das auswahlmenü mit ps gemacht), wollte ich Fragen, ob jmd Lust hat mir eine hp zu designen?
Ihr könnt mir auch nur nützliche Tipps geben, wie ich am besten anfange oder wie ihr euch die hp vorstellt.
Dazu ist wohl nur zu sagen, dass die hp für eine punkrock band ist, d.h. wir machen Musik :)

Da ich den thread jetzt schon öffne, kann ich auch hier wohl noch ein wenig fragen:
1. Wie fange ich am besten mit dem design an (schließlich muss man ja auch eine Idee haben)
2. Wie kriege ich eine Idee :)
3. Wie kriege ich den html Kram in dieses design?

phoenix
04.08.05, 17:46
frage 3:
wie kriege ich das design in den html kram :rolleyes:

antwort:
am einfachsten durch slicen und optimierte version speichern html+bilder (IR).

blindguard
04.08.05, 17:56
also ich würde vorschlagen "wir" bauen die seite gemeinsam.
ideen dürften sich hier finden und dann geht's hier gemeinsam an layout etc.
die seite von socke zum beispiel ist schon cool und für ne punkseite kann man ja auch alles ein wenig abgefahrener machen.
covert ihr oder schreibt ihr die songs selbst? welche richtung geht die mucke? irgendwelche seiten die dir/euch richtig gut gefallen? ... so fängt das an mit der ideenfindung :biggrin:

socke
04.08.05, 17:58
hey rob! :)
hast mir ja schon gemailt ob ich net lust hätte was zu machen.. bin noch am überlegen. *g*
hab ferien und hätte daher eigentlich zeit, bin aber gerade dabei mir selbst meine erste hp mit photoshop und image ready zu basteln. (s. meine signatur)

also für ne punkband könnt ich mir sowas grungiges ja ganz gut vorstellen..vllt net ganz so wild wie bei mir sondern n bissl seriöser.

als inspiration falln mir folgende ein:
http://www.millerzone.de/
http://www.wasted-talent.de
http://www.out-of-shape.de/
http://www.sonority-band.de/
http://www.klongurke.de/ <--
http://www.butt-on-merch.de/

achja, zu deiner frage mit dem html-zeugs: das grobe design macht dir imageready schon in ne html datei. die kannst du dann hinterher noch mit nem html-editor (ich benutze dreamweaver) bearbeiten, um z.b. nen textframe o.ä. einzubauen. (so wie bei meiner seite z.b.)

probier doch mal was aus, mach nen groben entwurf und stell ihn hier rein. :ok:

gruß, fil

Robin
04.08.05, 19:37
hi,
und wieder einmal danke für die regen antworten!!!
Ist eine gute Idee mit dem zusammen bauen der hp.
Socke, deine Seite gefällt mir sehr gut :-)
also, ich hab auch noch ein paar gute Beispiel Seiten, so wie ich mir das grobe layout vorgestellt habe:

http//:www.vanillaskyrock.com

auf jeden Fall mit den Punkten oben und von links nach rechts.
Dann hab ich heute eine Idee bekommen:
Also, so eine Art Dunkelkammer als Menüskizze.
Es hängen mehrere Polaroids an einer Schnurr, um zu trocknen und wenn man auf die Punkte (sagen wir jetzt mal About) geht, dann erscheint auf dem Polaroid das Bild von uns.
Also, es hängen mehrere nur weiße Polaroids an einer Schnurr, die dann mit einem mouse-over zu "echten" Bildern werden :-)

Wie das design weiter geht, weiß ich noch nicht, aber ich arbeite daran :-)

Achja, also wir machen musik, wie Greenday oder Blink182, falls ihr die kennt :)

Und die hp sollte mit hellen Farben gemacht werden ;-)

socke
04.08.05, 19:53
son zufall...hab vor monaten mal sone art "wäscheleinen"-design angefangen, auch mit fotos.. nur leider bringts jetzt nix mehr weil die psd irgendwie beschädigt wurde. :(

sowas wie du dir vorstellst sollte man eigentlich mit flash animieren.. nur kann das leider keiner hier, soviel ich weiß.
kann man aber auch mit imageready und rollover-effekten gut hinbekommen.
na wenigstens schonmal ne idee. ;)
achja..noch ne logikfrage: was haben polaroids in ner dunkelkammer verloren? :tease:

hier noch ne idee:
die schöne seite hier gibts leider nimmer..hab nur n bild dazu

http://www.matthiasgmeiner.com/alteseite/bilder/anotherchange.jpg

und noch eine schöne seite von einer geilen band:

http://www.ataris.com/welcome/ataris-hi.jpg
http://www.ataris.com/hi/

Robin
04.08.05, 20:25
hi,
ja, stimmt, die ataris seite ist echt genial!!!!!
Der Kalender für die Tourdaten gefällt mir sehr gut.

Hmmm, was machen Polaroids in einer dunkelkammer...gute Frage :-) worauf ich auch keine antwort hehe
nunja, vllt. könnte man die leine wegnehmen und einfach so eine pinwand verwenden.

Aber die Ataris seite ist echt genial!!!

Gruß Robin

vektorpixel
04.08.05, 20:56
Diese Ataris Seite kannst du mit I-Frames sehr einfach realisieren. Du brauchst nicht einmal ein spezielles Programm wie z.B Dreamweaver dazu... mit dem Editor geht es auch.

Ich finde den Ansatz von Blindguard noch sehr gut. Machen wir deine Website doch zusammen ;-) :wow:

Ich würde dir helfen, die Page in Image Ready zu slicen und danach mit dem nötigen HTML-Code zu versehen. Für das JavaScript, das zum Beispiel für die Musik und die ganzen animierten Effekte zuständig ist, solltest du jedoch noch jemand anderes finden (kenne mich nicht gut aus).

Grüsse
Vektorpixel

Robin
04.08.05, 21:41
das slicen und den html kram verstehe ich schon selber, nur das designen ist das schwierige :)
aber trotzdem danke für deine hilfe

tweety1181
05.08.05, 00:05
huhu,macht ihr diese hp öffentlich im forum oder unter euch?weil vom aufbau her ist das ja bestimmt das selbe wie das für meine billard liga,oder?dann könnte ich ja gleich mitmachen....lasst es mich wissen wann es los geht und vor allem wo ich es nachlesen kann :cool:

lg kerstin

socke
05.08.05, 01:04
wär auch ne idee für nen workshop fällt mir grad ein. ich glaub phoenix wars, der da schonmal mit nem tut angefangen hat.
wir könnten das ganze jetzt aber auch im großen stil aufziehen und an nem konkreten projekt beibringen/lernen.
is nur die frage wie man das organisieren würde.

Robin
05.08.05, 01:39
hi,
also, ich fände es sinnvoll, wenn wir das ganze hier im Forum machen würden.
Dann wissen alle Bescheid, wie das Konzept im moment aussieht.
Es wäre auch gut, wenn wir alle ein grobes Design machen und das als .psd rumgehen lassen. So können alle user das design editieren :-)

Jetzt nur mal als vorschlag!

vektorpixel
05.08.05, 19:40
Da ist einfach die Gefahr, dass es am Schluss ein bissle komisch aussieht wenn jeder etwas anderes/neues in die .psd Datei reinpackt. Wir könnten ja eine Art battle daraus machen. die beste Website gewinnt und wird online gestellt oder so was in der Art.

Robin
05.08.05, 20:18
:)
ist doch interessant zu sehen, wie verschieden die geschmäcker sind :-)
ne, du hast schon recht. sowas wie eine art contest wäre schon lustig...

ich bin allerdings b morgen 14 tage im urlaub, als hoffe ih, das der thread nicht untergehen wird :(

naja, bis in 2 wochen

blindguard
22.08.05, 22:49
so, die zwei wochen sind nun rum, wie geht's nun weiter?

und um das ganze komplett zu machen, habe ich hier auch gleich mal meine altlasten abgearbeitet (die korregierte version des comic-bildes) - noch immer nicht wirklich dem skizzencharakter entwachsen, aber schon durchaus vorzeigbar würde ich sagen.

http://img253.imageshack.us/img253/663/foolproof3sz.th.jpg (http://img253.imageshack.us/my.php?image=foolproof3sz.jpg)

Robin
25.08.05, 23:50
hi,
jaaaa, die 2 wochen sind um und ich habe mir natürlich viel mühe gegeben, um die neue hp fertig zu stellen.
Aufgrund fehlender Bilder kann sie noch nicht online gehen, allerdings gibt es schon einen kleinen vorgeschmack auf dem testserver:

www.ironic-role-models.com

was haltet ihr davon???

@blindguard: Perfekt, das Bild ist wirklich genial!!!!!!

Gruß Robin

phoenix
26.08.05, 00:22
die polaroids sind links und rechts abgeschnitten. sieht nicht so prikelnd aus.

menu:
erstens würde ich die menupunkte über die polaroids legen, wie home und das A von about und info.

zweitens ist es ziemlich nervig, dass das menu durch die polaroids verdeckt wird wenn man die mouse über einen menupunkt bewegt. man sieht dann nur noch das polaroid, nicht mehr die menupunkte.

ansonsten sieht die seite schon ganz gut aus. bisschen finetuning vielleicht noch.
die idee mit dem menu find ich übrigens gut, nur die umsetzung würd ich noch ein wenig überarbeiten.

Robin
26.08.05, 15:00
hi,
das mit den Menüpunkten wollte ich ändern, wusste allerdings nicht wie, weil irgendwas mit den rollovers dann nicht stimmte.

Die abgeschnittenen Polaroids sind auch "unabsichtlich". Da ich die seite für 800x600 optimiert habe und man die da eigentlich nicht sieht :), aber als ich die seite bei vatter angeschaut habe, ist mir das auch aufgefallen.

wie gesagt, finetuning muss da schon wirklich ein wenig gemacht werden :)

aber danke schonmal fürs feedback

Robin
27.08.05, 19:54
hi,
ich hab das gerade mal geändert...wollte jetzt mal wissen, ob das einigermaßen i.O. ist:

www.ironic-role-models.com

wundert euch nicht, wenn einige sachen nicht gehen, es sind nicht alle seiten hochgeladen worden ;)

robin

phoenix
27.08.05, 23:14
was hast du denn geändert? :emo_biggr
das menu ist immer noch etwas mühsam, da die polaroids immer noch teilweise die menupunkte direkt neben dem aktuell gewähten verdecken. du kannst doch einfach die polaroid-zuteilung so timen, dass jeweils nur das polaroid im vordergrund ist, dass nicht neben dem aktuell gewählten menupunkt liegt und einen nicht bei der navigation beeinträchtigt.

Robin
28.08.05, 11:47
hi,
also ich hatte eigentlich geändert, dass die polaroids bei erscheinung nicht mehr den menüpunkt verdecken :)
dann habe ich geändert, dass die polaroids links und rechts nicht mehr abgeschnitten sind.

allerdings fehlten mir dann irgendwo img, so dass bei den rollovers immer ein "x" kam, also hab ich das ändern ganz gelassen und bin gerade an einer 1024x768er version am arbeiten :)

Ich hatte es jetzt endgültig leid.
Es wird wahrscheinlich am anfang zur auswahl stehen, welche auflösung man auswählt ;)

Die momentane hp ist die reinste katastrophe, weil ich img der alten hp auf die neue übertragen habe und somit immer ein fehler ensteht, z.b.:
polaroid 3 erscheint, gleichzeitig aber die unterschrift von polaroid 2 :)

naja, also bitte nicht mehr die seite besuchen, ist mir peinlich :guw:

gruß robin

phoenix
28.08.05, 21:56
das wird schon. wenn du hilfe brauchst einfach fragen :ok: