Izdelava spletnih strani v Photoshopu

Pozdravljeni!

Ravnokar sem se začel učiti izdelave spletnih strani v Photoshopu. Znam že jezike HTML, CSS in Javascript.
Predvsem bi se rad naučil v Photoshopu izdelati dober design za spletno stran.

Sedaj pa me zanima ali kdo pozna kakšno dobro knjigo ki ti pove kako izdelati dober design v Photoshopu?

Hvala za odgovore

LP

bom postavil še eno malo bolj drugačno vprašanje:

na kakšen način se da narediti tudi najbolj zapletene template za spletne strani?

in na kakšen način lahko narediš dizajn?

kajti znanje HTML-ja, CSS-ja in Javascript-ta že imam.

samo nevem kako bi naredil dober dizajn in posledično template.

LP

Dejstvo je da pri oblikovanju potrebuješ dosti smisla za estetiko ter imeti malo oblikovalske žilice..

Photoshop v kombinaciji s Fireworksom. Ti pa še tako dober in funkcijsko poln program ne bo omogočil izdelave dobrega dizajna, če o stvari nimaš pojma.

ali obstaja kakšna knjiga povezana z Photoshopom in dizajnom?

kajti nekaj malega že znam narediti v Photoshopu kakšne komplicirane zadeve pa ne.

Čez fotošop ga ni kar se tiče grafike, v starejših verzijah si poleg lahko dokupil ImageReady ki je bil namenjen precej stvarem, med drugim tudi spletnim stranem, kjer si z nekaj kliki naredil gumbe in razne roolover, swap ipd efekte, to je bilo fino če si delal z raznimi psd templejti, ker je bila stran že praktično narejena samo vsebino si zamenjal in moral znat pravilno izvozit zadevo in je bla stran fertig :) pol so ta imageReady odvzel in s prevzemom macromedie je večino tega dobil fireworks.

torej za izdelavo spletnih strani je bolši Fireworks kot pa Photoshop?

torej lahko v Photoshopu vse skupaj oblikujem (header, vsebina, meni, footer) nato pa razrežem in vstavim v CSS kodo?

Ni nujno da se karkoli razreze, lahko si pomaga s tem da oblikuje v PS in dobi neko koncno podobo, ki jo potem stilizira v CSSju. Ampak naceloma pa se strinjam, vcasih je svincnik in papir (ter potem brskalnik) boljsa alternativa.

ce delas webpage iz leta 1998 potem res.

V nasprotnem primeru logo izrezes ven v alpha transparenten png. Ta swoosh pa das v drug layer kot del backgrounda.

Seveda. Kako pa mislis naredit logo clickable sicer in da se bo lepo degradalo na napravah z nizko sirino zaslona?

Raje se posveti PHP-ju. Osebki, ki so resnično dobri na obeh področjih, so redki.

Predvsem moras delat resnicne projekte in se ne samo nekaj na pamet ucit. Pa zacni hodit na spletne urice, da bos v stiku z ljudmi, ki to delajo profesionalno.

Poberi kak CMS, recimo Wordpress, pa delaj teme. Pri tem se boš naučil CSS in PHP-ja, pa še web dizajna. Poleg tega lahko tudi zaslužiš z profi temami.

Zato sem predlagal delanje tem za CMS-je. Tam je osnoven design že zagotovljen, kot peskovnik za design je. Ni ti treba narediti cele nove strani. Tako sem se prek CMS-ja naučil izdelati čim bolj učinkovit dizajn HTML strani (headerji, footerji, sidebarji pa vse to). Pa CSS je mogočno orodje.

takole.

Pozdravljeni, sposodil si bom temo za vprašanje o photoshopu in css-u.

Zanima me vaše mnenje glede uporabe photoshopa ali css-a. V css-u (CSS3 je še več vizualizacije vključene), se da ubistvu narediti veliko stvari kot v photoshopu, zaobljen kvadrat, senčenje,... Določene stvari, katere lahko narediš v photoshopu, lahko narediš tudi v cssu. Zanima pa me kako je s hitrostjo strani, po neki logiki, se mi zdi da je nalaganje strani, ki uporablja za ozadje sliko iz photoshopa, traja dlje kot "pretvarjanje/branje" besedila iz css-a? Ali bi po tej logiki, probal čimveč narediti v css-u, tudi če si želiš sprememb kasneje, je to dosti lažje spremeniti, kot če imaš neko fiksno sliko, za recimo menu-bar?

Lp

Neumann, slike za ozadja pocasi izumirajo, sploh s prihodom pametnih telefonov (in s tem 'responsive' layoutov), tko da se temu velja izognit. Niti se ne spomnim kdaj sem nazadnje uporabil PS za kaksen dizajn strani, verjetno leta nazaj :)

Jah, odvisno od oblike strani. Ni nekega univerzalnega odgovora oz. načina.
Če boš delal na ta način, potem si oglej "CSS sprites".

Če misliš čarat z gradienti, ima CSS3 že dovolj dobro podporo, kdor pa nima brskalnika, ki bi podpiral sodobne tehnologije, pa mu je verjetno malo mar ali je tam gradient ali ne. Tako da se za stil poslužuj samo CSSja. Tudi CSS sprites se bolj uporabljajo za razne ikone. Vrstica z meniji pa v nobenem primeru ne sme bit grafična, v nasprotnem primeru si z SEO in uporabnostnega vidika pljuvaš v skledo.

Kvečjemu Illustrator, ne pa Indesign. Jasno, da je kvaliteta boljša, če pa shraniš v vektorski format, ki je temu primerno tudi bolj požrešen.

če že delaš meni z grafičnimi elementi potem naredi na tak način kot sem jaz tukaj: http://www.fbshop.si/

Če princip ni jasen, razložim :)

Drugače pa čim več css čim manj slik, sem razrezal kar nekaj designov in nikjer še nisem porabil več kot 20 slik za celoten layout, velikost pa tudi redko preseže 2mb.

Še vedno pa me jezi da dobim design v psd in potem tu pa tam kaj ni enako kot v fireworksu :)

@DiTi, kolikor opažam imaš design oz. navigacijo narejeno s slikami, mogoče sem kaj spregledal, če sem bi bil vesel če pojasniš za kakšen princip gre - hvala