Archief - LAYOUT: Freelance Webdesign - "Hossoft"

Hoi allemaal, khad graag nog eens de meningen gehoord van de TN-site-check-crew

http://www.hossoft.be

Tgaat hier dus om de layout, er staat voor de rest nog niks op buiten dan een klein berichtje dat er gewerkt word aan de site. Khoop dat deze site betere kritiek krijgt dan tegenover mijn vorige 2 wa'k liet checken.
nl. http://www.brukske.be en http://www.tibiawanna.be

Vergelijk ze eens alle 3 en vertel mij eens waar gij vind dat ik op vooruit gegaan ben en op sommige vlakken misschien iets slechter heb gedaan.

Cheers x

- de gradients zijn niet zo goed ingewerkt: slechts een flauwe poging tot
- "doordacht webdesign met oog voor detail". Welk detail? Als je een leuze kiest, zorg dan op zijn minst dat je ze kan waarmaken. Als ik op deze website zou komen en ik zie deze leuze staan bij dat design, dan kom je weinig geloofwaardig bij mij over.
- Het gebruik van flash in uw navigatie is totaal overbodig. Voor het fade-effectje als de pagina laadt zou ik het toch niet houden. Gebruik gewoon css en html. Veel eenvoudiger, veel lichter en dus veel efficienter.
- Het is hoogstwaarschijnlijk beter dan uw tiawannabe design maar ik vind het evenmin geslaagd. Wat foefelen met photoshop en het daarna in html knallen is géén webdesign, laat staan "doordacht".

Sorry sqoizo, ik vind het eigenlijk maar niets. Zeker omdat dit de pagina is die klanten moet overtuigen om een website door jou te laten maken.

Bedoel je met gradients de overgang van blauw naar wit op de achtergrond van mijn navigatie? Dat flash menu was ik al van plan te vervangen omdat het mij "stoort" dat het bij elke nieuwe pagina automatisch een kleine flikkering geeft. Ik zal vanavond of morgen even buttons aanmaken en ze hierdoor vervangen, dan zie je het resultaat ten laatste morgen.

sqoizo zei:

Bedoel je met gradients de overgang van blauw naar wit op de achtergrond van mijn navigatie?

Klik om te vergroten...

yup, dat inderdaad

- Gradients zijn inderdaad wel erg lelijk.

- Haal de titel best uit uw gradient. Nu staat die gelijk in het menu? Zorg ook voor genoeg ruimte (padding/margin)

- Uw kleuren zullen zowiezo niet volstaan om een hele site te vullen. Probeer er meer kleuren tussen te stoppen en beperk het gebruik van (vrij) felle kleuren

- Flash is goed voor animaties. Uw menu bevat naar mijn weten geen animatie...

- Het menu is vrij onduidelijk. Waarom plaats je een lijn met krullen en daaronder nog enkele links? Probeer het aantal links op 1 lijn te brengen of onder te verdelen.

- Hou u aan eenzelfde lettertype bij een bepaalde stijl. Zo gebruik je een ander lettertype voor Hossoft en Netsoft.


Good luck

- "Hossoft" klinkt wat raar, deed me aan Hassan ofzoiets denken. Zal aan mij liggen.

- Gradient kan mooi zijn, maar ze zijn te lang denk ik.

- Ik "zie" 2 kleuren, wit en blauw. Meer variatie of een derde accentkleur zou welkom zijn.

- Menu in flash is inderdaad geen goeie keuze. Je heb ook blijkbaar problemen om alles van de menu op een overzichtelijke manier weer te geven. Vertikaal zou hier een oplissing geweest zijn. Nu is het niet goed.

- Voor de rest is het alles behalve doordacht webdesign met oog voor detail. Nog heel veel werk om die titel waar te maken dus.

-menu lijkt er maar slordig opgesmeten
-gradient
-kleurgebruik
-flash
-details?
-wtf is die lijn met die bollen?
-11 links is veel voor zoiets, vooral omdat uw navigatie er slordig is bijgesmeten
-die link naar top is wel handig ja

=> (imo) lelijk ondoordacht design zonder oog voor detail

surf eerst nog maar es wat rond naar cssmania.com cssvault.com csszengarden.com en consoorten vooraleer je dit een doordacht design met oog voor detail noemt


achja.. leer toch eerst deftig designen vooraleer je opdrachten begint te zoeken :| je gaat me toch niet vertellen als je t objectief bekijkt dat je de site geslaagd vindt zeker

wacht nog maar wat, zoals ik

Enige echte tip die ik je kan geven is: begin opnieuw .

Hossoft en Netsoft logo's verschillen omdat Netsoft een hosting bedrijf is waarmee ik samenwerk indien mensen ook een domeinnaam willen registreren, deze kan ik dus maar moeilijk gaan wijzigen

die krul word ofwel verandert of verwijdert, daar weet ik ook van dat ze nergens op trekt, de bedoeling is nu dat flashmenu eruit en dat krullig gedoe volledig rond laten gaan en daarin mijn buttons te zetten (rollover).

Een extra tint zal ik eens bekijken, liefst hield ik het bij deze kleurencombinatie tenzij ik iets vind wat mooier is.

Extra kleuren zullen nog wel komen als er wat images bijkomen, deze zullen dan een gepaste randkleur krijgen wat dan als extra kleur fungeert en de uitleg over een bepaald onderwerp wat uit het oog moet springen zullen dan de extra kleur krijgen.

die link naar top is op de huidige pagina inderdaad niet echt nodig, maar als er pagina's bijkomen waarbij wat gescrolld moet worden is deze wel nuttig.

De margin en padding kan ik nog wat bijwerken, eventueel zet ik het logo half in die gradient, ik dacht dat ik het logo transparant had gemaakt maar ben er nu niet zeker van.

Opnieuw beginnen doe ik nog niet, als ik echt geen verbeteringen maar kan maken aan de site zal ik wel opnieuw beginnen

Volgens mij zit je een paar jaar achter met je designs, ik krijg het al moelijk met de kleuren enzo. Miss daar eens aanwerken

*UPDATE*

Kheb de afgelopen 2 dagen wat met Photoshop zitten werken, een paar tutorials bij de hand genomen en dit is het resultaat: http://users.telenet.be/hos/test/Hossoft2/home.htm
Dit is het enige wat ik klaar heb op het moment, meer volgt nog. Weet er iemand hoe ik dit het beste oplos in dat iframe, of is het toch beter om met CSS div-tags en layers te gebruiken onder elkaar? Nadeel is wel dat ik in een div-tag niet kan scrollen waarschijnlijk...

Dat iframe krijgt nog schuifbalken die passen bij de kleuren. Als iemand weet hoe ik automatisch de achtergrondkleur van de weer te geven pagina's in een iframe kan mee doen wijzigen dmv CSS zonder een nieuwe pagina te moeten genereren mag mij dit even uitleggen.

Grtz

Wat me laatste tijd ook wel hard opvalt, der is hier 1 iemand geweest, die verschillende kleuren implementeerde in zijn design. Op zich goed gevonden, was heel goed ingewerkt, maar de helft van de designs die ik hier laatste tijd zie staan, hebben dit nu wel geïmplementeerd ...

Het is een extra feature wat niet zoveel werk in beslag neemt, ene keer ge uwe "layout" klaar hebt in photoshop verandert ge gewoon de kleuren

Kga het nog omzetten naar CSS vanavond

Die ronde knopkes zijn niet definitief want die trekken nu eens op nix. Hoogst waarschijnlijk komen die rechts boven het item "Info" in de rand verwerkt of net eronder of erboven en dan vierkantjes maar normaal gezien bollekes zodat het beter in de layout past.

Weet er iemand waarom dat iframe zo naar links trekt bij Mozilla firefox? Bij IE blijft het centraal staan maar bij Mozilla komt er vanonder nog ne schuifbalk bij en die doet da heel spel schuiven denk ik. Khad dat iframe graag scrollend gehad maar dan zit ik waarschijnlijk met het probleem dat als mijn pagina's voor in het iframe een bepaalde breedte moeten hebben (duh). Maar gaat dit dan niet automatisch een horizontale scroll geven? Kan iemand da tegoei uitleggen want dit heb ik nog niet getest.

Edit: ik zoek ook naar een site waar veel fatsoenlijke icoontjes of pictogrammen staan om de huidige icoontjes te vervangen.

Grtz

Het is nog geen tijd om aan een Freelance Webdesigner site te werken. Dit ontwerp straalt namelijk het 'oefengebruik' van photoshop uit. Door het toepassen van de vele effectjes en het toyen met de opties van het programma maar ook door de het slechte samengaan van de elementen.

- Door al die effectjes toe te passen krijg je een blur op alle elementen die het meeste weg heeft van een kleurboek. Daardoor geven mensen vaak het advies om het simpel te houden. Om het maar cliché te houden: 'Trop is teveel'

- Je elementen zijn niet helemaal afgewerkt, dit valt vooral op bij de knopjes om de kleur te veranderen, je ziet nog witte pixels op plaatsen waar de aansluiting niet goed gemaakt is.

Zijn de enige echte commentaren die ik erop geef omdat deze layout voor mij niet meer is dan oefening. Of je erop vooruit bent gegaan laat ik nog in het midden, gewoon omdat je nu gebruik maakt van photoshop, iets wat in die andere sites niet zo sterk terugkeert. Daar maak je dan wel overvloedig gebruik van die bepaalde flash-effectjes die je nu gelukkig achterwege laat. En ik hoop dat je in de toekomst ook niet langer van plan bent deze te gebruiken.

Slynx' zei:

Wat me laatste tijd ook wel hard opvalt, der is hier 1 iemand geweest, die verschillende kleuren implementeerde in zijn design. Op zich goed gevonden, was heel goed ingewerkt, maar de helft van de designs die ik hier laatste tijd zie staan, hebben dit nu wel geïmplementeerd ...

Klik om te vergroten...

Maarja, de site die je het hier voor het eerst hebt zien doen heeft het ook weer geript van een ander. Er zijn namelijk onnoemelijk veel grotere (en dan vooral css-promotiesites om de 'kracht' van css aan te tonen) die het systeem al eeuwen toepassen.

Hier is het trouwens volledig verkeerd gemaakt. Je layout in verschillende kleuren weergeven gebeurt via een stylesheet die door middel van javascript vervangen (en onthouden wordt) bij het drukken op een bepaalde knop, niet door de site 100 keer te kopiëren.

@Zero Grav: Ik heb duidelijk vermeld dat die ronde buttons niet definitief zijn, ze staat daar voorlopig enkel om aan te tonen waar ik naar toe wil. Dat de hele zijt "fout" gemaakt is weet ik ook, ik heb gezegd dat ik het vanavond volledig in CSS ga steken. Zelf weet ik ook wel dat ik geen 4 keer mijn site moet gaan maken om alles in de juiste kleuren te krijgen.
Zolang de afbeeldingen die ik Photoshop maak geen al te grote bestanden zijn kan dit in mijn ogen ook geen kwaad om te implementeren voor de layout. De hele achtergrond is maar 91kb groot.

Lees eerst voor je commentaar geeft.

Hmmm... Gebruik dan toch nog beter een template ofzo, dit is echt fataal... De foute jaren '99 van het webontwerp, daar doet dit me aan denken... Of huur een designer in ofzo...

sqoizo zei:

Lees eerst voor je commentaar geeft.

Klik om te vergroten...

Ik had dat gelezen, maakt dat wat uit? Ze staan er momenteel wel op en je bent niet zeker van het gebruik. Maw, er is 50% kans dat je van plan bent ze te gebruiken en dus telt mijn commentaar nog steeds.

Xavez zei:

Hmmm... Gebruik dan toch nog beter een template ofzo, dit is echt fataal... De foute jaren '99 van het webontwerp, daar doet dit me aan denken... Of huur een designer in ofzo...

Klik om te vergroten...

Dit is geen template, dit is iets wat ik aan de hand van een Photoshop tutorial zelf heb gemaakt en er zelf wat aan heb bijgewerkt. Hoezo foute jaren '99 ?

sqoizo zei:

Dit is geen template, dit is iets wat ik aan de hand van een Photoshop tutorial zelf heb gemaakt en er zelf wat aan heb bijgewerkt.

Klik om te vergroten...

Seg ventje, lees dan zelf eerst ne keer hé...

Xavez zei:

Seg ventje, lees dan zelf eerst ne keer hé...

Klik om te vergroten...

My bad, kheb die ronde buttons weggedaan en vierkante knopkes gemaakt met Photoshop.