Beste lezers,
Vrijwel nooit heb ik echt gedesignt. Maar ik heb me er vandaag toch maar aan gewaagd.
Het resultaat tref je op: http://mockup.xsnl.net/
Graag heb ik wat meer tips en visies. Wat kan beter, en wat zou er anders moeten?
De site is voor mijzelf, waar ik graag het schrijven van teksten en andere diensten op aan wil prijzen.
Nogmaals: erg veel ervaring heb ik niet met designen, daarom roep ik jullie hulp in voor wat tips.
Met vriendelijke groet,
Dennis de Wit
- [Layout] Check
-
06-08-2011, 18:46 #1
- Berichten
- 519
- Lid sinds
- 15 Jaar
[Layout] Check
-
In de schijnwerper
-
06-08-2011, 19:16 #2
- Berichten
- 316
- Lid sinds
- 15 Jaar
Re: [Layout] Check
Leuke layout, hier toch even wat verbeterpuntjes:
- Gebruik voor de tekst (dus niet de titels) gebruik van een andere lettertype, het beste is gewoon arial, en doe ze ook in een kleinere lettergrootte.
- Gebruik een lichte textshadow bij je titels. (dropshadow layereffect)
- Maak de letters van de menu-items kleiner, en het logo groter.
- Probeer er misschien wat icoontjes in te verwerken; kijk op iconfinder.com voor gratis icoontjes.
Succes ermee, ik zie het graag als je wat hebt veranderd ;)
-
06-08-2011, 19:24 #3
- Berichten
- 519
- Lid sinds
- 15 Jaar
Re: [Layout] Check
Leuke layout, hier toch even wat verbeterpuntjes:
- Gebruik voor de tekst (dus niet de titels) gebruik van een andere lettertype, het beste is gewoon arial, en doe ze ook in een kleinere lettergrootte.
- Gebruik een lichte textshadow bij je titels. (dropshadow layereffect)
- Maak de letters van de menu-items kleiner, en het logo groter.
- Probeer er misschien wat icoontjes in te verwerken; kijk op iconfinder.com voor gratis icoontjes.
Succes ermee, ik zie het graag als je wat hebt veranderd ;)
2: Dat kan in Photoshop nog wel, maar als ik het in HTML uitwerk, hoe bereik ik dan die dropshadow? (het werkt dan met een PHPfeed of iets dergelijks in plaats van Photoshop.
3: Ga ik mee bezig :)
4: Is een optie. Ik denk dat er voor mijn titels wel wat plaats is voor een icoontje her en der.
Bedankt voor je tips, ik ga er mee bezig :)
-
06-08-2011, 20:21 #4
- Berichten
- 682
- Lid sinds
- 14 Jaar
Re: [Layout] Check
Ik raad je aan even deze tutorials te bekijken, geeft je een hoop inzichten:
http://lerenontwerpen.nl/de-basispri...-van-webdesign
http://lerenontwerpen.nl/portfolio-webdesign-deel-1
(dan deel 2 tm 4 ook)
-
06-08-2011, 20:29 #5Particulier
- Berichten
- 214
- Lid sinds
- 15 Jaar
Re: [Layout] Check
1: Ga ik mee bezig. Komt goed! :)
2: Dat kan in Photoshop nog wel, maar als ik het in HTML uitwerk, hoe bereik ik dan die dropshadow? (het werkt dan met een PHPfeed of iets dergelijks in plaats van Photoshop.
3: Ga ik mee bezig :)
4: Is een optie. Ik denk dat er voor mijn titels wel wat plaats is voor een icoontje her en der.
Bedankt voor je tips, ik ga er mee bezig :)
Handig tooltje hiervoor: http://www.css3maker.com/
-
06-08-2011, 21:46 #6
- Berichten
- 519
- Lid sinds
- 15 Jaar
Re: [Layout] Check
@Tim: Het klinkt wat moeiteloos, maar zou je me expliciet de punten kunnen wijzen die niet aan je standaarden voldoen? Antialiasing staat inmiddels uit. Die had ik er al uitgevist dankzij je video.
Met een grid werken moet ik nog even bekijken.
@Rob: Dankje, die site ken ik nog niet!
Aanvullend bericht:
Goed. Alle tips van Leone H. zijn verwerkt in de verbeterde versie.
Ik heb op aanraden van Tim zijn video's antialiasing uitgezet.
Niet verwerkt is het grid, omdat ik niet begrijp in welk opzicht de site 'scheef' zou zijn.
Verder de vraag aan Tim om misschien expliciet dingen aan te willen wijzen.
Zo was 'ie!
Zo 'ie nu!Laatst aangepast door Dennis de Wit : 06-08-2011 om 22:52 Reden: Automatisch samengevoegd.
-
07-08-2011, 23:04 #7
- Berichten
- 316
- Lid sinds
- 15 Jaar
Re: [Layout] Check
Oeh, hij begint nu al echt mooi te worden.
Je nieuwe indeling staat ook veel beter, wat ik enkel nog zou veranderen:
Anti-aliasing voor het logo aanlaten, en de schaduw die je nu hebt gebruikt wat scherper te maken.
probeer de volgende instellingen eens voor de schaduw:
En dan de kleur van de shaduw eventueel wat lichter maken.
ohja, je moet die schaduw rechts wat minder aanwezig maken.
Voor de rest ziet hij er eigenlijk al heel goed uit, verbeter deze puntjes nog even en dan is hij perfect.
-
07-08-2011, 23:20 #8
- Berichten
- 519
- Lid sinds
- 15 Jaar
Re: [Layout] Check
Zo, dat is even balen. Mijn PSD is spoorloos verdwenen. Werkte vanuit Dropbox, maar bij de laatste keer afsluiten heeft hij het bestand niet juist weggeschreven, en dus verwijderd.
Ik zal binnenkort weer opnieuw beginnen, met natuurlijk een soortgelijk design.
-
07-08-2011, 23:25 #9
- Berichten
- 660
- Lid sinds
- 17 Jaar
Re: [Layout] Check
Daarnaast zou ik nog even goed letten op de leesbaarheid van de tekst (je hebt nu relatief weinig contrast) en ik zou iets "mooiere" (blijft subjectief) kleuren gebruiken. Er zijn diverse websites met kleurenschema's te vinden zoals http://kuler.adobe.com/
Via dropbox.com en dan inloggen kan je trouwens bij Events de oude bestanden en versies terugvinden, kans is dus dat je psd daar nog terug kan vinden
-
07-08-2011, 23:48 #10
- Berichten
- 519
- Lid sinds
- 15 Jaar
Re: [Layout] Check
Opnieuw beginnen is vaak niet eens zo'n slechte stap, kijk goed naar de minpunten van de huidige layout en proberen juist die te verbeteren.
Daarnaast zou ik nog even goed letten op de leesbaarheid van de tekst (je hebt nu relatief weinig contrast) en ik zou iets "mooiere" (blijft subjectief) kleuren gebruiken. Er zijn diverse websites met kleurenschema's te vinden zoals http://kuler.adobe.com/
Aanvullend bericht:
Zo. Vandaag opnieuw begonnen, en ik ben een stuk tevredener over het eindresultaat.
Iemand nog tips? Update staat hierLaatst aangepast door Dennis de Wit : 08-08-2011 om 20:34 Reden: Automatisch samengevoegd.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic