Permalänk
Medlem

Smakråd, webdesign

Hejsan, har två stycken designer jag sitter och funderar på, vet dock inte vilken av de två jag ska välja.
Behöver därför en (eller flera) second opinions.

Siten i fråga finns på:

Design 1 (Rätt så stilren)

samt

Design 2 (Lite mer avancerad look)

Design 2.5 "Aningen renare kod och förhoppningsvis inte lika klaustrofobisk"

Observera att detta inte handlar om kodning utan bara det grafiska frontnyllet och layouten, jag vet att det ser ut som värdens bombnedslag i koden. :3
Detta är som sagt bara idéer om hur siten skulle kunna se ut.

Tack på förhand

Edit: La till en ny version. (2.5)

Permalänk

Röstar på 1

EDIT: Jag hoppas att du inte gör den slutgiltiga designen mha tabeller.

Visa signatur
Permalänk
Medlem
Skrivet av Kebabhyvlarn:

Röstar på 1

EDIT: Jag hoppas att du inte gör den slutgiltiga designen mha tabeller.

Det kommer inte vara en massa irriterande tabeller nej, jag var bara aningen lat när jag spånade
Koden som är nu är mest till för det grafiska, för att jag ska få en bild av designen.
Kommer att skriva om allt, för att sedan optimera.

Permalänk
Avstängd

Jag tycker nr 1 eftersom jag gillar centrerad text/menyer på sidor

Permalänk
Medlem

1. Var snyggare imo

Permalänk
Medlem

Nr.1 !

Nr.2 känns alldeles för "platt" eller vad man ska säga... lite klaustrofobiskt imo.

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 500GB |

Permalänk
Medlem
Skrivet av BrutalSwede:

Nr.1 !

Nr.2 känns alldeles för "platt" eller vad man ska säga... lite klaustrofobiskt imo.

Skulle du kunna utveckla "platt" och klaustrofobisk?

Det verkar som att den första är den som kommer att "vinna", skulle dock vilja ha "allt" på en sida.
Vilket minimerar koden, samt för att minimera page requests.

Permalänk
Medlem
Skrivet av Azured:

Skulle du kunna utveckla "platt" och klaustrofobisk?

Det verkar som att den första är den som kommer att "vinna", skulle dock vilja ha "allt" på en sida.
Vilket minimerar koden, samt för att minimera page requests.

Den är lite för låg. + att det är lite för mycket på sidan som sticker ut. (Sen sitter loggan lite för långt ner på 2:an ;)... EDIT: kan dock vara pga. att jag sitter på en laptop tänkte inte på det)

Tycker (personligen) mer om sidor som är högre än bredare.

Nr. 2 skulle kunna fungera om du gjorde den lite högre

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 500GB |

Permalänk
Medlem
Skrivet av BrutalSwede:

Den är lite för låg. + att det är lite för mycket på sidan som sticker ut. (Sen sitter loggan lite för långt ner på 2:an ;)... EDIT: kan dock vara pga. att jag sitter på en laptop tänkte inte på det)

Tycker (personligen) mer om sidor som är högre än bredare.

Nr. 2 skulle kunna fungera om du gjorde den lite högre

Okej, höjden förstår jag, har inte lagt ned någon tid på det, men det skulle ju gå att fixa så att den använder 100% av webbläsarens höjd till en "sida".
Loggan sitter på samma höjd på båda, då den har samma offset (design 2 använder till stor del (förutom vissa saker som spårade ur lite) samma css som den första designen).

Om vi leker lite med tanken, skulle siten se bättre ut om den var säg, max 700px i bredd, alternativt 50% av bredden av skärmen (det skulle dock se väldigt konstigt ut på mycket små skärmar..)? För då blir siten högre än den är bred.

Permalänk
Medlem

1 helt klart!

Permalänk
Medlem

Har nu halvsovit mig igenom (i brist på annat att göra) en ny version av design 2, finnes på "Design 2.5"

Permalänk
Entusiast

Personligen gillar jag Design 2, då den nyttjar lite mer utrymme.
Själv siktar jag alltid på att försöka nyttja skärmytan så mycket det går, men utan att kompromissa på designen alltför mycket.
De flesta av oss skaffar högupplösta och stora skärmar av en anledning

Visa signatur

Bästa programmen till Linux - v2.0
Linux-guide: Val av grafisk miljö. (Att välja distribution).
-
Everyone should have a SGoC in their systems (SGoC: SysGhost on a Chip)

Permalänk

Tycker som de flesta andra här inne Nr 1.

Visa signatur

Game PC: Silverstone Ft2|Asus P9X79 DELUXE |Intel 3930K|16GB Corsair 1600 MHz|ASUS 290X DCII|480 GB Seagate 600 + 120 GB Corsair GTX|WD Raptor 150 Raid 0|Corsair AX750.
HTPC/Filserver: Fractal Design XL|ASUS Z87-A|Intel i5 4670K|16 GB Corsair 2400MHz|256 GB MX100 + 22 TB WD|Corsair 750HX. Laptop: ASUS N55SL|Hackintosh: HP dv5-1095eo 4GB|60 GB SSD

Permalänk
Medlem
Skrivet av Azured:

Har nu halvsovit mig igenom (i brist på annat att göra) en ny version av design 2, finnes på "Design 2.5"

Jodå, det ser lite bättre ut (än den första 2:an). Men jag ser ett problem med att loggan hamnar under meny raden... (Skärmen på laptopen är 1280x800)
Kanske du kan göra den ca. 50px bredare också

Ett problem till jag märkte nu är att när den rullar upp och ner när man trycker på länkarna så hamnar även soundcloud divven bakom meny raden.

(Ska jag lägga upp några bilder som visar vad jag menar eller förstår du? )

Annars ser det jätte bra ut

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 500GB |

Permalänk
Medlem

Nummer 1!

Visa signatur

-AMD Ryzen 1600 -Vengence 16GB -EVGA RTX-3060 OC 12gb

Permalänk
Medlem

1. Men du bör nog förminska loggan en gnutta, fick skroll på sidan på 19" skärm

Visa signatur

FreeNAS 3U | 8GB | 2x2x3TB ProxMox i7-8700K | 32GB Desktop Dell 22" | Benq 22" | i5-smth | 16GB | Intel 520 120GB | 500GB | Arch

Permalänk
Medlem
Skrivet av BrutalSwede:

Jodå, det ser lite bättre ut (än den första 2:an). Men jag ser ett problem med att loggan hamnar under meny raden... (Skärmen på laptopen är 1280x800)
Kanske du kan göra den ca. 50px bredare också

Ett problem till jag märkte nu är att när den rullar upp och ner när man trycker på länkarna så hamnar även soundcloud divven bakom meny raden.

(Ska jag lägga upp några bilder som visar vad jag menar eller förstår du? )

Annars ser det jätte bra ut

Jo jag vet att loggan och soundcloud hamnar lite för långt ned, eftersom de enskilda styckena blir 100% av webbläsarens fönster i höjd så blir menyraden ivägen. Skulle vara bättre om jag kunde lösa det på ett sätt att jag har 100% - menyns höjd. Är inte helt på det klara hur jag ska lösa det dock.
Jag tycker själv att 2.5 ser bäst ut, men mest för att jag har använt box-shadow vilket ger ett djup i siten. (Orginalet ser väldigt platt ut)
Placering av loggan kommer att hamna på rätt ställe med samma formel som soundcloud.

Sen måste jag lösa ett problem med resizing av fönstret, eftersom sidorna är 100% av fönstret så "aktiveras" inte en ny omskalning förän navigation via menyraden.
Så jag behöver någon sorts jquery-kod som känner av window resize och automatiskt hoppar till den <div id="XXXXX"> som har blivit navigerad till senast.

Efter det så tror jag att det skulle vara rätt så okej, vet dock inte hur siten ser ut på >IE 9, väljer dock att inte lägga ned någon energi på just detta.

Hoppas du förstår vad jag har skrivit, är rätt så nyvaken

Skrivet av atriix:

1. Men du bör nog förminska loggan en gnutta, fick skroll på sidan på 19" skärm

Vad har du för upplösning på din monitor?

Förövrigt är det bara en konceptversion så det är varken anpassat eller välskrivet, menyn (om det blir den första som jag väljer att använda mig av) så kommer allt bli så att siten anpassas efter skärmen.

Permalänk
Medlem
Skrivet av Azured:

Jo jag vet att loggan och soundcloud hamnar lite för långt ned, eftersom de enskilda styckena blir 100% av webbläsarens fönster i höjd så blir menyraden ivägen. Skulle vara bättre om jag kunde lösa det på ett sätt att jag har 100% - menyns höjd. Är inte helt på det klara hur jag ska lösa det dock.
Jag tycker själv att 2.5 ser bäst ut, men mest för att jag har använt box-shadow vilket ger ett djup i siten. (Orginalet ser väldigt platt ut)
Placering av loggan kommer att hamna på rätt ställe med samma formel som soundcloud.

Sen måste jag lösa ett problem med resizing av fönstret, eftersom sidorna är 100% av fönstret så "aktiveras" inte en ny omskalning förän navigation via menyraden.
Så jag behöver någon sorts jquery-kod som känner av window resize och automatiskt hoppar till den <div id="XXXXX"> som har blivit navigerad till senast.

Efter det så tror jag att det skulle vara rätt så okej, vet dock inte hur siten ser ut på >IE 9, väljer dock att inte lägga ned någon energi på just detta.

Hoppas du förstår vad jag har skrivit, är rätt så nyvaken

Du får nog ta och Googla det själv Har ganska lite erfarenhet men Jquery än då länge Måste börja läsa lite på det

Visa signatur

| EVGA Z170 FTW | i7 6700k | ASUS RTX 3070 | 16GB DDR4 3200MHz | Cooler Master V850 | Samsung 840 Evo 250GB + 2x WD Black 500GB + Seagate 2TB SSHD + Samsung 970 Evo M.2 500GB |

Permalänk
Medlem
Skrivet av Azured:

Jo jag vet att loggan och soundcloud hamnar lite för långt ned, eftersom de enskilda styckena blir 100% av webbläsarens fönster i höjd så blir menyraden ivägen. Skulle vara bättre om jag kunde lösa det på ett sätt att jag har 100% - menyns höjd. Är inte helt på det klara hur jag ska lösa det dock.

Nu var det väldigt länge sen jag lekte med css, men vad sägs om att styra höjden med margin-egenskapen + height:auto, och sätta en min-height?

Edit: Jag tycker för övrigt version ett är överläget snyggast eftersom den inte är så plottrig, och dessutom liknar designen hur många ljud/musiksidor ser ut

Visa signatur

Stationär: Asus P8Z68-V Gen 3; 2500K; GTX460; 650W Newton R2; 2x4 GB 1600MHz + 2x2 GB 1333 MHz A-data; Plextor SSD M3 Pro 128GB i ett Fractal Design R3, kopplad till en 24" Syncmaster Rose Black.
Laptops: Thinkpad TP43p; Thinkpad X200.