Artlife

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Artlife

Post by ADiS »

Ja, satt idag på jobbet med ett litet projekt. Nämligen www.artlife.se. Konstnärens hemsida ser ju idag inte så skön ut.

Det jag kommit fram till är:
http://www.adissida.net/artlife/

Björn gillade den och tyckte att vi skulle köra på den. Sidan validerar inte riktigt, skall fixa det på jobbet. Menyn har jag inte hunnit färdigt än, testa Aktuellt knappen, det är så andra knappar skall fungera.

Loggan kommer ändras, måste åt sorcefilen till den. Sedan kommer det ett dynamiskt galleri.

Nå, vad tycker ni?
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
Raspberry
Posts: 1808
Joined: 2006-06-16 19:51:58

Post by Raspberry »

Bra mkt bättre! :)
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

Två saker jag gillar:
1. Snygg design! Behagliga färger.
2. Härligt med möjlighet till att förstora text (även om footern kanske behöver finputsas litet).

Tre saker jag saknar:
1. <h1>, med en länk till startsidan. Ett förslag är att lägga loggan i en <h1> och lägga den först i HTML-dokumentet (förnuftigt val är div#topp). Om du lägger en alt-text kan du använda en <img> direkt istället för att köra med image replacements.

2. Sliding Doors istället för bilder i menyn. Eller hårdkodade <img> med alt-texter. Att ta bort text i huvudmenyn är något som generellt vill undvikas.

3. Den stora bilden till vänster hade jag personligen valt att lägga som en bakgrund med CSS istället, då bilden inte fyller annan funktion är visuell förbättring.
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Japp, såg nu att footern inte riktigt var med i svängarna. den skall fixas.

Angående menyn så förstår jag att man inte vill ta bort text för menyn då menyn skulle kunna försvinna, men det är ju inte så.

<li id="start"><a href="/artlife/">Start</a></li>

Finns inte bilden så ser man texten. Har inte kollat upp det men misstänker att den gör det?

Bilderna till vänster har jag tänk på att göra som du sa. Så slipper man alt texten samt mindre kod.

aa, finns lite till att pilla, men det på arbetstid! :)
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
fisk
Posts: 7485
Joined: 2003-03-18 21:09:30
Location: Örebro / Sverige
Contact:

Post by fisk »

Gör om flikarna så att de blir helt dynamiska (så att de går att förstora). Optimera bilderna, 130KB går definitivt att få ner i storlek, det gör laddningen enklare.

Times New Roman på texten är åt pepparn, inga seriffer på webbtypsnitt.

Försök bryta emot den fyrkantiga formen, konst och symmetri går inte hand i hand, våga bryta emot det kantiga och använd något för att ge lite mer organiskt liv i formen på textrutorna, har du liten fantasi: gör penselstreck längs ramarna och låt dem forma rutan.

Art Life-logon är för klen, logotyper skall vara tydliga och vara det första man identifierar på sidan. Låt den ta upp mer utrymme.

Våga använda starkare färger. Låt det färggnistra! Färg är lika med liv.

Istället för att skala om bilderna (och få förvrängt utseende) spara om dem i rätt upplösning med en länk till en fullstor bild.


Överlag: Se över koden, just nu så finns en del att göra "This page is not Valid XHTML 1.0 Transitional!". CSS:en kan optimeras en del också.


Designmässigt är du "på väg", men ställ riktigt höga krav på det du skapar, på så vis har du bra grejor att lägga i portfoliot som ger dig bättre jobbmöjligheter i framtiden. Den här typen av uppdrag kräver inget avancerat så att göra en riktigt snabbladdad läckert kodad sida med attraktiv design och ett intuitivt användargränssnitt bör vara a piece of cake. :)
Aotearoa - tino rangatiratanga
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Bra ide där, göra menyn dynamisk den också! Det skall fixas.

Fonten på sidan var inte jag som valde utan jag lyssnade på klienten :-[

Art Life loggan är inte jag som gjort utan den har han haft bra länge. Men som jag sa så måste jag få sorcefilen till loggan så jag kan lägga in den på nya sidan.

De omskalade bilderna skall naturligtvis inte vara nerskalade i läsaren, det kommer jag fixa och som madr sa om den, lägga in den som bakgrund.

Är medveten om valideringen men det är fixat på 1min :)

Men bra kritik, skönt!
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
Peter Wall
Hedersbit
Posts: 7026
Joined: 2002-03-08 0:52:56
Location: Stockholm
Contact:

Post by Peter Wall »

fisk har helt rätt i sin kritik i valet av font. Övertyga klienten om att välja en annan.
Diplomerad webbutvecklare
Microsoft Certified Professional Windows 2003
Microsoft Certified Technology Specialist Windows Vista
"Did you know kidneys and applesauce are a delicacy in Sweden? I'm gonna get my applesauce back!"
User avatar
fisk
Posts: 7485
Joined: 2003-03-18 21:09:30
Location: Örebro / Sverige
Contact:

Post by fisk »

ADiS wrote: Fonten på sidan var inte jag som valde utan jag lyssnade på klienten :-[
Har du så liten yrkesstolthet? Det finns en oerhörd majoritet inom webbdesignskolan som understryker seriffers olämplighet i löpande text. Att kunna argumentera för varför en viss idé är dålig är en av de viktigaste funktionerna du har för att inte underminera din trovärdighet. Som yrkesmänniska så är du där för att du är bättre på detta fält än den person som köper tjänsten.

Det finns såklart vissa fall där detta inte går att göra något åt (såsom väldigt väletablerade uttryck som gör att ett utseende på t.ex. en hemsida är så starkt förknippat med ett märke att alla riktlinjer för design går ut genom fönstret) men detta är inte ett av dem.

Våga säga: "Det här är inte en bra idé för din sida, därför att..." och du gör dig själv en tjänst. Inte för att du är otrevlig, utan för att du visar att du kan din sak.

Är kunden envis, så låt gå. Jag hade hellre gjort ett annat projekt än att sätta mitt namn på en produkt jag inte kunde stå för (om det inte handlade om en övertygande summa pengar).
Aotearoa - tino rangatiratanga
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

ADiS wrote:Angående menyn så förstår jag att man inte vill ta bort text för menyn då menyn skulle kunna försvinna, men det är ju inte så.

<li id="start"><a href="/artlife/">Start</a></li>

Finns inte bilden så ser man texten. Har inte kollat upp det men misstänker att den gör det?
Nä, fungerar inte. Men det löses när du gör den dynamisk. :)
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

en fråga MÅSTE man veta att sidan är validerad? Har själv sånna saker men det är kanske onödigt, detta gör inget åt sidan enligt mig. Annars är det en mycket snygg sida en sak som skulle göra den ännu coolare vore att göra ramen "transparent"?
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

SpiXx^Orginalet wrote:en fråga MÅSTE man veta att sidan är validerad? Har själv sånna saker men det är kanske onödigt, detta gör inget åt sidan enligt mig.
Fördelar med att ha synliga valideringslänkar är att det ger ett seriöst och proffsigt intryck och lovar kvalitet för en potentiell kund som är inne på en sajt och tänker "den här snubben skulle passa för min hemsida!".

Nackdelen är att stor majoritet inte vet vad valdiering innebär, och att det bara kan se ut som nonsens eller ännu värre förvirra en besökare då de inte förstår vad "There were 23 errors on this page!" innebär när de klickar på länken.

Personligen validerar jag alltid mina sajter av det första skälet, men har aldrig med någon länk av det senare skälet.
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Såja! Nu har jag ändrat en del:
http://adissida.net/ovrigt/artlife/

Kan jämföras med tidigare, ser skönare ut nu! Och så klart valideringen... ;)

EDIT: Glömde optimera bilderna som fisk påpekade. Finns tid.
http://www.buildlog.eu - Din egna bygglogg på nätet
Post Reply