PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Design-Entwurf-Kritik wanted


Tommes
2007-03-21, 23:21:20
Moin!

Ich bastel derzeit an einem Design für eine private Seite. Die Vorgaben lauten:

- Farben: Braun, Grün, gerne dunkel
- Einfaches Design, bestehend aus Farbflächen
- Keine Fotos oder großartige Grafiken im Design
- Schlicht

Hier mal meine drei Entwürfe:

http://fivedigital.de/kr1.jpg
http://fivedigital.de/kr2.jpg
http://fivedigital.de/kr3.jpg

Finde den zweiten bisher eigentlich ganz gut :) Was meint ihr?

BAGZZlash
2007-03-21, 23:29:08
Mir gefällt Nr. 1 am besten.

Kinman
2007-03-21, 23:32:07
Mir gefällt Nr. 1 am besten.

Ich schließe mich dem an. Jedoch würde das eine oder andere klene, simple Foto/Bid die Seite noch etwas auflockern

mfg Kinman

Tommes
2007-03-21, 23:34:24
Evtl. kommt noch ein Foto von ihm rein :)

Bunker
2007-03-21, 23:46:03
kann da nur anschliessen, wobei ich es sogar etwas dunkler machen wuerde ... zumindest den hintergrund
und die nav etwas heller habt sich etwas zu sehr ab, aber saubere leistung ich wuerde mich da schon ma aufs slicen freun :D

Tommes
2007-03-21, 23:47:04
Da wird nicht viel gesliced, wird ein XHTML/CSS Design, da reichen wenige Grafiken :)

mictasm
2007-03-22, 02:57:07
Mir gefällt auch die Nummer 2 am Besten. Ich würde den oberen und unteren Streifen noch ein wenig heller machen.

Und natürlich darauf achten, dass das Design nicht durcheinander gerät, wenn das Browserfenster etwas größer oder kleiner als die 1024x768 Punkte ist. ;)

Gruß,

MIC

Mylene
2007-03-22, 09:57:04
Nr. 1

Wenn ich auf dunkel gestalteten Homepages lande, klicke ich sofort wieder zu, weil ich Angst habe, dass gleich die bling-bling-Effekte einer Newbie-Seite anfangen... :D

mapel110
2007-03-22, 10:02:02
vom Aufbau her gefällt mir 2 am besten, aber es müsste schon etwas heller sein. Aber das ist Geschmackssache, wenns deiner Persönlichkeit entspricht. Man sollte nur imo auf guten Kontrast achten und ich sitz hier gerade an einem alten CRT und da erkennt man nicht mehr allzuviel auf der Arbeitsfläche.

Annator
2007-03-22, 11:19:48
Ich finde 3 gut weil mir der Aufbau gefällt. Sonst würd ich 1 nehmen. Bei 2 sind mir die Farben zu anstrengend.

DanMan
2007-03-22, 12:49:43
Dazu müsste ich erst mal wissen, was da denn präsentiert werden soll. Aber so spontan find ich Screen 1 am ansprechendsten (heißt das so? klingt komisch...). Das Menü links vllt. lieber braun hinterlegen und die Navi oben irgendwie noch absetzen. Dann fänd ich's dufte.

Die anderen 2 sind mir zu düster und ich hab Angst im Dunkeln ;)

tomtom
2007-03-22, 14:37:27
Bin auch für das dritte - guter Aufbau, gefällt mir :up:

Santini
2007-03-22, 15:33:16
Ich find das dritte von der Gestaltung her sehr gefällig.
evtl ein wenig hellerer Hintergrund.


Das erste ist mir etwas zu hell.

Tommes
2007-03-22, 15:52:58
Danke! Ich habe noch mal 3 Variationen gemacht:

http://fivedigital.de/kr4.jpg
http://fivedigital.de/kr5.jpg
http://fivedigital.de/kr6.jpg

Crow1985
2007-03-22, 16:25:48
Ich find Nummero 2 am schönsten.
Bei 4-6 find ich die Mischung weiß-schwar etwas gewöhnungsbedürftig.

Tommes
2007-03-22, 19:44:53
Die waren auch nur schnell eben hingeschustert ;)

pancho
2007-03-22, 21:10:42
4-6 sind irgendwie anstrengend anzuschauen. 2 find ich am besten, würde allerdings den Hintergrund etwas heller machen und für mehr kontrast bei der Schrift sorgen.

Bunker
2007-03-22, 21:53:01
4-6 sind irgendwie anstrengend anzuschauen. 2 find ich am besten, würde allerdings den Hintergrund etwas heller machen und für mehr kontrast bei der Schrift sorgen.
jepp was ich auch dachte, wenn du in die richtung gehtst is 2 schon besser.


tommes was dagegen wenn ich das auch ma fuer nen paar comments ueber mein design missbrauche?

Tommes
2007-03-22, 21:53:48
Nö, mach ruhig ;)

Bunker
2007-03-22, 22:11:25
Nö, mach ruhig ;)
ty :D
bin zwar normalerweise zum umsetzen da aber naja lange weile ftw :D
naja egal ... ich will meine hp um designen und, dass war eine meiner ersten ideen ich mag diese dunklen toene und des simple

#1
http://www.directupload.net/images/070322/temp/FkBtGtF6.jpg (http://www.directupload.net/file/d/1009/FkBtGtF6_jpg.htm)

#2
http://www.directupload.net/images/070322/temp/9LU66Sn6.jpg (http://www.directupload.net/file/d/1009/9LU66Sn6_jpg.htm)

mapel110
2007-03-22, 22:18:33
ich mag diese dunklen toene und des simple

was das simple angeht, kann ich dir nur zustimmen. Imo geht auch der Trend dahin, weniger Design und Inhalt mehr im Vordergrund. Genau das versuche ich auch. Ist für eine Bewerbungshomepage wohl auch nicht das Schlechteste. ;)

Aber dunkle Töne bringen es meist mit sich, dass Schwarz als Textfarbe wegfällt und das ist imo sehr ungünstig. Ich finde, eine Page sollte sehr viel mit guten Kontrasten arbeiten, damit eben der Inhalt sehr gut lesbar ist, egal auf welchem Ausgabegerät.

Bunker
2007-03-22, 22:24:10
was das simple angeht, kann ich dir nur zustimmen. Imo geht auch der Trend dahin, weniger Design und Inhalt mehr im Vordergrund. Genau das versuche ich auch. Ist für eine Bewerbungshomepage wohl auch nicht das Schlechteste. ;)

Aber dunkle Töne bringen es meist mit sich, dass Schwarz als Textfarbe wegfällt und das ist imo sehr ungünstig. Ich finde, eine Page sollte sehr viel mit guten Kontrasten arbeiten, damit eben der Inhalt sehr gut lesbar ist, egal auf welchem Ausgabegerät.
den hintergedanken hatte ich auch aber meien aktuellle ist sagen wir mal ...nicht sonderlich geeignet :D (schau im profil nach)

namor82
2007-03-24, 01:35:10
@Tommes
Finde die 1 am besten, da dunkle Seiten mir nicht so gefallen.

Wie haste denn den Schatten von dem Textfeld gemacht ?

Hardwaretoaster
2007-03-24, 09:09:32
Mir gefällt auch der erste Vorschlag irgendwie am Besten, danach vielleicht Nr.6.

Mich würde auch mal interesssieren, wie/mit was du die Grafiken als Vorschläge erstellt hast.

Bunker
2007-03-24, 14:30:56
Mir gefällt auch der erste Vorschlag irgendwie am Besten, danach vielleicht Nr.6.

Mich würde auch mal interesssieren, wie/mit was du die Grafiken als Vorschläge erstellt hast.

will dem Threat autor zwar nichts vorgreifen, aber ich vermutet mal mit Photoshop, zumindest ist es recht gaengig fuer sowas(so weit ich es weiss)

Hardwaretoaster
2007-03-24, 14:47:05
Hm, kann sein, habe sowas mal mit Gimp probiert, aber so wie man das angeht, hatte ich nicht ruas.
Wenn ich also mal wieder in die Verlegenheit komme, entsteht's bei mir nur ganz grob auf Papier, wegen der Aufteilung, den Rest versuche ich dann durch rumprobieren im CSS und dem eigentlichen Entwurf zu machen.

Der To kann so auch mal ziemlich flott andere Farben und anderen Positionen ausprobieren...

Bunker
2007-03-24, 16:05:25
Hm, kann sein, habe sowas mal mit Gimp probiert, aber so wie man das angeht, hatte ich nicht ruas.
Wenn ich also mal wieder in die Verlegenheit komme, entsteht's bei mir nur ganz grob auf Papier, wegen der Aufteilung, den Rest versuche ich dann durch rumprobieren im CSS und dem eigentlichen Entwurf zu machen.

Der To kann so auch mal ziemlich flott andere Farben und anderen Positionen ausprobieren...

ich kenn mich mit Gimp net so aus, aber in PS kannst du die ebenden unabhaengig und fast ohne jeden einfluss(sofern gewollt) auf die anderen ebenden die farben und effekte veraendern
und afaik is CSS doch "nur" zur simplen festlegen der rahmen bedingungen fuer die optik festlegen aber nicht das seiten design ansich ...

ich werd mir ma Gimp anschaun kA ob es unter Windows laeuft (weil ich kenne es nur als linux GFx-editor und modder),
wenn es laeuft vllt kannsch ja nen kleines tut zusammen schustern :D

Freakazoid
2007-03-24, 19:08:08
1, mit Abstand!

Hardwaretoaster
2007-03-24, 19:22:21
ich kenn mich mit Gimp net so aus, aber in PS kannst du die ebenden unabhaengig und fast ohne jeden einfluss(sofern gewollt) auf die anderen ebenden die farben und effekte veraendern
und afaik is CSS doch "nur" zur simplen festlegen der rahmen bedingungen fuer die optik festlegen aber nicht das seiten design ansich ...

ich werd mir ma Gimp anschaun kA ob es unter Windows laeuft (weil ich kenne es nur als linux GFx-editor und modder),
wenn es laeuft vllt kannsch ja nen kleines tut zusammen schustern :D

Wäre nice, mit dem Tut, mit unetr Win laufen ist das null Prob, musst nur GTK installeiren.
Zu CSS, ich habe es so gelernt: HTML für die Semantik, CSS für die Optik, aus Positionierung, Fraben...

Bunker
2007-03-24, 20:03:07
also, dass selbe was ich gelernt habe :D

das mti dem tut koennte etwas dauern :D
gibt es nen software(freeware am besten) mit der ich den monitor abgreifen kann!?

kasir
2007-03-24, 23:10:35
also, dass selbe was ich gelernt habe :D

das mti dem tut koennte etwas dauern :D
gibt es nen software(freeware am besten) mit der ich den monitor abgreifen kann!?

camtasia nennt sich ein tool, dass für dein vorhaben ganz praktisch sein dürfte.

Bunker
2007-03-25, 03:41:23
camtasia nennt sich ein tool, dass für dein vorhaben ganz praktisch sein dürfte.
schon mit gearbeiten? sollte ich irgendwas beachten so moni res oda so?

kasir
2007-03-25, 14:11:29
schon mit gearbeiten? sollte ich irgendwas beachten so moni res oda so?

einfach installieren, starten und den roten knopf drücken ;)

Bunker
2007-03-25, 14:44:13
einfach installieren, starten und den roten knopf drücken ;)
na dann testen wir ma :D
vllt schaff ich es ja im laufe, der woche son paar kleine clips on stellen

@Hardwaretoaster
irgendwelche bestimmt interessen wenn es um PS oda gimp geht?

Hardwaretoaster
2007-03-25, 14:59:38
Interesse an GIMP halt, PS nicht so, gibt mein geldbeutel nicht her :D
Aber sonst: Lass dich aus

Bunker
2007-03-25, 18:48:09
Interesse an GIMP halt, PS nicht so, gibt mein geldbeutel nicht her :D
Aber sonst: Lass dich aus
so hab photoshop fertiggestell werds auch noch uppen such nur nen guten webspace mein root reicht zwar fuern anfang
Gimp werd ich mich noch etwas einarbeiten muessen :D

/** edit: */

so hier ma das versprochene Tutorial
DL bei 4Shared.com (http://www.4shared.com/dir/2313879/1a4db081/) (2 files Rar archive) part1 - 30mb; part2 14mb
DL von meinem root (http://www.marchollaender.de/downloads/3dc/) einmal als 30/14mb rar archive und einmal als 54mb AVI(XVID codec)
DL von part 1 bei Zippyshare.com (http://www.zippyshare.com/v/21112556/photoshop_Tut_V1.part1.rar.html) - 30mb
DL von part 2 bei Zippyshare.com (http://www.zippyshare.com/v/8014639/photoshop_Tut_V1.part2.rar.html) - 14mb
weiss net genau ob ich nen eigenen threat dafuer machen sollte

Tommes
2007-03-30, 22:01:43
Update

Ich habe mich nun mit meinem Kunden über die finalen Farben einigen können und die Seite jetzt umgesetzt:

http://www.zum.de/Faecher/Mu/koch-raphael/pe/index.php

Jedoch würde ich gerne noch dezent hervorheben, dass es hier um Musik geht. Ideas any1? :)

kloffy
2007-03-30, 22:25:27
Muss sagen das schaut wirklich gut aus, schickes und vor allem sauberes Design. :up:

DanMan
2007-03-31, 00:05:25
Sieht im IE6 falsch aus.

Freut mich aber zu sehen, dass es ein helles Design wurde.

Tommes
2007-03-31, 00:06:44
IE6 wird noch optimiert, keine Sorge :) Dafür hatte ich nur heute keine Zeit mehr, es war mir erstmal wichtig die Seite mit Inhalt zu füllen.

Bunker
2007-03-31, 16:28:36
jo von mir auch respekt dafuer ich mag das design

was mich interessiert, ist wie du die stehende navi gemacht hast

alkorithmus
2007-03-31, 16:45:00
Mut zur weißen Fläche (y)
Orange auf Grün (n)

Tommes
2007-03-31, 18:24:17
Die Farben habe ich vorgegeben bekommen, es stand sogar zur Debatte den Hintergrund orange zu machen, was ich dann aber abgewendet habe :)

DanMan
2007-03-31, 20:51:01
was mich interessiert, ist wie du die stehende navi gemacht hast
Mit position:fixed, was der IE6 nicht kennt.
Die Farben habe ich vorgegeben bekommen, es stand sogar zur Debatte den Hintergrund orange zu machen, was ich dann aber abgewendet habe :)
Ich würde den Texten vllt. noch einen pastellgelben hintergrund geben; so z.B.: p {background:#eec;}
oder noch heller.

Bei den News hast du blockquote übrigens zweckentfremdet.