Adaptive Blog Tema: Starting Out in Photoshop

Adaptive Blog Tema: Starting Out in Photoshop
Dette innlegget er en del av en serie kalt Adaptive Blog Tema: Fra Photoshop til HTML & CSS.Let oss komme i gang Adaptive Blog Tema: Hjemmeside Layout

I dag skal vi ut på en reise; en massiv
reise som kommer til å lede oss gjennom hele prosessen med å designe og bygge en WordPress tema. Vi begynner med Photoshop, så la oss sparke ting av ved å sette opp vår dokument med et rutenett og noen grunnleggende struktur.




Grid Struktur og Header
Alternativt Last ned videoen eller abonnere på Webdesigntuts + screencasts via YouTube

Flere ressurser

20 Gjentakelser Pixel mønstre fra Premium Pixels

Innstilling Web Type til en registerlinjer ved Connor Turnbull på Webdesigntuts +

Designe Raskere med en Baseline Grid av Pierre Marly

Relevansen av registerlinjene ved Elliot Jay Stocks

Setting type på nettet til en registerlinjer ved Wilson Miner

Angi en registerlinjer Med GuideGuide for Photoshop av Chris Brown på Webdesigntuts +

CSS Baseline: The Good, The Bad And The Ugly på Smashing Magazine

Emmet (tidligere Zen koding) og verktøyet jeg bruker for å skrive hurtig markup