Tvorba webdesignu Vyřešeno

Tvorba grafiky, grafické programy a vše o nich…

Moderátor: Mods_senior

GhostCZ
Level 3.5
Level 3.5
Příspěvky: 787
Registrován: listopad 13
Bydliště: Humpolec
Pohlaví: Muž
Stav:
Offline

Tvorba webdesignu  Vyřešeno

Příspěvekod GhostCZ » 20 říj 2015 16:04

Dobrý den,

začínám dělat web designy a chtěl bych jsem se zeptat jaké rozměry bych měl používat, budu to dělat ve photoshopu bohužel jsem v tomto začátečník, designy chci dělat tak aby to bylo dobře vidět na telefonu, tabletu, notebooku a počítači, předem děkuji za jakoukoliv odpověď.
Chybama se člověk učí.

Reklama
Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webdesignu

Příspěvekod x-rated » 20 říj 2015 16:52

velikost může bejt libovolná, fantazii se meze nekladou :smile:
pár tipů:
1) pokud bude na webu nějaká celoplošná tapeta nebo pozadí přes celou šířku, měla by mít v návrhu (nebo bejt k dispozici) se šířkou aspoň 2560px - kvůli QHD a UHD displejům... na UHD se už nejspíš mění měřítko, aby nebyly objekty moc malinký, takže těch 2560px by mělo bejt ok :smile:
2) šířka nejmenších a nejstarších běžně používanejch mobilů je 320px, takže netřeba myslet na nic užšího, jenom by bylo fajn, aby se ze zobrazení třeba na počítači u nějakýho sloupečku nemuselo kvůli mobilu upravovat pár pixelů, to je největší vopruz :? příklad - pokud má nějaká část stránky v desktopovym rozložení šířku 320px, tak se na mobil vejde bez dalších úprav, pokud by ale měla třeba o 10px víc, už se to musí dál řešit, může bejt potřeba upravovat jeho obsah a je s tim kvůli několika pixelům zbytečný patlání navíc
jenom je třeba taky myslet na případný odsazení takovejch objektů od okraje mobilního displeje, např. 10px zleva a zprava, v takovym případě by měl ten objekt mít maximální šířku do 300px, aby to vypadalo hezky
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

GhostCZ
Level 3.5
Level 3.5
Příspěvky: 787
Registrován: listopad 13
Bydliště: Humpolec
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod GhostCZ » 20 říj 2015 17:22

Takže když si dám nový projekt ve photoshopu tak to mám dát 2560x2560px nebo 2560x300?
Chybama se člověk učí.

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webdesignu

Příspěvekod x-rated » 20 říj 2015 17:36

2560px na šířku, vejška podle dýlky webu :smile:
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

GhostCZ
Level 3.5
Level 3.5
Příspěvky: 787
Registrován: listopad 13
Bydliště: Humpolec
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod GhostCZ » 20 říj 2015 17:54

Ok díky takže to může být šířka 2560px a výška 1920px např?
Chybama se člověk učí.

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webdesignu

Příspěvekod x-rated » 20 říj 2015 18:06

no třeba, vejška bude na každý dílčí stránce jiná podle obsahu
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

Uživatelský avatar
Grander
Level 4.5
Level 4.5
Příspěvky: 1882
Registrován: leden 12
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod Grander » 22 říj 2015 20:30

Omg, rozhodně ne 2560px šířku proboha!!! Dochází vám, jak se takovej obrázek asi bude načítat na mobilu a kolik dat se jeho přenesením spotřebuje? Na UHD displeje se vykašli, je jich zatím tak pár procent, a v takovém případě se prostě obrázek roztáhne (z menšího rozměru) při vykreslování. Osobně jsem jako obrázek na pozadí použil použil šířku myslím 1360px, a na 1920px displeji to vypadá dobře.
Jinak ještě existuje něco jako responzivní design, ale to je na začátečníka ještě vzdálená věc.
Jinak, pokud nemáš žádné zkušenosti s tvorbou (kodováním) stránek, tak bych asi nedoporučoval začínat kreslením designu ve Photoshopu. Zkus spíš v nějakém webovém editoru (např. Dreamveawer) vytvořit kostru stránek (jsou tam i šablony s různými počty sloupců apod.) a do ní postupně přidávat jednolivé graf. prvky, např. hlavičku. Tak pochopíš, jak to celé vlastně funguje. Nebo si stáhni nějakou HTML šablonu (třeba zde: http://templated.co/), podívej se, jak funguje a zkus místo obrázků v šabloně vložit své vlastní obrázky (použij rozměry původních obrázků v šabloně, a nebo tam vlož rozměry jiné, a uvidíš jak se to bude chovat, a pochopíš tak jak to celé funguje.)

Uživatelský avatar
cervcek
Level 5
Level 5
Příspěvky: 2241
Registrován: leden 12
Bydliště: Vrchlabí
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod cervcek » 22 říj 2015 20:58

Grander píše:Jinak, pokud nemáš žádné zkušenosti s tvorbou (kodováním) stránek, tak bych asi nedoporučoval začínat kreslením designu ve Photoshopu. Zkus spíš v nějakém webovém editoru (např. Dreamveawer) vytvořit kostru stránek (jsou tam i šablony s různými počty sloupců apod.) a do ní postupně přidávat jednolivé graf. prvky, např. hlavičku.


To přeci nemusí, dnes se to už dělí na designery a programátory webů. Sice není naškodu, když umíš jedno a od druhého základy, ale znám pár designerů, kteří tvoří čistě v Photoshopu, nebo Illustratoru a o HTML, CSS, nebo PHP neví vůbec nic. Zadavatel práce si to po nich nechá rozřezat do položek a předá to programátorovi, který to nakóduje. Takže by se dalo říct, že to jsou v dnešním světě webovek dva rozdílné světy.
Děkuju za vaše názory a rady. :thumbup:

Uživatelský avatar
Grander
Level 4.5
Level 4.5
Příspěvky: 1882
Registrován: leden 12
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod Grander » 22 říj 2015 21:13

cervcek píše:
Grander píše:Jinak, pokud nemáš žádné zkušenosti s tvorbou (kodováním) stránek, tak bych asi nedoporučoval začínat kreslením designu ve Photoshopu. Zkus spíš v nějakém webovém editoru (např. Dreamveawer) vytvořit kostru stránek (jsou tam i šablony s různými počty sloupců apod.) a do ní postupně přidávat jednolivé graf. prvky, např. hlavičku.


To přeci nemusí, dnes se to už dělí na designery a programátory webů. Sice není naškodu, když umíš jedno a od druhého základy, ale znám pár designerů, kteří tvoří čistě v Photoshopu, nebo Illustratoru a o HTML, CSS, nebo PHP neví vůbec nic. Zadavatel práce si to po nich nechá rozřezat do položek a předá to programátorovi, který to nakóduje. Takže by se dalo říct, že to jsou v dnešním světě webovek dva rozdílné světy.


Jasný, to je pravda, já jen, že když už se ptá, jaké rozměry má použít aby to vypadalo dobře např. na mobilu, tak odpověď bude znát když bude vědět, jak to vlastně funguje.

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Tvorba webdesignu

Příspěvekod x-rated » 23 říj 2015 05:09

Grander píše:1) Omg, rozhodně ne 2560px šířku proboha!!! Dochází vám, jak se takovej obrázek asi bude načítat na mobilu a kolik dat se jeho přenesením spotřebuje? Na UHD displeje se vykašli, je jich zatím tak pár procent, a v takovém případě se prostě obrázek roztáhne (z menšího rozměru) při vykreslování. Osobně jsem jako obrázek na pozadí použil použil šířku myslím 1360px, a na 1920px displeji to vypadá dobře.
2) Jinak ještě existuje něco jako responzivní design, ale to je na začátečníka ještě vzdálená věc.

1) omg lol, při správný optimalizaci určitě ne víc než pár stovek KB :lol: roztahování malýho obrázku je prasárna a jestli někdo nevidí ve kvalitě rozdíl, je nejspíš slepej
2) responzivní design neni něco jako, ale běžná součást tvorby webů, dokonce na něm ani neni nic moc komplikovanýho, jenom se přepisuje dřív definovaný css jinym :roll:
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

Uživatelský avatar
Petr Hnátek
Level 3.5
Level 3.5
Příspěvky: 654
Registrován: listopad 13
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod Petr Hnátek » 23 říj 2015 08:02

V CSS3 existuje:

Kód: Vybrat vše

background-size: cover;


Pokud já dělám na web obrázkové pozadí, tak ho dávám v rozměrech 1920x1080 s kódem uvedeným výše.
Co se týče velikosti, tak něco okolo 200KB.

GhostCZ
Level 3.5
Level 3.5
Příspěvky: 787
Registrován: listopad 13
Bydliště: Humpolec
Pohlaví: Muž
Stav:
Offline

Re: Tvorba webdesignu

Příspěvekod GhostCZ » 26 říj 2015 02:22

Děkuji zkusím něco vytvořit a potom vám sem hodím screen, aby jste mi to třeba ohodnotili.
Chybama se člověk učí.


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na “Design a grafické editory”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 1 host