Witam,
Jestem świeżo upieczonym koderem (HTML / CSS). Za każdym gdy realizuje jakiś projekt statycznej strony zatrzymuje mnie grafika / logo którą zawsze jakąś potrzebuje, przymierzam się do nauki programu graficznego i stąd ten wątek.
Jak to jest z grafiką na potrzeby internetu? Z tego co wyczytałem powinno się tworzyć grafikę wektorową (SVG) na strony www. jednak na wielu stronach po kliknięciu zbadaj na elemencie graficznym widzę grafikę rastrową która przy RWD się nie skaluję a, po prostu zmienia tylko położenie lub znika całkowicie. Czyli jaką tak na prawdę praktykę się wykorzystuje w rzeczywistości? grafikę rastrową dopasowaną od razu do każdego urządzenia czy wektorową? to samo tyczy się kursów np na udemy które zarówno są z photoshopa jak i ilustratora.
Jak to wygląda u was?
większość stron stosuje normlane png bo to wystarcza. Jak na razie tylko jeden klient piszczał że mu po powiększeniu na macu się rozmywają grafiki i były przygotowywane svg no ale to był klient z usa gdzie co drugi komp to mac i gość miał fioła na punkcie pixel perfect. Standard jest takie, że:
- loga zawsze robi się w svg bo logo to coś co jest symbolem i zazwyczaj strona to tylko jedno z miejsc gdzie to logo istnieje. Zazwyczaj też dostaniesz logo już od klienta no bo jego firma jakieś logo przecież posiada
- dziś większość stron robi się prosto a prosto znaczy na możliwie jednolitych tłach itp co dość mocno minimalizuje liczbę grafik
- dla ikonek, stosuje się fonty np fotnawesome, material icons itp
Czyli można powiedzieć że w moim przypadku lepiej będzie wybrać adobe ilustrator skoro logo lepiej robić w svg to resztę grafiki również będę mógł zrobić w svg a tak to w photoshope będę zmuszony robić wszystko w rastowej.
Dzięki za odp :)
w teorii tak, w praktyce projekty layout robi się i tak w ps, jedynie pojedyncze drobne graficzki możesz robić w svg te które na stronie będą grafikami
layout / prototyp w zasadzie robię w adobe xd póki co mi wystarcza, tylko tam nie da się właśnie wyodrębnić żadnej grafiki i stąd wątek i ta nie pewność co do plików
A po co od razu Adobe Illustrator?
Weź Inkscape. Będzie taniej.
Jeśli chodzi o rozmiary grafik, to czasem przygotowuje się loga w różnych rozmiarach, żeby np. w CSS wybrać właściwy obrazek dla danej rozdzielczości ekranu.
Dokładnie, natomist do grafiki rastrowej jest darmowy GIMP, a do mniejszego kalibru choćby Paint.NET.
Tak zrobię, skorzystam póki co z darmowych i spróbuje z dwoma typami grafiki i zobaczę jak będzie mi się wygodniej pracowało.
Pozdrawiam