[WIP] PSD-Website-Contest

[WIP] PSD-Website-Contest | PSD-Tutorials.de

Erstellt von patrick_l, 02.09.2012.

  1. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [WIP] PSD-Website-Contest
    [​IMG]

    Hier könnt ihr eure WIPs posten. Eine Übersicht über alle WIPs findet ihr hier:


    Voting


    Übersicht aller WIPs

    Regeln



    In eurem Ordner auf dem Contest-Webspace findet ihr eine jpg-Datei wip-preview.jpg. Diese könnt ihr durch einen kleinen Screenshot eures Website ersetzen. Die Maße sind 258px*172px.

    An dieser Stelle auch noch eine Bitte an alle. Postet eure WIPs als Thumbnail. So wird der WIP-Thread nicht unnötig aufgebläht bzw. müssen wir dann später nicht unnötig durch zusätzliche Seiten klicken.
     
    Zuletzt von einem Moderator bearbeitet: 18.11.2012
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    #2      
  4. Dobi78

    Dobi78 Wen interessiert's? PSD Beta Team Kreativ-Flatrate-User

    13157
    Dabei seit:
    11.09.2010
    Beiträge:
    6.916
    Geschlecht:
    männlich
    Ort:
    Schweiz | Basel
    Software:
    Adobe CC
    Kameratyp:
    Nikon D800
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Hilft mir mal....welche WIP's werden hier gepostet?? die HTML oder die PSD WIPs??

    Ich nehme mal an die PSD, da die HTML direkt hochgeladen werden kann...oder??
     
    #3      
  5. hellemon

    hellemon Hat es drauf

    331
    Dabei seit:
    17.11.2006
    Beiträge:
    2.422
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Photoshop CC
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Ich denke du kannst beide WIP's hier posten, aber immer der Reihe nach, erst PSD dann HTML/CSS. ;)

    Gruß Helle
     
    #4      
  6. Dobi78

    Dobi78 Wen interessiert's? PSD Beta Team Kreativ-Flatrate-User

    13157
    Dabei seit:
    11.09.2010
    Beiträge:
    6.916
    Geschlecht:
    männlich
    Ort:
    Schweiz | Basel
    Software:
    Adobe CC
    Kameratyp:
    Nikon D800
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    okay und für was steht dann dieser Thread??
    den hier meine ich
     
    #5      
  7. hellemon

    hellemon Hat es drauf

    331
    Dabei seit:
    17.11.2006
    Beiträge:
    2.422
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Photoshop CC
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Dort kommen Allgemeine Themen rein was den Contest angehen, bei den WIP Thread kommen meisten die Technischen Dinge rein, daher so viele Thread, habe aber gerade gesehen das unsere beiden MOD's tatsächlich Layout und WEB trennen wollen, der Web WIP Thread ist aber noch nicht aktiv und wird denke ich mal Ende September angelegt und freigeschaltet.

    Gruß Helle
     
    #6      
  8. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Also zur Erklärung: Hier hinein kommen die Layout WIPs. Das heißt einfach Bilder von euren layoutentwürfen (mit ps erstellt).

    In 4 Wochen, wenn die Codephase beginnt, dann gibts einen weiteren WIP-Thread, in den dann eure Code-WIPs reinkommen.
    Mal schauen, evtl werden wir den auch früher starten, je nachdem wie schnell ihr seid :D

    Unser Zeil ist es nämlich die Erstellung einer komplettetn Website möglichst realistisch nachzustellen. Normal wird ja auch erst das Layout erstellt und dann gecodet. Wir haben die Zeit deswegen so großzügig angesetzt, damit möglichst viele Zeit finden.
    Aber wie gesagt, es kann gut sein, dass wir den WIP-Thread für Code schon früher aufmachen, damit sich niemand langweilt ;)
     
    Zuletzt bearbeitet: 03.09.2012
    #7      
  9. Dobi78

    Dobi78 Wen interessiert's? PSD Beta Team Kreativ-Flatrate-User

    13157
    Dabei seit:
    11.09.2010
    Beiträge:
    6.916
    Geschlecht:
    männlich
    Ort:
    Schweiz | Basel
    Software:
    Adobe CC
    Kameratyp:
    Nikon D800
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Okay, dann hab ich das jetzt auch kapiert...Danke für die Erklärung.
     
    #8      
  10. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Gut, dann werde ich mal den Anfang machen und meinen ersten WIP raushauen.
    Vorweg: Ich hab bisher im Prinzip keine erfahrung mit dem Thema Gestaltung von websites. Bin also noch ein ziemlicher Noob :D Umso mehr würds mich freuen ein paar gute Tipps zu bekommen. :)
    Zum Design: Es ist seeehr schlicht gehalten, ich finde an manchen Stellen fast zu schlicht. :uhm: (z.B. Startseite, auch wenn cih die schon fast wieder cool finde :D)
    Jede einzelne "Unterseite" (das ganze soll als OnePage aufgebaut sein - die einzelnen elemente schweben dann hinein...) hat ihr eigenes Farbschema sozusagen, welches schon auf der Startseite gezeigt wird...
    Die Navigation soll sich über alle Seiten halten, wobei mir da ncoh keine geeignete Darstellung/Position eingefallen ist...

    [​IMG]
     
    Zuletzt bearbeitet: 05.09.2012
    #9      
  11. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Wenn du das unter "Me" aussprichst, hast du 3x "und" im Satz. Für mich einmal zuviel. Mach ein Komma nach Webdesign oder schreibe "mit HTML5&CSS3"
     
    #10      
  12. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Genau das selbe dachte ich mir auch gerade. ;) Ich würde es ohne Komma schreiben. Also "...modernes Webdesign mit HTML5 und CSS3". Farblich gefällt mir das schlichte Layout eigentlich ganz gut. Nur wie du schon sagtest, etwas zu schlicht.

    Ich würde vielleicht auch mit unterschiedlichen Schriftgrößen arbeiten. Auch die Navigation in deutsch. Ich bin kein Fan von gemischten Inhalten. Damit meine ich die Mischung deutsch und englisch.

    Edit:
    An dieser Stelle auch noch eine Bitte an alle. Postet hier eure WIPs als Thumbnail. So wird der WIP-Thread nicht unnötig aufgebläht bzw. müssen wir dann später nicht unnötig durch mehre Seiten klicken. ;)
     
    Zuletzt bearbeitet: 03.09.2012
    #11      
  13. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Ich wippe mal mit, erstmal ein Kontaktformular, ist aber schon umgesetzt ;) weiß aber noch nicht, ob ich die Seite in der Richtung weiter mache, oder obs doch was anderes wird... :uhm:

    [​IMG]
     
    #12      
  14. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    :lol:
    In meiner PSD wars schon geändert, war mir selbst schon aufgefallen :D Werd das gleich mal updaten...

    Mir ist das ganze eh ein bisschen "schriftig" :D Werd mal schauen, was sich da noch einbauen lässt... Bin aber ja auch noch ganz am Anfang :)
    Mit den Thumbs haste natürlich auch recht :)

    Ich komm dann demnächst mal bei dir vorbei ;) ;)

    Das Formular mit seinem "kackbraungrünblauen" Farbverlauf sagt mir nicht zu, wohingegen ich die Idee mit der Minimap nett finde :)
     
    #13      
  15. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Erinnert mich ein wenig an diese ganzen Browsergames und an meine "Zockerzeit" mit Mario und Co. :D Gefällt mir aber. :) Würde aber den Hintergrund ändern und vielleicht den Verlauf bei den Input-Feldern weglassen. » »

    Wirkt so etwas altbacken ;)

    Den Schatten deiner Pixellandschaft würde ich auch nicht pechschwarz lassen. Ist so etwas zu stark. Etwas dezenter und vielleicht halbtransparent. Ansonsten ganz cool.

    Da hast du allerdings recht :D Aber kann auch nur mit Schrift einiges her machen. Deshalb ja auch unterschiedliche Schriftgrößen ausprobieren. Vielleicht auch eine andere Schrift dazu nehmen.
     
    Zuletzt bearbeitet: 03.09.2012
    #14      
  16. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    So, alle guten Dinge sind drei [​IMG] Hier dann auch mein erster WIP. Habe erst einmal etwas "schlichtes" versucht. So richtig gefallen will es mir nicht. Halt etwas zu "alltäglich" ;) Halt wegen der "Kastenform" [​IMG]

    [​IMG]

    Werde jetzt erst einmal an meinem Hintergrund arbeiten. Nen Artwork oder so was ich dann irgendwie dann für mein späteres Layout verwende oder mit einfließen lasse. ;) Ist ja genug Zeit da :D
     
    Zuletzt bearbeitet: 03.09.2012
    #15      
  17. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Schickes Ding, der Herr! ;) Aber wie du schon selbst sagtest ziemlich mainstream. (guter Mainstream, nicht umsonst sehen viele Templates ähnlich aus - ist halt im Moment so ein gutes, normales Design)

    Für Firma Müller aus der Kreisstadt gut, aber für ein Künstlerportfolio im Moment irgendwie noch nicht so ganz geeignet. Hoffe du nimmst das jetzt nicht als zu hart auf...

    An sich find ichs aber echt schick!
     
    #16      
  18. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Da ihr jetzt schon etwas raus gehauen habt, wollte ich auch direkt nachziehen ;) Aber eben zu mainstream. An dem werde ich auch nicht weiter schrauben. Daher auch ab in die Tonne äh Schublade damit [​IMG]

    Habe ja genug andere Ideen. Jetzt also erst einmal passende Stocks zusammen suchen und dann mal kicken :D
     
    Zuletzt bearbeitet: 03.09.2012
    #17      
  19. vincitore

    vincitore Aktives Mitglied

    Dabei seit:
    22.01.2005
    Beiträge:
    622
    Geschlecht:
    männlich
    Ort:
    Darmstadt
    Software:
    Adobe CC, Coda 2, Cinema 4D R13 Student
    Kameratyp:
    Canon EOS 5D Mark III
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    oh je ihr seid schon fleißig und ich hab noch nicht mal mit den grundkonzept angefangen.
    und stabiles internet gibt's hier auch nicht in meiner Praktikums-/ Übergangsbude ^^
     
    #18      
  20. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    Keine Sorge, hast ja viel Zeit :)
    Außerdem sind wir 3 eh nur die PSD-Suchtis, die mal wieder strebsam vorarbeiten mussten :D
     
    #19      
  21. vincitore

    vincitore Aktives Mitglied

    Dabei seit:
    22.01.2005
    Beiträge:
    622
    Geschlecht:
    männlich
    Ort:
    Darmstadt
    Software:
    Adobe CC, Coda 2, Cinema 4D R13 Student
    Kameratyp:
    Canon EOS 5D Mark III
    [WIP] PSD-Website-Contest
    AW: [WIP Layout] PSD-Website-Contest

    wie lang wars noch mal ? 1 monat pro teil? so wie ich mich kenne schaff ich es erst im 2ten teil den ersten teil zu machen ;)
     
    #20      
Seobility SEO Tool
x
×
×