1. [PhotoShop] Slicen website...

Re: [PhotoShop] Slicen website...

Die ene gebruiker op je website die nog IE6 gebruikt is het eigenlijk gewoon zelf schuld.

Dit zou op een tegeltje kunnen staan bij ons op werk. :D

Ik zal er naar kijken Koekiebeest en laten zien wat ik zou veranderen. :)
  • Die ene gebruiker op je website die nog IE6 gebruikt is het eigenlijk gewoon zelf schuld.

    Dit zou op een tegeltje kunnen staan bij ons op werk. :D

    Ik zal er naar kijken Koekiebeest en laten zien wat ik zou veranderen. :)
  • Over het algemeen bespaar je zelf heel veel tijd al schets je ontwerp eerst met pen en papier, en het pas later uitwerkt in photoshop/fireworks.

    Tegenwoordig heb je ook niet zoveel images meer nodig als vroeger, rounded borders en dropshadows etc kan allemaal met css. Dat je het bij IE6 niet ziet is jammer maar het moet maar zo.
  • Eens met Zhero, vind het heel gek zo onder elkaar. Als je toch per se je menu 2 keer op je site wil zou ik 'm in je footer zetten. Zodra mensen de onderkant van je pagina hebben bereikt hoeven ze niet naar boven te scrollen om een andere pagina te kiezen.

    Daarnaast moet je even kijken naar uitlijning. De linkerkant van je site danst. Bijna niks lijnt.

    En de titel quickfacts staat wel erg dicht op de rand. Ik zou wat meer padding geven.
  • Ben ik normaliter met je eens, maar in dit geval laat ik het staan.
  • Twee exact dezelfde menu's op bijna dezelfde plek maakt gewoon no sense. Schept alleen maar verwarring lijkt me. Wat je makkelijk weg kan laten zou ik ook weg laten.
  • Ziet er goed uit Koekie! Alleen waarom 2x het menu op de site? Zowel horizontaal als verticaal <img alt=":P" src="/plugins/sceditor/emoticons/tongue.png" />
    haha, klopt had in eerste instantie ook submenu's aangebracht, maar dat bracht verwarring. Na wat testjes bij andere gebruikers bleek dit de meest vriendelijke oplossing (serieus, ik was ook verbaasd).

    Dat kwam ook mooi uit gezien ik het design had opgezet voor submenu's.
    Sterker nog, ik kan het in een handomdraai ook omzetten naar subemenu's, maar dat toont toch niet erg overzichtelijk.

    Voor deze site lijkt dit de beste opstelling, weinig content en via zoveel mogelijk wegen te benaderen.
    Verbaasde me al, maar ach, als ze het fijn vinden :P
  • Ziet er goed uit Koekie! Alleen waarom 2x het menu op de site? Zowel horizontaal als verticaal <img alt=":P" src="/plugins/sceditor/emoticons/tongue.png" />
    haha, klopt had in eerste instantie ook submenu's aangebracht, maar dat bracht verwarring. Na wat testjes bij andere gebruikers bleek dit de meest vriendelijke oplossing (serieus, ik was ook verbaasd).

    Dat kwam ook mooi uit gezien ik het design had opgezet voor submenu's.
    Sterker nog, ik kan het in een handomdraai ook omzetten naar subemenu's, maar dat toont toch niet erg overzichtelijk.

    Voor deze site lijkt dit de beste opstelling, weinig content en via zoveel mogelijk wegen te benaderen.
  • Hele verbetering! Ziet er goed uit!
    Enige verbeterpunt die ik zo snel zie, is dat de Quickfacts plaatjes zijn ipv. tekst. Als je wilt dat searchindexes je site zien, moet je daar plain text van maken.
    Zal je wat vertellen, dat zijn geen plaatjes. Google zal deze prima indexeren. ;)
  • Ziet er goed uit Koekie! Alleen waarom 2x het menu op de site? Zowel horizontaal als verticaal :P
  • Hele verbetering! Ziet er goed uit!
    Enige verbeterpunt die ik zo snel zie, is dat de Quickfacts plaatjes zijn ipv. tekst. Als je wilt dat searchindexes je site zien, moet je daar plain text van maken.
  • Ok, vandaag er even goed voor gezeten, de techniek had ik al op orde, maar nu dus de verdere inrichting. Heb IE6 dus ook maar aan de kant gezet.

    Ik moet nog nieuwe foto's maken o.a. van de nieuwe badkamer, dus de foto's an sich worden nog verbeterd (onder de link foto's).

    Algeheel ben ik best tevreden, buiten de footer om dan :(

    Zie hier het resultaat:
    http://www.mijnappartementkopen.nl/
  • Ik heb een logo van een bedrijf van PNG naar JPEG veranderd. Ging toch even van 23kb naar 9kb. En de kwaliteit bleef nagenoeg hetzelfde. :)
    IE is ook altijd zo kut met inheritance. Vooral met floats wil ie kutten.

    Maar goed, IE9 is een hele verbetering. Duurt alleen nog héél lang voordat de oudere versies niet meer gebruikt worden… :(
  • IE6 compatibility moet je je niet meer aan wagen. Heeft ook totaal geen nut. Die ene gebruiker op je website die nog IE6 gebruikt is het eigenlijk gewoon zelf schuld.
  • Zie de nieuwe dienst van MS om IE6 te ontmoedigen (ben er erg blij mee). Echter, 12% van de gebruikers wereldwijd gebruiken dus nog IE6, dat is freaking veel.

    http://www.ie6countdown.com/

    Site vordert aardig, maar neemt andere vormen aan dan hierboven. Kleurstelling etc blijven uiteraard wel in tact. Opzet wordt iets anders.
  • Thanks voor de voorstellen, ik ga ze zeker meenemen, ben overigens erg gecharmeerd van de footer, hoe doe je die gradient (ik heb alleen cs2 legaal hier). Lijkt een gewone gradient, maar dan als object en vervolgens half krom getrokken…

    Het is een lichtblauwe cirkel met flink wat gaussiaans vervagen. Deze is daarna inderdaad uit elkaar getrokken. Als je nou eens je Photoshop upgrade kun je zien hoe ik het gedaan hebt. Of zit er in CS2 al de Smart Objects functie?

    @Triforce: welk lettertype heb jij gebruikt, deze is volgens mij iets anders, maar ook erg cool.

    VAG rounded. Welke heb jij dan gebruikt? Helvetica rounded?

    De sites van het kwade tuinhekje zijn inderdaad prima om te bekijken. Kijk ook eens naar: http://www.thebestdesigns.com/ voor een beetje inspiratie :)
  • Thanks voor de voorstellen, ik ga ze zeker meenemen, ben overigens erg gecharmeerd van de footer, hoe doe je die gradient (ik heb alleen cs2 legaal hier). Lijkt een gewone gradient, maar dan als object en vervolgens half krom getrokken….

    @Triforce: welk lettertype heb jij gebruikt, deze is volgens mij iets anders, maar ook erg cool.

    @EVil TuinHekje: ik ga vanavond de creaticca site doorpluizen, thanks.

    Grootste probleem is dat ik al een lange tijd geen designs meer heb gemaakt, ben echt 100% gericht op javascript / xml / json etc.. en daarmee valt het designen steeds meer tegen.
  • Ahh ja, oké :)
    Dus meer een brochure/flyer dan site.
    Ook dan raad ik creattica aan, aangezien je daar misschien nog wat kleurencombinaties kunt opdoen, of een leuke vormgeving of iets in die geest. Tevens zou ik dan een iets 'cleanere' template maken, één met dus geen felle kleuren, waardoor de foto van het apartement direct opvalt. Tevens zou ik dan gebruik maken van donkere kleuren voor speciale teksten. Als Donkerrood of Donkerblauw (wel mooie rood en blauw ofc) waardoor deze op een lichte template samen met de foto's direct eruit springen.

    Maak overigens ook goed gebruik van Titles, Headers en Paragraphs (<title>, <h1> t/m max. <h4>, <p>;) Aangezien dit je pagina optimaliseert voor het gebruik van zoekmachines.
  • Ik heb even snel in elkaar geflanst hoe je dingen beter zou kunnen doen:

    http://preview.aanzee.nl/koekie

    Ik heb geprobeerd zoveel mogelijk jouw basis aan te houden maar dan met wat veranderingen.

    • Je idee van de post-it note moet je laten varen. Als je deze tekst wil htmlen dan gaat dat nooit mooi worden. Je ziet dat in Photoshop je letters al gaan dansen.
    • Geen blauwe tekst op groene achtergronden. Is niet goed leesbaar en is ook niet mooi.
    • Geef alles meer ruimte, wit is niet lelijk, wit is mooi :)
    • Uw appartement ook verkopen? en sitemap los van elkaar halen. De een is een trigger, de ander is iets wat je weg moet stoppen. Heb de trigger nog steeds klein staan, maar ik zou deze meer aandacht geven.

    Voor de rest heb ik sommige dingen een beetje geshuffeld en anders gedaan puur op gevoel. Vind ik moeilijk uit te leggen.
  • Ik ga zeker verder kijken naar funda etc, maar dit is in mijn ogen niet echt een site ofzo, meer een flyer.

    Leuk appartement gespot?
    Dit heeft het, zo ziet het er ongeveer uit, voor deze prijs.
    Hier contact opnemen voor een bezichtiging

    Meer niet.
    Kortom, het voelt voor mij niet eens als een site.
    Zachte kleuren kan, maar wordt de site er dan beter van? Verlegt wellicht wel meer de aandacht naar de content…
  • Hey!
    Tuurlijk begrijp ik dat je een site wilt die klein is, met weinig informatie maar wel 100% gericht op waar de site voor is. Niets mis mee natuurlijk.

    Maar je moet niet vergeten dat een product verkopen op internet uit minstens 80% Graphical Layout bestaat. De rest is gebruiksvriendelijkheid (die tevens een gedeelte layout overlapt).

    Dit gezegd kun je hopelijk begrijpen dat inspiratie opdoen van sites waar alles 100% grafisch is, een goed startpunt is om te beginnen met het ontwerpen van je eigen site. Daarnaast is het slim om te kijken naar al bestaande websites in die bedrijfstak. Zoals funda.nl of kemperskoppenol.nl

    Wat ik je sowieso aanraad, is het gebruik van zachtere kleurencombinaties.

Plaats reactie

Wanneer je een reactie plaatst ga je akoord
met onze voorwaarden voor reacties.

Log in om te reageren