Szukając ciekawych grafik w stylu web2.0 w poszukiwaniu inspiracji do tworzonego jakiś czas temu layoutu znalazłem stronę na której on-line można generować znaczki typowe dla stylu graficznego web2.0. Adres tej strony to https://www.web20badges.com.
Na stronie na żywo generujemy sobie znaczek. Klikamy wzór graficzny jaki nas interesuje, wpisujemy napis jaki ma się na nim znaleźć, wybieramy rozmiar, krój, kolor oraz wielkość czcionki klikamy “Apply” i znaczek mamy gotowy. Następnie tak jak instruuje nas strona (“right click and select “save image as” or “save picture as”) należy kliknąć prawy przycisk na wygenerowanej grafice i zapisać jako obrazek. Gotowe!
Czy mieliście kiedykolwiek taki problem?
Ja nie raz otrzymywałem informację od klienta, że chce taki font jak zobaczył gdzieś na stronie w grafice, albo otrzymuję baner czy inny plik bez czcionki. Dziś kolega w pracy też zapytał mnie czy nie wiem przypadkiem “jaki font jest w tym banerze”.
Ostatnio na grupie dyskusyjnej google związanej z grafiką komputerową jedna osoba podała link do pliku graficznego i też pytała jaki to font.
Jeśli kiedykolwiek spotkałeś się z takim problemem to musisz przeczytać ten post.
To pytanie podejrzewam, że zadaje sobie wiele firm, które chcą zaoszczędzić pieniądze przy projektowaniu strony firmowej.
Czym się różni szablon strony od zamówionego projektu graficznego?
Szablon strony jest gotowym i pociętym projektem strony internetowej. Jego zakupu można dokonać w wielu serwisach internetowych. Koszt to około 65$. Poniżej lista kilku popularniejszych serwisów z takimi szablonami.
Najlepsze projekty są na templatemonster.com sam czasem czerpię z niej inspiracje.
Kupując szablon otrzymujemy plik źródłowy graficzny, flashe (jeśli takie występują) oraz pocięty projekt gotowy do instalacji na serwerze.
Na podstawie takiego szablonu jesteśmy w stanie wykonać stronę posiadając podstawową wiedzę z html’a.
Przy ostatnim projekcie, który realizowałem otrzymałem takie pytanie i postanowiłem podzielić się z Wami moją opinią.
Strony robi się pod rozdzielczość 800x600px lub 1024x768px. Większe rozdzielczości nie są jeszcze brane pod uwagę. Nie pamiętam czy kiedykolwiek była stosowana mniejsza rozdzielczość niż 800x600px, a przynajmniej teraz jest to rozdzielczość najmniejsza pod którą robi się strony. Aktualnie co raz częściej projektuje się witryny pod 1024x768px ze względu na rozwój rozdzielczości domowych wyświetlaczy.
Rzadko zdarza się, aby ktokolwiek korzystał jeszcze z rozdzielczości 800×600 aczkolwiek zdarza się to.
Patrząc na statystykę jednej z moich stron widać, że 2% użytkowników korzysta jeszcze z tej rozdzielczości. Niby to niewiele, ale w skali miesiąca jest to ponad 450 osób. Zdecydowana większość użytkowników korzysta z rozdzielczości 1024x768px i wyższych.
Favicon to niewielka ikona w postaci pliku graficznego o rozmiarach 16x16px, która pojawia się:
– w polu adresowym przeglądarki internetowej przed adresem
– na karcie w przeglądarce internetowej
– w zakładkach ulubionych
Dzięki faviconie odróżnimy naszą stronę wśród standardowych icon stron i zwrócimy uwagę internautów. Favicony nie są stosowane nagminnie więc zastosuj ją póki nie zrobiła tego twoja konkurencja. Zrobieniu favicona nie poświęcimy zbyt wiele, a możemy zyskać całkiem sporo.
Dziś chciałem poruszyć temat programów do projektowania grafiki na potrzeby stron www.
Na rynku jest bardzo wiele programów graficznych jednak najczęściej znanym i stosowanym jest Adobe Photoshop, który ma największe możliwości jednak potrafi dość sporo kosztować bo około 3tyś zł netto. Adobe Photoshop jest programem, który został stworzony do profesjonalnej obróbki zdjęć. Służy on tak naprawdę większości grafikom bez względu na to czy zajmują się oni obróbką zdjęć, projektowaniem grafiki do dtp czy na potrzeby stron www. Pracowałem jako grafik w kilku firmach i w każdej z nich korzystałem z Photoshopa jednak w najnowszej firmie otrzymałem program (wcześniej Macromedii teraz wykupiony przez Adobe) Adobe Fireworks.
Web2.0 to trend w internecie, który stał się bardzo popularny. Web2.0 to rodzaj serwisów tworzonych przez użytkowników. Administratorzy oddają użytkownikom narzędzia pozwalające współtworzyć im serwis.
Trend web2.0 to także trend graficzny. Charakteryzuje się on dużymi okrągłymi przyciskami, bardzo prostym i przejrzystym designem i dużą ilością światła na stronie. Przyciski są duże zaokrąglone w tle mają gradient (przejście kolorystyczne) i charakterystyczny połysk. Wkrótce umieszczę przykładowe buttony w stylu web2.0
Przykładem polskich serwisów web2.0 jest np. wykop.pl czy gwar.pl, który jest w całości tworzony przez użytkowników którzy dodają w nim ciekawe informacje. Naszaklasa.pl czy Grono.net to kolejne polskie serwisy społecznościowe. Polegające one na udostępnianiu swoich zdjęć i kontaktowaniu się ze starymi znajomymi ze szkolnych lat.
Jako grafik być może nie powinienem pisać takich postów, gdyż uważam, że robienie w ten sposób buttonów jest mało profesjonalne i tak też wygląda. Są jednak osoby dla których grafika nie ma tak wielkiego znaczenia. W temat ten nie będę się na razie zagłębiał.
Mam jednak wielką nadzieję, że mój blog pomoże im zrozumieć jak ważna jest grafika na stronach www i zmienią swoje podejście.
Poniżej zamieszczam linki do serwisów generujących proste przyciski na strony www.
jeszcze nie skomentowano.
dodaj swój komentarz