Brugervenlighed & design på nettet

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

Nytnavn — Tue, 05 Jul 2011 14:00:01 GMT

Hej Alice i Eventyrland

De bøger jeg har fået mest ud af at læse har været:

1. About Face 3. The Essentials of Interaction Design af Alan Cooper, Robert Reimann og David Cronin

2. Prioritizing Web Usability af Jakob Nielsen og Hoa Loranger

3. Designing the Obvious. A Common Sense Approach to Web Application Design af Robert Hoekman

4. Don’t Make Me Think. A Common Sense Approach to Web Usability af Steve Krug

5. Designing Interfaces: Patterns for Effective Interaction Design af Jenifer Tidwell

- Men jeg kunne forestille mig, at du ville få mere ud af at læse:

1. Build Your Own Web Site The Right Way Using HTML & CSS af Ian Lloyd

2. The Web Designer's Idea Book 1 & 2 af Patrick Mcneil

3. The Principles of Beautiful Web Design

- Det meste af det SitePoint skriver er virkelig godt for en nybegynder, men man lære som sagt mest, ved at se, hvad ander gør, og så prøve det af selv, indtil man finder en stilart man har det rart med.

Du nævnte at du have godt styr på PS og iA, men jeg kunne forestille mig, at du kunne få en masse ud af at se nogle af de videoer de har på Lynda.com - meget af det de laver er rettet specifikt imod at designe hjemmesider.

Men start ud med de 3 første bøger, og så når du har fundet dit eget grafiskeudtryk, skal du overveje at læse de 5 andre, og så småt begynde at få en idé for hvad UX design er. - Med fare for at få hugget hovedet af, så er webdesign-brachen så småt ved at dø hen, da det bliver mere og mere udbredt at købe en template. Der findes efterhånden et utal af onlinemarkeder der sælger rigtig flotte templates, og deres forretningsmodel er i kraftig vækst, så ligesom alle andre brancher, så handler det om at specialisere sig.

- Der går selvfølgelig nogle år, for der er stadig mange virksomheder der ikke kender til MOOTHEMES og hvad de nu ellers hedder, men ligesom med programmering, så er det ikke længere nok bare at kunne kode HTML og CSS, for systemer som Cloudsprout.dk, iWeb bliver også nemmere og nemmer at arbejde med.

Nå, men held og lykke, nu håber jeg ikke at jeg har malet fremtiden alt for sort for dig, men nu er du advaret ;)

Venligst,

Anders

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

alice i eventyrland — Tue, 05 Jul 2011 13:38:57 GMT

Jeg har fået læst diverse blogs og hjemmesider om emnet og følger nu med i det løbende.

Foruden gode råd her, kan i så anbefale nogen nyttige og aktuelle bøger om grafisk design som ville være gode for mig at læse?

Vh Alice

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

thorup.io — Thu, 30 Jun 2011 20:53:05 GMT

Se også http://960.gs/

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

Nytnavn — Thu, 30 Jun 2011 20:29:14 GMT

Wireframes er måde at bygge en hjemmeside hurtigt op på, for at få et layout hurtigt på plads - her er en lille video:

&feature=related

Du burde være i stand til at trække hele din illustration over i Photoshop, og så bare gemme den i det ønskede format. Jeg er dog ikke helt sikker på, at jeg forstår, hvad det er der driller dig, så hvis du kan være lidt mere specifik, så tror jeg det vil være nemmere for mig, at hjælpe dig videre.

Med venlig hilsen

Anders

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

alice i eventyrland — Thu, 30 Jun 2011 20:21:00 GMT

Mange tak for dit svar. Lundby. Det vil jeg helt klar lige kigge på :) Det lyder spændende!

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

alice i eventyrland — Thu, 30 Jun 2011 20:19:32 GMT

Hvad betyder wireframes? Jeg laver bare illustrationer i illustrator og gemmer dem, og ligger dem over i en photoshop fil efterfølgende da jeg har fået afvide at designet skal være i photoshop. Men hvordan får jeg så tegningerne over i illustrator når jeg ikke skal gemme dem som jpg først?? :)

Tak for svaret.

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

Nytnavn — Thu, 30 Jun 2011 20:17:50 GMT

Du skal også vide, at du ikke længere er begrænset af at skulle "web safe" fonts - noget der har irriteret mig personligt i årevis! Opret en profil på Typekit.com, og se hvad der er af muligheder, teksten på hjemmesider er en stor del af det overordnede design.

Jeg synes også du skal også have fat i Drew Wilsons Pictos ikoner og hente en ordenlig grid - som jeg også nævnte før, men glemte at give et link til - http://978.gs/downloads

Der findes en masse bøger om emnet, men du lærer mest ved at se, hvordan andre gør, til du til sidst har din egne teknikker og din egen stil.

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

Nytnavn — Thu, 30 Jun 2011 20:09:05 GMT

Hej "Alice"

Jeg er ikke helt med på, om du sidder og designer dine wireframes i illustrator eller om laver illustartioner som du gerne vil have exporteret over i PS? - En ting er dog helt sikkert, du skal ikke gemme dem som PDFer.

Jeg vil foreslå at du henter et gridsystem og designer ud fra det - det seneste skud på stammen er 978px da de fleste computere kan følge med i den opløsning, og højden er jo op til dig selv, men 600px er i hvert fald i underkanten.

Hvis du vil blive dygtig, så skal holde dig opdateret, find så mange CSS gallerier du kan, læs de bedste blogs og følg de dygtigste i branchen, lær så meget om UX design som muligt. Her er nogle af mine "guldkorn".

CSS gallerier

1. http://www.cssmania.com/

2. http://www.awwwards.com/

3. http://siteinspire.com/

4. http://www.cssdsgn.com/

5. http://www.unmatchedstyle.com/

Blogs

1. http://www.smashingmagazine.com/

2. http://www.underconsideration.com/brandnew/

3. http://designobserver.com/

4. http://www.hicksdesign.co.uk/journal/

5. http://www.markboulton.co.uk/

Eliten

Dan Cederholm

Tim Van Damme

Jason Santa Maria

Meagan Fisher

Matthew Smith

Rogie

Gem dem i din bogmærkelinje og så tjek dem dagligt!

Held og lykke!

Anders

Svar: Jeg vil være webdesigner og har brug for jeres gode råd...

Lundsby — Thu, 30 Jun 2011 19:28:24 GMT

Hej Alice

Når man laver webdesign, optimerer man typisk til 1024x768 som mindste fællesnævner. Men da der skal tages højde for scrollbar etc. ender det som regel med at man laver designs til en bredde på 960px og evt. lader brugeren scrolle lidt.

Og nu til lidt skamløs reklame...

I CloudSprout arbejder vi på et online værktøj, der sætter designere som dig selv istand til at lave komplette professionelle websites og shops, uden at skrive en linie kode.
Hele processen foregår via drag-n-drop og en direkte integration til Photoshop.

Du kan se de sites vores test designere har lavet her: http://www.cloudsprout.dk/Eksempler/Referencer.html

Vi regner med at slippe CloudSprout løs på verden i November, hvis du vil være blandt de første der prøver kan du sende mig en mail på plu@cloudsprout.com så sætter jeg dig på vores venteliste. Det er naturligvis 100% gratis.

Jeg vil være webdesigner og har brug for jeres gode råd...

alice i eventyrland — Thu, 30 Jun 2011 18:57:06 GMT

Hej alle sammen.

Jeg har været en flittig bruger af illustrator og photoshop i snart 4 år. Jeg er god til at tegne og er super kreativ. Jeg kunne godt tænke mig, at begynde og lave webdesign. Derfor har jeg nogen spørgsmål til jer som jeg håber i vil svare på. Har i flere guldkorn, så kom endelig med dem. Jeg sætter stor pris på det! :)

Når jeg laver et design og putter tegninger fra illustrator over i photoshop, hvilken måde er det så bedst at gøre det på? Skal det være jpg. filer jeg skal gemme illustrator tegningerne som, eller pdf, eller hvordan gør jeg det bedst?

Hvor stort skal det være i photoshop? Jeg har læst 800*600, men det virker småt og dårlig opløsning.???

Er der andre ting jeg skal tage i betragtning når jeg laver designs til hjemmesider?

Der er sikkert mange ting jeg ikke ved, så kom endelig med det.

1000 tak for hjælpen. Jeg skal nok få lavet nogen fede hjemmeside designs når jeg har det praktiske på plads.

Vh. Alice i Eventyrland :D