<b>REGISTER</b>

GFX-Sector - Designs


 
GFX-Sector » GFX-Area » Showroom » Designs » [wip] weblayout » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

Designs

Hier kommen Webdesigns rein
Post New Thread Post Reply

[wip] weblayout

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Spacer
[wip] weblayout

[wip] weblayout

      

Hallo, ich habe nach Jahren der Abstinenz in Sachen Photoshop mal ein paar Wochen wieder etwas mehr Zeit als sonst
( I-net weg ^^ ) und habe mich an etwas schon länger überfälliges gesetzt.
Es soll ein Weblayout für ne Homepage von einer Gilden/Glanseite werden.

Ich beschäftige mich schon etwas länger mit Photoshop (seit version 5.0 ^^ ), nur halt mit langer Pause.
Ich war beim erstellen überrascht das ich doch noch nicht so ganz eingerostet bin Wink


So mal etwas zum Layout:

Das ganze ist in PS CS2 entstanden ohne zusätzliche Texturen, Pinsel oder sonst was.
Es basiert etwas auf den Hintergrund (Die Linien sind per Hand gemalt (40h+))
Dazu die Font im Vordergrund mit einigen vielleicht etwas übertriebenen Effekten Wink
Die Font selber ist irgend eine Standartschriftart, die ich etwas noch bearbeitet hab – aber nicht viel, der Schriftzug ist quasi noch komplett veränderbar
(Falls das Layout doch nicht für den Ursprünglichen Verwendungszweck genommen wird)

Eventuell verändere ich auch die Schrift noch mal komplett und an den rechten Rand kommt vielleicht auch noch eine kleine Infozeile ala world top xy (eingebaut in den layer der die Hintergrund-Textur beinhaltet)

Zum Menü:
Hier ist noch nicht ganz klar wie’s genau aussehen soll.
Vielleicht kommt auch nur Text (per HTML), dann bleibts halt leer.
Die Menüpunkte sind ebenfalls noch nicht ganz klar, so hab ich’s nicht direkt mit eingebaut.
Aber so geht’s zur not auch – wenns so bleibt wie jetz, wird’s Mouseover – dann verschwindet beim Hover einfach das Rote.


Was mir selber schon aufgefallen ist:
Das ganze ist noch stark wip.
Ist der erste postbare Entwurf – quasi die Alpha, jetzt geht’s an viele kleinere Details, wie z.b. an der Schrift geht die linientextur bis an den rand und zerstört da etwas den „glas“effekt.
Außerdem wirkt alles noch etwas sehr sehr dunkel, hab’s mir atm auf ca. 5-6 Rechnern angeschaut. – Muss bei mir selbst wohl noch etwas die Helligkeit vom Moni runterdrehen ^^

ahso, das pic noch :o

version1
version2
version3
version4

edit: version 5 [wip]


This post has been edited 6 time(s), it was last edited by cruse: 23.08.2010 05:35.

[wip] weblayout 19.07.2010 09:01 cruse is offline Homepage of cruse Search for Posts by cruse

Minimalistic.art Minimalistic.art is a male
Polygonmeister


Avatar von Minimalistic.art

Registration Date: 23.02.2009
Posts: 940
Location: Kulturhauptstadt 2010
Program: CS [III]

Spacer
      

Seit 5.0 arbeitest du mit Photoshop ? Respekt 5.0 kam im Mai 1999 auf den Markt ...




-latest big signature-


This post has been edited 2 time(s), it was last edited by Minimalistic.art: 19.07.2010 09:57.

[wip] weblayout 19.07.2010 09:31 Minimalistic.art is offline Search for Posts by Minimalistic.art

Kielo Kielo is a female
Weichzeichner


Kielo hat kein Avatar

Registration Date: 08.01.2010
Posts: 74
Location: Schweiz
Program: Photoshop, GIMP, Apophysis, UltraFractal
Deviantart: woronheart

Spacer
      

Alsoooo..

Was mir grad als erstes aufgefallen ist:
planer? also ich meine, ist das jetzt englisch für Hobel oder deutsch Planer oder englisch planner und einfach falsch geschrieben?
Wenn En. planer: Hä?
Wenn D. planer: Wieso news, dann forum (beides en.) und dann deutsch planer?
Wenn En. planner: öhm, ja, schreib das dann mal richtig.

Okay.
Nun zum Design selbst:
Find die Linien hammer, zumidnest, wenn die echt von Hand sind. Dann: Respekt!
Was mich enorm stört, ist dieses Leucht oberhalb von famely (das mMn. kaum lesbar ist - was macht es dann da?)
Finde den Schriftzug echt nicht besonders gut, sieht zwar hübsch aus, als Schriftzug aber untauglich, wie ich finde, eben weil unleserlich.
Auch finde ich die Schriftart nicht ultimativ passend, jedoch schön in die Strukturen eingebunden - sieht aus wie ne Leiterplatte ^-^
Zur Navi: naja. Finde ich persönlich unschön, es sieht so reingedrückt aus irgendwie.
Fänd's schöner, wenn die auch in die Struktur eingebettet wäre.
Dann Content.
Ja. Was soll ich sagen? Mir fehlt ein footer. Und der Rahmen beim head ist auch nicht besonders, sieht so.. unpassend aus. Ist einfach ne Linie, fertig.
Sieht allgemein n wenig nach "Boah ich KANN nicht mehr" aus, also so..
Ewig lange am Header machen, dann den Rest hinklatschen.
Die Striche unterhalb des Headers sehen auch voll komisch aus.

Alles in allem:
Schöne Headerarbeit, Rest jedoch viel zu "hingeschmiert". Mach das nochmal, Rahmen einbegriffen.

lG

[wip] weblayout 19.07.2010 09:48 Kielo is offline Homepage of Kielo Search for Posts by Kielo

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Thread Starter Thread Started by cruse
Spacer
      

quote:
Original von Minimalistic.art
Seit 5.0 arbeitest du mit Photoshop ? Respekt 5.0 kam im Mai 1999 auf den Markt ...


ok, es war 5.5
brauch eh nur nen auswahltool, nen füller, nen pinsel und nen tool für verläufe, achja und nen smudge pinsel.
rest is schicki micki Zunge raus


quote:
Alsoooo.. Was mir grad als erstes aufgefallen ist: planer? also ich meine, ist das jetzt englisch für Hobel oder deutsch Planer oder englisch planner und einfach falsch geschrieben? Wenn En. planer: Hä? Wenn D. planer: Wieso news, dann forum (beides en.) und dann deutsch planer? Wenn En. planner: öhm, ja, schreib das dann mal richtig.


naja, das menü is halt extrem wip, ich weiss noch nichtmal obs wegen gründen der veränderbarkeit nicht sogar ganz text bleibt (also quasi html-menü)
weil was bringts die ultratoll einzubaun und haste nich gesehn und am ende kommen noch 2 punkte dazu - was machste dann ? ^^
finde außerdem auch das sich das menü klar abheben sollte, schnell lesbar.
das ist beides gegeben - auch wenns klar ist, das es noch etwas "unschick" aussieht.
Aber die Änderungen die ich vorgenommen hätte wären extrem minimaler natur gewesen.
Aber klar, ich behalt das mal im hinterkopf. vielleicht wirds ja doch nen etwas aufwendigeres



quote:
Okay. Nun zum Design selbst: Find die Linien hammer, zumidnest, wenn die echt von Hand sind. Dann: Respekt!

jo hat ewig gedauert. fast alles auswahltool + gefüllt :o
einiges dann auch mitm pixelpinsel

quote:
Was mich enorm stört, ist dieses Leucht oberhalb von famely (das mMn. kaum lesbar ist - was macht es dann da?)

hast recht. hab da auch etwas rumprobiert, aber jo wirkt wie ein fremdkörper

quote:
Finde den Schriftzug echt nicht besonders gut, sieht zwar hübsch aus, als Schriftzug aber untauglich, wie ich finde, eben weil unleserlich. Auch finde ich die Schriftart nicht ultimativ passend, jedoch schön in die Strukturen eingebunden - sieht aus wie ne Leiterplatte ^-^

jo bin auch noch kein 100% fan von dem, aber er sieht halt irgendwie klasse aus ^^
hab aber noch andere in der hinterhand.
kanns ja mal rauskramen und etwas mehr posten

quote:
Zur Navi: naja. Finde ich persönlich unschön, es sieht so reingedrückt aus irgendwie. Fänd's schöner, wenn die auch in die Struktur eingebettet wäre. Dann Content. Ja. Was soll ich sagen? Mir fehlt ein footer. Und der Rahmen beim head ist auch nicht besonders, sieht so.. unpassend aus. Ist einfach ne Linie, fertig. Sieht allgemein n wenig nach "Boah ich KANN nicht mehr" aus, also so.. Ewig lange am Header machen, dann den Rest hinklatschen. Die Striche unterhalb des Headers sehen auch voll komisch aus.

Alles in allem:
Schöne Headerarbeit, Rest jedoch viel zu "hingeschmiert". Mach das nochmal, Rahmen einbegriffen.


jo hast recht - der rahmen stand auch zuerst ^^
ist nicht ganz optimal.
und footer ...hmmm...ob ich mir den spass wirklich gebe, reichts nich auch ohne ? ^^

jo das ganze is halt noch nich komplett. hab auch den header nur bis zu hälfte gemacht quasi und dann gespiegelt (ich schlingel !)

aber ok, gut zu wissen das sich die kritikpunkte hier auf jeden fall mit meinen überschneiden.
ich hatte eher angst das es zu dunkel wirkt.
ich find es auch noch etwas zu hoch, aber naja.

POSTET EURE COMMENTS !!!



[wip] weblayout 19.07.2010 16:37 cruse is offline Homepage of cruse Search for Posts by cruse

Bluesky Bluesky is a male
Pfadfinder


Avatar von Bluesky

Registration Date: 01.07.2008
Posts: 679
Deviantart: ThebigBlue

Spacer
      

schick schick Wink
wird bestimmt ein anständiges Design.
Freue mich auf mehr smile



[wip] weblayout 24.07.2010 14:49 Bluesky is offline Search for Posts by Bluesky

PhilippIllgen PhilippIllgen is a male
Pfadfinder


Avatar von PhilippIllgen

Registration Date: 08.10.2009
Posts: 506
Location: Niedersachsen
Program: Adobe Creative Suite 5 Master Collection
Deviantart: philippillgen

Spacer
      

Von der Navigation her Version 2 und die dann mal mit Version 3 verbinden. Danach noch mehr Frabkontur reinbringen und alles etwas aufhellen, den so fühlt sich doch keiner wohl auf dieser Seite. Augen rollen

Bestes seit 5 Threads respekt großes Grinsen

[wip] weblayout 25.07.2010 19:14 PhilippIllgen is offline Homepage of PhilippIllgen Search for Posts by PhilippIllgen

Nano Nano is a male
Fingerwischer


Avatar von Nano

Registration Date: 06.09.2008
Posts: 42
Location: Niedersachsen
Program: Adobe Photoshop CS4

Spacer
      

Das Logo und den Header der v1 finde ich göttlich.
Die Navi dann wiederrum schwach. Zu nah am Header und zu dünn für so einen dicken Text. Da kann man mehr rausholen.

Wird sicher ein schönes Design.
MfG Nano



#1337 GfX H4xX0rr boyyy.
[wip] weblayout 26.07.2010 16:46 Nano is offline Search for Posts by Nano

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Thread Starter Thread Started by cruse
Spacer
      

*topic wieder rauskram*

so hab mal wieder dranherumgebastelt.

ist noch stark wip wie man sieht. muss mich nun ums grobe html layout kümmern bzw halt festlegen wie das forum etc überhaupt dargestellt werden soll - mir fällt's nun etwas auf die Füße das ich's zu schmal gemacht hab.
auch gefallen mir einige elemente noch nich ganz.
linke seite oben das runde z.b., aber dafür sieht links der rest schon ganz ok aus. rechts ist noch etwas unfertig.

glaub den header lass ich so - mal sehn (wegen farben)

menü müsste so gehn.

mal sehn wann ich wieder etwas zeit (und lust) find....

link: famely4.jpg
____________________________________________________________________

edit: update !

famely5.jpg



This post has been edited 2 time(s), it was last edited by cruse: 23.08.2010 05:37.

[wip] weblayout 20.08.2010 05:51 cruse is offline Homepage of cruse Search for Posts by cruse

Azraél Azraél is a male
Scharfzeichner


Avatar von Azraél

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

Spacer
      

Wenn du das umsetzen kannst passt ja alles großes Grinsen





I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.
[wip] weblayout 25.08.2010 16:45 Azraél is offline Homepage of Azraél Search for Posts by Azraél

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Thread Starter Thread Started by cruse
Spacer
      

jo das programmieren wird noch sehr sehr lustig :<

bin grad etwas am wbb aufsetzen und man bekommt die doofe Hilfe nicht ausm menü raus.
auch der ganze aufbau vom wbb lite ist total ätzend, werd wohl doch zur vollversion greifen müssen und den code dann per hand etwas anpassen.

wollte die seite ursprünglich in einem frame anzeigen lassen - also forum etc. dann müsste ich aber das forenmenü komplett deaktivieren können - ebenso registrierung etc.
will aber unbedingt wbb nutzen - ebenso soll aber alles ineinandergreifen - also dann wieder doch keine frames.
nun hab ich ohne frames aber 1x das prob das er die ganze seite bei jedem beitrag (forum) neu lädt(traffic,ladezeit(ok klar cache..)), aber ich muss mich dahingehend auch etwas ans wbb layout orientieren - wo wir wieder beim problem der anpassung vom wbb lite wären, die mich doch arg blockiert.

vielleicht schmeiss ichs wbb auch komplett runter und nehm eine andere forensoftware, wo ich aber auf ähnliche sachen treffen werde.

gibts hier wen der sich sehr gut mit wbb auskennt ?

Vor allem muss ich das menü komplett anpassen können - ohne hilfe und so nen quark.
brauch quasi nur kalender + forum und halt noch ne art news-funktion.
im menüpunkt "stream" verstecken sich halt ebenso wie unter news einfach nur forenbeiträge, vielleicht noch gepaart mit nem mod der eine videostreamseite abfragt



This post has been edited 2 time(s), it was last edited by cruse: 31.08.2010 16:36.

[wip] weblayout 30.08.2010 23:11 cruse is offline Homepage of cruse Search for Posts by cruse

Hubby
Zauberstabbenutzer


Hubby hat kein Avatar

Registration Date: 07.10.2009
Posts: 20

Spacer
      

Oh gott. Das mit WBB zu machen wird den Programmierer zu 100% das Leben kosten. Es ist jetzt zwar nicht das allerschwerste zum Umsetzten aber in den ganzen Templatedateien darfst du trotzdem Sachen löschen/verschieben...! Ich denke für jdm., der es beruflich macht sollte es kein sehr großes Problem darstellen aber für Hobbyprogrammierer schon.
Ich würde dir zu http://www.phorum.org/ raten. Ich habe vor 6 Monaten mal damit nach Kundenwunsch gearbeitet. Meine Meinung dazu: Das System kann selber recht wenig aber um damit was zu machen musst du auch recht wenig können.

[wip] weblayout 31.08.2010 16:49 Hubby is offline Search for Posts by Hubby

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Thread Starter Thread Started by cruse
Spacer
      

es wird definitiv mit wbb gemacht. die lizenz ist quasi schon fast gekauft, es müssen nur noch einige kleinere unklarheiten beseitigt werden.
Der programmierer bin ich ^^

edit:

so erstes html is schonmal oben. (alpha)
bin grad noch so etwas am css anpassen

hab erstmal nur das .psd als .jpg gespeichert und als bg eingebunden.
dank google crome dev-tools is das rausfinden der einzelnen css klassen kaum nen prob - kanns jedem nur weiterempfehlen - grenzt schon an cheat ^^

>>> famely.net

werds erstmal auf diversen rechnern und browsern testen um zu sehn wo die größten probs sind.

alle weiteren änderungen gibts nur noch unter der url.
wer hier erst wieder was posten wenns echt final ist(was noch nen paar wochen dauern dürfte^^)



This post has been edited 4 time(s), it was last edited by cruse: 07.09.2010 18:35.

[wip] weblayout 31.08.2010 20:28 cruse is offline Homepage of cruse Search for Posts by cruse

Azraél Azraél is a male
Scharfzeichner


Avatar von Azraél

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

Spacer
      

Schön, sind noch ein paar HTML Fehler drin.
Und "Sie sind nicht angemeldet. * Anmelden * Registrieren" hängt bei meiner Auflösung (1680x1050) außerhalb des Layoutes.





I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.
[wip] weblayout 08.09.2010 08:07 Azraél is offline Homepage of Azraél Search for Posts by Azraél

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Thread Starter Thread Started by cruse
Spacer
      

quote:
Original von Azraél
Schön, sind noch ein paar HTML Fehler drin.
Und "Sie sind nicht angemeldet. * Anmelden * Registrieren" hängt bei meiner Auflösung (1680x1050) außerhalb des Layoutes.


firefox user Zunge raus

jo ich weiss,beim ie hängts links - bei firefox rechts ^^

bei google chrome is alles prima.

werd ich mir heut noch näher anschaun. die mouseover bau ich ebenfalls noch heute ein.



[wip] weblayout 08.09.2010 08:18 cruse is offline Homepage of cruse Search for Posts by cruse
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 08.09.2010 08:18  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » GFX-Area » Showroom » Designs » [wip] weblayout

Similar topics to [wip] weblayout
Thread
Weblayout (Forum: Designs)
[WIP] Team Slime (Forum: Designs)
[WIP] Portfolio (Forum: Designs)
[WIP] wBB Design (Forum: Designs)
[wip] cleanofolio (Forum: Designs)