Webbrelaterat - Design och resurser för webbdesigners » Design

Ny design – Webbrelaterat version 1.2

Johan — Sun, 19 Sep 2010 21:31:56 +0000

Detta är fjärde designen och stora uppdateringen på Webbrelaterat. Har pysslat med en design ett tag och bestämde att släppa den idag. Kommer köra hela denna vecka som beta och testvecka.

Det är lite fix kvar men sidan ska funka. Sidan är än så länge optimerad för senaste Firefox, Chrome och Safari. Kommer behöva att gå igenom 200 artiklar och kategorisera om dom så var beredd om nåt inte stämmer där. Hojta gärna till om vad ni tycker om designen, användbarheten, om det är något som inte funkar etc.

Vad är nytt

Förutom designen så har jag fokuserat på användbarheten och användare upplevelse. Författarna som skriver här har fått större plats och en egen sida. Organiserat om kategorierna. Nästlade kommentarer har blivit tydligare och enklare plus mycket mer under huven.

Få en annonsplats

Kommer bjuda på 10 annonsplats nere i foten till dom som vill. Allt du behöver göra är helst att svara på vad du tycker om uppdatering eller skicka ett mejl med en 40x40px bild i png format.

20 photoshop tutorials som förbättrar din design teknik

Johan — Wed, 18 Feb 2009 11:57:38 +0000

Ju fler Photoshop tutorials du gör, ju skickligare blir du på att hantera Photoshop självklart. Det finns olika typer av design stilar man kan lära sig. Du kan bli bättre på och skapa gränssnitt mellan det visuella och människan. Du kan vara bättre på och skapa webbsidor än och göra affischer. Du kan vara proffs på att manipulera bilder i Photoshop osv. Tänkte idag ska jag lista 20 tutorials som lär oss att designa i Photoshop, för mig så det grunden till och lära dig resten vad som kan göras i Photoshop.

Expressive lighting effects

Creating Energy Spheres in Photoshop

Create Your Own Planets

Stylish fire lines

Evolution… Or Revolution

Storm Effect

Striking Text Effect Using Glows and Blends

Magic lighting effect in photoshop

Creating fireballs and explosions

Fiery Photoshop Space Explosion Tutorial

3D Retro Strip Design

A Retro Wallpaper/Poster

Really cool Eclipse Effect in Photoshop

Trendy Geometric Lines Design

Dynamic Recessed Watercolor Typography in Photoshop

Design an Epic Fantasy Scene with Photoshop

Create a Furious Pink Panther Poster

Create sci-fi poster art

Orange – Design your life

How to Create a Digital Illustration Using Birds

Jämför, förhandstitta din typografi och generera den till CSS

Johan — Sat, 03 Jan 2009 11:53:55 +0000

Att designa typografi i Photoshop som är försett till en webbplats blir aldrig exakt likadant när du sedan kodar upp din sida i CSS. Därför är dem här sidorna perfekta för din typografi hjälp. Du kan jämföra, förhandstitta, se vilken storlek passar dig, vilken font passar ditt designtema och sedan är det bara kopiera CSS kod snutten in i din stylesheet.