Du bist nicht angemeldet.

Rohdesign - first look

  • 1
  • 2

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

1

Mittwoch, 7. August 2002, 00:31

Rohdesign - first look

Hallö, ... das ganze ist noch etwas "roh" - aber evtl. sieht man ja schon was... ist auch noch nicht wirklich HTML - aber zumindest ansatzweise sollte man erahnen können, wie's später mal aussehen wird:
http://www.planeteve.de/img/screen1.jpg

Das Bild zeigt die Photoshop Rohfassung (130 Ebenen? :D) meines neuesten (ältesten?) Projekts namens Planet-Eve, in dem es um das (noch nicht so) bekannte Sci-Fi Game EVE gehen wird ;)

Oben links fehlt noch das Logo und rechts wird's noch weiter ausgebaut. Das Menü links fehlt natürlich noch komplett - das wird dann aber eh mit HTML aufgebaut (einfacher zu erweitern). Was nochmal nen Hammer wird, ist das zerstückeln und wieder zusammensetzen in HTML - inkl. der Background-Image Tables...

Ich hatte auch noch vor nen paar zeitlich versetzte Gif-Animations einzubauen, die einmalig abgespielt werden - oder aber sehr lange End-Frames haben... hat vielleicht noch jemand ne nette Idee? :)
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

t-ob-i

Profi

Beiträge: 1 221

  • Private Nachricht senden

2

Mittwoch, 7. August 2002, 00:43

Hallo Snoop,

ganz kurz und knapp, ich geh jetzt nämlich schlafen :D

Das ganze sieht doch recht schick aus nur ist es an manchen Stellen doch recht dunkel. Ich würde mir wünschen das ich einige Details dieses technisches Design näher erkennen könnte. leider verschwinden sie in gnadenloser dunkelheit.

Mir fehlt noch irgendwie der Farbflash/kick in deinem Design. Vielleicht der AHA-Effeckt.. Irgendwo müsste das ganze noch heller sein :D

z.B. das Submit. Es ist einfach zu dunkel das ein normal User dadrauf aufmerksam wird. Aber ansonten: Wirkt wirklich ganz gut :D (nur zu dunkel :P)

Ansonten noch: Bin gespannt wie du das mit dynamischer Breite sowie ohne (I)-Frames umsetzten willst.

Zitat

Ich hatte auch noch vor nen paar zeitlich versetzte Gif-Animations einzubauen, die einmalig abgespielt werden - oder aber sehr lange End-Frames haben... hat vielleicht noch jemand ne nette Idee?

Eine relativ helle Weltkugel die, in Abständen von 15 Sekunden, ein weißer Lichtbogen hervorhebt. (so als ob der Lichtbogen in der Umlaufbahn der Erde wäre)

Tobias
Signatur von »t-ob-i« {SIGNATUR}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »t-ob-i« (7. August 2002, 00:47)

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

3

Mittwoch, 7. August 2002, 00:59

Nette Idee - das mit der Weltkugel ;) ... evtl. wollte ich für das Logo einen Wireframe Planeten mitbenutzen im Chrom-Stil. Das Logo wird übrigens sehr hell ausfallen. Evtl. werde ich einzelne Teile der Monitore auch noch weiter aufhellen. Vielleicht ist mein Monitor einfach zu hell eingestellt :) - ich fand das Design nämlich zwar düster - aber nicht zu dunkel :D ... der düstere Character ist ja durchaus gewollt.

Beim Login z.B. wollte ich noch nen "Blinking Cursor" (TM) machen, der auf eine Eingabemöglichkeit aufmerksam machen soll. Aber auch dort werde ich jetzt ein wenig auf heller schalten. Danke für den Hinweis!

Ha ... Frames, I-Frames??? ;) hab ich seit 1998 nimmer eingesetzt :D
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

t-ob-i

Profi

Beiträge: 1 221

  • Private Nachricht senden

4

Mittwoch, 7. August 2002, 01:02

Wenn dir meine Ideen gefallen könntest du mich ja eigentlich für sie bezahlen :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

5

Mittwoch, 7. August 2002, 09:21

Ich finde es nicht zu dunkel. Aber ich bin schon sehr gespannt auf eine skalierbare valide HTML+CSS-Version! :)

Im Übrigen finde ich das Design zwar ziemlich fuxig, aber mein Geschmack ist es leider nicht. Insbesondere der Rahmen um den Fließtext wirkt schon arg framig, dann lieber etwas mehr clean+flat.

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »memowe« (7. August 2002, 09:23)

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

6

Mittwoch, 7. August 2002, 12:24

Ja ;) - ich weiß ja, dass du es gerne clean & flat magst... das passt aber imho nicht zu dem Stil. Der Text-Teil in der Mitte musste einfach her, damit ich auch entsprechend vernünftig Content einbauen kann - hatte das vorher etwas wilder gestaltet - das ist aber dann mit viel Text dämlich und vor allem unübersichtlich.

Ha - und das framig nimmste zurück :D ...
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

7

Mittwoch, 7. August 2002, 12:51

Zitat

Original von Snoop
Ha - und das framig nimmste zurück :D ...
Ja, OK, aber vielleicht hast Du die Möglichkeit, den Content in einem etwas haarlinigeren Rahmen einzubinden? ;)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

8

Mittwoch, 7. August 2002, 14:13

Die Möglichkeit schonn... nur es sah doof aus... dadurch, dass die Monitore außen drumm sind, sieht der Text ohne eigenem Schutz ;) irgendwie ziemlich verloren aus... daher hab ich ihn jetzt eingesperrt :P
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

9

Mittwoch, 7. August 2002, 17:18

Zitat

Original von Snoop
Die Möglichkeit schonn... nur es sah doof aus
OK, davon konnte ich mich leider nicht überzeugen.

Jetzt bin ich aber auf die HTML-Version gespannt. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

fraggle

Profi

Beiträge: 1 122

  • Private Nachricht senden

10

Mittwoch, 7. August 2002, 18:27

kurze zwischenfrage:
WIE MACHT MAN SOWAS???

hast du das nur mit photoshop gemacht? die grafiken auch alle einzeln??

zum design:
gefällt mir sau gudd!
Signatur von »fraggle« #include <signature.h>

t-ob-i

Profi

Beiträge: 1 221

  • Private Nachricht senden

11

Mittwoch, 7. August 2002, 21:27

Das ganze geht wie alles mit viel Übung, Zeit, Geduld und Kreativität :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

Investorman

Erleuchteter

Beiträge: 3 610

  • Private Nachricht senden

12

Mittwoch, 7. August 2002, 23:26

Aloah Snoop!!

Mir gefällt die Page (bzw das Bild) leider nicht. Irgendwie erinnert mich das an diese (meist ominös wirkende) Clanpages! Auch ist schwarz generell nicht so mein Geschmack, aber das soll ja bei Dir mit der Farbe extra so sein ...

Naja, trotzdem bestmöglichen Erfolg,
Investi
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

t-ob-i

Profi

Beiträge: 1 221

  • Private Nachricht senden

13

Mittwoch, 7. August 2002, 23:31

@ Inverstorman

Zitat

Das Bild zeigt die Photoshop Rohfassung (130 Ebenen? ) meines neuesten (ältesten?) Projekts namens Planet-Eve, in dem es um das (noch nicht so) bekannte Sci-Fi Game EVE gehen wird


Das ganze wird wohl eine Art Spielerseite und somit auch irgendwie eine kleine Clanpage. Aber du musst doch selbst zugestehen: für ein Sci-Fi Game passt es.

Tobias
Signatur von »t-ob-i« {SIGNATUR}

Chris

WSB-Gespenst

Beiträge: 2 010

  • Private Nachricht senden

14

Mittwoch, 7. August 2002, 23:49

Jo, ich kann man mich da den anderen Leute nur anschließen.
Wenn die HTML-Version genauso aussieht wie die Grafik, hab ich nichts dran auszusetzten.
Wegen den vielen Grafiken solltest du aber auch von Anfang an auf die Ladezeit aufpassen :rolleyes:
Signatur von »Chris« Auch ein Bonsai träumt von Größe.

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

15

Donnerstag, 8. August 2002, 10:50

@Investo: ;) - kann ich akzeptieren ... aber wie tobi schon sagte, ist halt ne Sci-Fi Seite... da kann man den Leuten nich mit grün kommen :) ... und nen flaches Design wollte ich diesmal nicht machen, weil ich a bisserl mehr mit Photoshop arbeiten wollte. Das widerspricht sich natürlich eigentlich nicht... aber ich wollte mal nen Interface-Design machen. Danach kann ich ja wieder was anderes machen :D

@fraggle: Exakt - mit Photoshop gemacht und mit jeder Menge Zeit und Arbeit vorher auf Papier... weil drauflos malen klappt leider nisch bei mir. Aber soo aufwendige Effekte sind da gar nicht mal drinn.

@Chris: die HTML Version sollte in der Tat so aussehen... hatte ich aber bislang nicht die Probleme mit das ganze vernünftig zu zerschnippeln... das müsste theoretisch machbar sein. Wird nur wieder nervig ;) ... die Ladezeiten könnten nen Problem werden. Ich hol aber schon immer das Bestmögliche raus und werde an vielen Ecken Background-Wiederholungen machen, sodass ich da was sparen kann.
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

16

Montag, 12. August 2002, 00:14

So - hab noch etwas weiter gebastelt... das Logo ist jetzt fertig (evtl. noch Detailverbesserungen). Rechts hab ich etwas weiter ausgebaut und nen erstes Ani-Gif versucht.

http://www.planeteve.de/img/screen3.jpg

http://www.planeteve.de/img/rLight_ani.gif
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

17

Montag, 12. August 2002, 10:26

Sieht doch gut aus! Wann wirfst Du uns Gierigen denn mal endlich eine HTML-Version zu Fraß vor? ;)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

18

Montag, 12. August 2002, 11:33

Vermutlich Ende der Woche werd ich anfangen mit dem HTML und dem Zerschneiden der Grafiken. Das wird noch nen Heidenspass :D

Zumal ich grad gezählt hab und genau 8 (!) Wiederholungsgrafiken gezählt hab... *narf*
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

19

Montag, 12. August 2002, 11:37

Das hört sich ja sehr nach Pixelschubserei an... ;)

Meinst Du, das lädt innerhalb eines Werktages? :D
mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Snoop

Profi

  • »Snoop« ist der Autor dieses Themas

Beiträge: 1 187

  • Private Nachricht senden

20

Dienstag, 20. August 2002, 01:51

So ... bin jetzt endlich fertig mit zerschneiden - neumalen und HTML machen... ... -> www.planeteve.de

anzumerken ist (insb. für Memo ;) ), dass background und bgcolor Attribute in den tds bislang nur aus Bequemlichkeiten drinn sind - die werden beizeiten durch CSS ersetzt. Evtl. hab ich auch etwas gemogelt, weil ich relative Zellen benutzt habe - aber anders ist das nicht möglich ;)

Font-Tags werde ich selbstverfreilich auch später nicht mehr benutzen :) ... ich hab nur noch keinen CSS File gemacht.

die <... \> Closer am Anfang sind noch übrig geblieben - die mach ich morgen wech... :)

aber das Table-Basteln war echt heftitsch :)
Signatur von »Snoop« The use of COBOL cripples the mind; its teaching should, therefore, be
regarded as a criminal offence.
-- Edsger W. Dijkstra, SIGPLAN Notices, Volume 17, Number 5 (11.05.1930 - 07.08.2002)
  • 1
  • 2

Lesezeichen: