Permalänk

Kritik på portfolio

Hej!

Jag har skapat en portfolio där jag lägger upp hemsidor jag skapat.

Jag skulle vilja ha kritik på designen på portfolion och gärna även på de referenser och exempel som jag lagt upp på sidan.

Passar färgerna ihop, bra storlek m.m m.m.

Kolla gärna.

http://web.treb.se

Med vänlig hälsning,
Daniel Lundahl

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Skrivet av lundahldaniel:

Hej!

Jag har skapat en portfolio där jag lägger upp hemsidor jag skapat.

Jag skulle vilja ha kritik på designen på portfolion och gärna även på de referenser och exempel som jag lagt upp på sidan.

Passar färgerna ihop, bra storlek m.m m.m.

Kolla gärna.

http://web.treb.se

Med vänlig hälsning,
Daniel Lundahl

Vad kan man säga? du har gått John Bauer, no wonder att man får begränsad kunskap

Permalänk

Hahaha! Nej du, design är ingenting man får lära sig på John Bauer så det är något jag försökt lära mig själv. ^^
Men du tycker alltså inte om den?

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Tankar om web.treb.se
Sidan är väldigt mörk, typsnittet är inte vackert, texten känns väldigt mycket "photoshop blending options".

Tankar om www.treb.se
Du småste fixa http://www.treb.se/morphs.php ... texten går utanför och det lyser tabell över det hela.
Index sidan ser ännu värre ut, texten lägger sig bakom bilden.

Visa signatur

citera!

Permalänk

Vilken webbläsare använder du Dosshell? Jag använder Firefox och där är det inget liknande det du nämner. :S

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Det ser illa ut för mig i Firefox (3.6) och Opera men det ser bra ut i Chrome och Konqueror.

Visa signatur

citera!

Permalänk

Okej. Jag har Firefox 4.x och där ser allt bra ut. Ser även bra ut på min sambos Firefox 3.x och i IE ser det bra ut. :S

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Användning av frames är inte att rekommendera.

Visa signatur

23 dB @ 1m

Permalänk

Med frames, menar du då att jag inkluderar t.ex. references.php i contentbox diven på web.treb.se? Har fått olika betydelse för just frames.

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

För att hålla en professionell nivå så se till att din sida är verifierad av w3c. Helst inte via doctype=frameset, men om du måste ha frames, använd dem, men jag rekommenderar att du inte använder frames.

Länkarna i menyn är svåra att klicka på då hela spannet av texten inte är en länk.

Sen ang. den grafiska profilen är det upp till dig, men jag personligen hade nog valt en vit bakgrund istället för svart samt skippat alla "glow effekter" på logo och knappar.

Som hemsidan är nu får man en känsla av futuristiskt rymd spel/gui, men detta är kanske det du eftersträvar?

Visa signatur

23 dB @ 1m

Permalänk
Medlem

"hem-knapparna" och så vidare, sätt dom i mitten.

Annars har du tänkt bra att du ska köra det simpelt.

Visa signatur

- Xbox One Series X -
- Mac Mini M1 -
- MacBook Pro 13 M1 -
- iPhone 13 -

Permalänk

För mig är sidan verifierad: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.treb.se%2F...

Haha, nej. Det är inte tänkt att den ska ge ett intryck av ett rymdspel. xD

Centreringen av knapparna ska jag fixa.

Tackar för kritiken!

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem
Skrivet av khaine:

För att hålla en professionell nivå så se till att din sida är verifierad av w3c. Helst inte via doctype=frameset, men om du måste ha frames, använd dem, men jag rekommenderar att du inte använder frames.

Länkarna i menyn är svåra att klicka på då hela spannet av texten inte är en länk.

Sen ang. den grafiska profilen är det upp till dig, men jag personligen hade nog valt en vit bakgrund istället för svart samt skippat alla "glow effekter" på logo och knappar.

Som hemsidan är nu får man en känsla av futuristiskt rymd spel/gui, men detta är kanske det du eftersträvar?

Håller med ovanstående om just knapparna, se till att hela knappen går att klicka på och försök tona ner glowen lite på mouseover. Lite mindre kontrast mellan text och bakgrund gör att det blir lättare att läsa. Försök även visa lite av dina phpkunskaper på hemsidan samt slipa lite på presentationen av dig själv. Läs tex CV guider etc. Detta kommer att öka dina chanser att få projekt i framtiden.

EDIT: här kommer lite inspiration - > http://grid-based.com/
http://webdesignerwall.com/trends/design-trends-predictions-i...

Visa signatur

i7 11700KF, Corsair H115i Elite Capellix, 32GB G.Skill Trident @ 3600mhz, Gainward Phoenix 3080, Samsung 950 EVO 1TB, Corsair RM750X v2, ASUS TUF GAMING Z590-PLUS, Fractal 7 Compact TG, LG 27'' 27GL850

Permalänk
Medlem
Skrivet av lundahldaniel:

För mig är sidan verifierad: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.treb.se%2F...

Haha, nej. Det är inte tänkt att den ska ge ett intryck av ett rymdspel. xD

Tackar för kritiken!

Jo såg det nu, jag får backa, körde fel sida http://web.treb.se, istället för http://www.treb.se/design

Visa signatur

23 dB @ 1m

Permalänk

Vet inte varför det blir så eftersom web.treb.se är alias till www.treb.se/design.

Det här med att det inte går att klicka på hela knapparna är för att sidan vägrade verifieras i w3c om jag inte gjorde som det är nu. :S

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem
Skrivet av lundahldaniel:

Vet inte varför det blir så eftersom web.treb.se är alias till www.treb.se/design.

Det här med att det inte går att klicka på hela knapparna är för att sidan vägrade verifieras i w3c om jag inte gjorde som det är nu. :S

Använd en lista för knapparna.

Exempel:

<!--meny start--> <ul id="meny" class="clearfix"> <li><a class="aktiv">Startsida</a></li> <li><a href="om_mig.htm">Om Mig</a></li> <li><a href="portfolio.htm">Portfolio</a></li> <li><a href="tjanster.htm">Tjänster</a></li> <li><a href="kontakt.htm">Kontakt</a></li> </ul> <!--/meny slut-->

Visa signatur

23 dB @ 1m

Permalänk

khaine: Funkar det när jag har index.php som "sida" och sedan inkluderar olika filer i contentbox beroende på vilken knapp du klickat på?

Då måste jag väl köra flera if och elseif för att OM jag inkluderar reference.php så ska den vara class=aktiv osv osv?

Eller går det att göra på ett enklare sätt?

Nu är knapparna centrerade också.

blagi: Tack för tipsen! Jag ska kolla på glowen när jag har lite mer tid. Ska även snygga till presentationen. Skrev bara lite snabb info om mig själv så det är inte tänkt att det alltid ska se ut så. ^^

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Enda jag kan klaga på nu är väll storleken på texten i "referens".
Den är alldeles för liten och gör ont i ögonen att läsa.

Visa signatur
Permalänk

xion_drifter: Okej! Min sambo klagade också på att texten var för liten. x) Får ändra den till något större.

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Hmm. Tyvärr gillar jag ingen av hemsidorna. Men reptil sidan var väl precis godkänd.
Bara det att jag tycker du kunde delat upp det lite bättre. T.ex submeny-system. Så man slipper
scrolla så mycket för att KANSKE hitta det man vill.

Jag börjar alltid med att skissa upp ungefär hur jag vill ha det. I Photoshop eller paint. Sen är det bara
att köra upp det med html/css. En sak som kan vara bra är att du ENVISAR dig om att så som du har tänkt så ska det bli..om du nu har tänkt rätt

Men på tal om Lundh Design:
Det du har använt som header är inte vad jag kallar header egentligen (även fast det är det). Jag skulle valt att göra en bild (säg.. 800x250) med kanske en uttonad bakgrund med lite krumilurer eller nåt. Och där efter någon text PÅ det (som också passar ihop). Tänk på att allt ska va trevligt att kolla på.

Sen kommer en meny-bar som är mycket bredare än din "header" vilket jag inte tror uppskattas av nån eftersom det inte kommer till någon nytta, varken estetiskt eller praktiskt.

Jag föreslår att du provar att bygga upp sidan i samma stil som http://www.treb.se/facts.php
Alltså där man ser vart divarna slutar. Det behöver inte va med någon border utan bara med någon bakgrundsbild som säger att "här tar det stopp, sidan är inte bredare än så här".

Exempelvis här: http://www.ksweb.se/
Där har du en struktur där allt är uppdelat på ett bra sätt.
Sen är det självklart en smaksak hur du vill ha det. Men enligt mig så är det bra riktlinjer.

Visa signatur

Köp ny mus för 800:- JA, du kommer bli GRYM på cs och sätta huvudskott hela tiden. Du får heller ALDRIG ont i leder.
Eller är det bara så att e-pen*** förlängs om du har en dyrare mus?

Permalänk

zillio: Tråkigt att höra att du inte tycker om dem. Att jag inte gjort någon submeny till reptilsidan är för att jag inte kan flash/javascript tillräckligt bra. x) Men jag antar att det kanske går att lösa med hjälp utav transform (eller transition?) funktionen i CSS3? Får testa att fixa till något sådant.

Att headern ser ut som den gör är pga mina ganska så begränsade photoshopkunskaper. Kan inte alls mycket photoshop så det är också något jag får läsa på om!

Hur menar du "att man ser vart divarna slutar"? Att jag har borders runt innehållet på sidan? På Lundahl Design har jag inte gjort något sådant då jag tror att det inte skulle passa med borders på kanterna och att jag inte kan tillräckligt mycket i photoshop för att kunna göra en snyggare lösning x) Möjligtvis liknande borders fast som fadear ut uppe och nere?

Riktigt kul med kritik! Får mer att jobba med.

Edit: Har du/ni kollat sidorna som ligger under exempel? "Forum1" och "Bloggen"?

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!

Permalänk
Medlem

Min första tanke när jag såg sidan var bara "Star Wars?" - och hur mycket jag än älskar filmerna vet jag inte om detta är något som jag hade satsat på i en portfolio. Ett tips är att med, som du själv säger, bristande kunskaper inom photoshop satsa mer på att göra det enkelt och stilrent. Just nu skriker det, precis som någon påpekade ovan, blending options över hela sidan - vilket skapar ett ganska dåligt första intryck, i alla fall hos mig. Sättet som du skrivit "LUNDAHL DESIGN" på i headern får mig att tänka på ett Counter-Strike nick, personligen hade jag slopat det bakvända G:et och det förstorade sista L:et...

En annan sak som också direkt slog mig var att du skrivit Lundahl Design på olika sätt, är det Lundahl Design eller är det lundahldesign? Jag hade också aktat mig för att använda två utropstecken i rad som du gör i de två första meningarna på index, ser inte särskilt snyggt ut.

Men du verkar ha byggt sidan på relativt bra sätt med lagom många div:ar och osv. Försök att göra om designen och använd dig mindre av blending options så kommer det säkert att bli riktigt bra. Jag hade även ändrat färgen på menyn så att Star Wars-associationen försvinner.

Lycka till!

Permalänk
Medlem

Kolla den här sidan och köp/låna boken. Har själv använt den och den är jätte bra.
http://www.anvandbart.se/ab

Visa signatur

Ne nos sequere nobis secede

Permalänk

crake: Ska ändra det där med 2 !. Jag funderar på att göra om designen helt och köra på en ljusare sida och med MINDRE blending options! Det är Lundahl Design det ska vara.

Tack för tipset Wolfclaw! Får se om jag kan sticka och låna den.

Visa signatur

MacBook Pro
www.mcgaraget.org
Citera för garanterat svar!