kategoria -Webdesign

Mój zestaw ikon „Social Media Icon (en, pl) by gdaq” – zapraszam do pobierania

Jak zapowiadałem jakiś czas temu na Blipie w związku z niedosytem ikon polskich serwisów społecznościowych postanowiłem stworzyć samemu dość prosty zestaw i oto publikuję kilkadziesiąt ikon Social Media (i nie tylko). Aktualnie w zbiorze jest 36 ikon w rozmiarze 48x48px i nie uznaję go za zamkniętego. Jeśli otrzymam od Was informację o potrzebnych dodatkowych ikonach, lub dodatkowych rozmiarach to postaram się przygotować kolejne rozszerzone wersje. Czekam na komentarze!

Zestaw ikon rewelacyjnie nadaje się na stronę www pobierz. Ja już dziś w sidebarze po prawej stronie umieszczam ikony do swoich profili.

Jeśli używasz moich ikon, zamieść na swojej stronie link do strony autora www.grafik.gdaq.pl (informacja o autorze mile widziana 🙂

czytaj dalej

VN:F [1.9.22_1171]
Rating: 3.7/5 (3 votes cast)

1400 darmowych ikon do twojej strony – Farm-Fresh Web Icons

Największy z dotychczas prezentowanych zbiorów ikon. Zestaw jest na tyle rozbudowany, że swobodnie można go zastosować na stronie, a także do jakiegoś oprogramowania. Ikony proste i eleganckie z delikatnym cieniem w dwóch rozmiarach.

Pierwszy z prezentowanych przeze mnie zbiorów ikon to Farm-Fresh Web Icons.

Kliknij na obrazek, aby zobaczyć pełny podgląd.

Ilość ikon: 1400

Wymiary ikon: 16x16px, 32x32px

Rodzaj pliku: png

Licencja: creativecommons (wymagany link zwrotny do użytku komercyjnego)

Więcej informacji na stronie producenta: http://www.fatcow.com/free-icons/

Pobierz

VN:F [1.9.22_1171]
Rating: 4.3/5 (6 votes cast)

Jak nie zabić strony banerami we flash’u!

W czasach, kiedy mogłoby się wydawać, że optymalizacja stron co za tym idzie też ich wagi ma wielkie znaczenie dziw bierze, że do tej pory można zobaczyć banery ważące po 300 czy 500kb. W dobie stałego łącza wiele osób przestało na to zwracać uwagę, a jak pisałem ostatnio szybkość wczytywania się strony może mieć wpływ na jej pozycję w Google. Dodatkowo warto też zwrócić uwagę na co raz większą liczbę użytkowników korzystających na co dzień z mobilnego dostępu do internetu z laptopów czy też telefonów komórkowych.

Z czym wiąże się tak duża waga banera?

Przyjmijmy, że przeciętna strona www waży w granicach 700kb. Dodanie do niej banera o wadze 400kb, powoduje zwiększenie się wagi naszej strony o połowę przy założeniu, że pojawi się tylko jeden baner co za tym idzie wpłynie to na wydłużenie się jej ładowania. Oczywiście jeśli ktoś dysponuje łączem kilka mb to będzie to dla niego niezauważalne jednak zawsze trzeba brać pod uwagę użytkowników także z dużo słabszym łączem.

Przypuśćmy ze na stronie posiadamy jednocześnie wyświetlające się 3 banery po 350kb i 2 po 200kb. Łącznie daje to nam blisko 1.5mb (1450kb) jeśli dodamy do tego wagę strony 700kb wyjdzie nam 2150kb. Wczytanie strony o wadze ponad 2mb dla użytkowników o słabszych łączach będzie udręką (choć możliwe, że tacy użytkownicy korzystają z programów typu adblock).

czytaj dalej

VN:F [1.9.22_1171]
Rating: 3.3/5 (3 votes cast)

Darmowy miesięcznik o grafice komputerowej!

Znam 2 miesięczniki o grafice komputerowej dostępne na naszym rynku. Jeden z nich to PSD, a drugi ComputerArts. Tydzień temu pomyślałem, że chętnie podszkoliłbym się z PS w bardziej zaawansowanych technikach, aby polepszyć jakość tworzonych przeze mnie projektów stron www. Na myśl przyszły mi właśnie oba miesięczniki i miałem się wybrać do empiku zobaczyć co ciekawego w nich się publikuje, ewentualnie sprawdzić jakąś książkę o efektach w PS.  Dziś jako subskrybent otrzymałem e-mail, że PSD będzie dostępne za darmo w wersji on-line.

Od dziś .PSD online. Drodzy, czytelnicy, dziś udostępniamy pierwsze darmowe wydanie magazynu .PSD Photoshop. Magazyn możesz ściągnąć ze strony WWW w formacie .PDF. Jest to wydanie 6/2010 i poświęcamy je Photoshop CS5 oraz pracom grafików z agencji reklamowych. Od dziś każde kolejne wydanie .PSD będzie darmowe i w takiej właśnie postaci. Życzymy miłej lektury i nauki grafiki komputerowej.”

czytaj dalej

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Jak zrobić portfolio ?

grafik komputerowyDzisiejszy post kieruję przede wszystkim do grafików. Z pewnością wielu z Was tak jak i ja do portfolio zabierało się bardzo długo. Nie jest to łatwe bo w końcu portfolio grafika musi być idealne 🙂 znam to z autopsji i doświadczenia innych grafików. Po wielu przymiarkach w 2005 roku stworzyłem swoje pierwsze portfolio, a teraz przeszedł czas na coś świeżego.

Przy okazji projektowania własnego portfolio odnotowałem najważniejsze spostrzeżenia, które mogą być pomocne dla Ciebie i ustrzegą Cię od błędów. Mam doświadczenie jako grafik i osoba zatrudniająca grafików (na zlecenie), więc  znam temat z dwóch stron. Najpierw opiszę Ci swoje doświadczenie z robienia własnego portfolio, a później w punktach podam Ci kilkanaście porad dotyczących stworzenia dobrego portfolio.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 4.2/5 (23 votes cast)

Projektowanie grafiki do strony internetowej, czyli jak zrobić layout

projektowanie grafiki do stron wwwZ sondy jaką umieściłem kilka miesięcy temu na blogu  wynikło, że chcielibyście zobaczyć tutorial jak stworzyć layout. Ostatnio miałem okazję tworzyć layout do odsprzedaży do serwisu ThemeForest i w trakcie jego tworzenia zrobiłem kilka print screenów, aby pokazać Ci w jaki sposób tworzę takie layouty.
W skrócie postaram Ci opisać jak stworzyć taki layout, a jak już znajdę odpowiednie oprogramowanie do zgrywania obrazu video to postaram się stworzyć video tutorial.

1. Co to za projekt?

Pierwsze od czego zaczynam to zbieranie informacji o tematyce tworzonego layoutu, przeglądam strony konkurencji, często też biorę pod uwagę NOA czego wynikiem jest zebranie elementów jakie powinny znaleźć się na stronie głównej.
czytaj dalej

VN:F [1.9.22_1171]
Rating: 4.5/5 (39 votes cast)

Optymalizacja grafiki na potrzeby stron www

Kiedyś (przy łączach modemowych) bardzo pilnowano, aby wielkość strony nie przekraczała 100kb jednak od kiedy stałe łącza internetowe stały się w Polsce popularne wielu webmasterów nie zwraca na to uwagi i ponosi ich wyobraźnia. Nie mówię o optymalizacji strony do 100kb :), ale w ogóle zwracaniu uwagi na wielkość strony. Graficy często pchają w projekty bezmyślnie technologie flash, która często nic nie wnosi do projektu. W wielu stronach przeładowanie grafiki powoduje, iż strona wygląda jak "choinka". Ważne, żeby "coś latało", "się działo" bo tak sobie zażyczył prezes firmy. Nie zwraca się jednak uwagi na użyteczność strony czy też optymalizację grafiki. Internauta wchodząc na naszą stronę z reguły szuka informacji, a nie efektów specjalnych. Takie "bajery" często tylko przeszkadzają w zapoznaniu się z treścią strony. Prosta, schludna, elegancka użyteczna i dobrze zoptymalizowana strona to podstawa. Strona chodzi szybko, nie trzeba instalować żadnych dodatków, tego właśnie oczekują internauci. czytaj dalej

VN:F [1.9.22_1171]
Rating: 4.2/5 (19 votes cast)

Projektowanie witryn e-commerce według Google

Na blogu Google „Wszystko o AdWords” od jakiegoś czasu możecie zapoznawać się z poradami dotyczącymi projektowania witryn www.

Do tej pory ukazały się 4 posty w tym temacie i dotyczą one m.in.:
– projektowania strony głównej,
– optymalizacji nawigacji na stronie,
– nawigacji na stronach sprzedażowych, strony produktów, tworzenia cyklu zakupów,
– najnowsza lekcja dotyczy projektowania witryn dla klientów zagranicznych.

Posty są dość zwięzłe aczkolwiek myślę, że warto, żebyś poświęcił te kilka minut, aby upewnić się czy nie możesz czegoś poprawić na swojej stronie. Porady ukazują się mniej więcej raz w tygodniu. Zapraszam Cię do zapoznania się z nimi klikając tutaj >>

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania „Zostaw komentarz”, a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Jak stworzyć własny avatar?

Avatar jest to niewielkich rozmiarów ikona graficzna używana na forach, blogach w grach (często przedstawiająca osobę). Własny avatar postanowiłem stworzyć na potrzeby portfolio, aby nie wstawiać standardowego zdjęcia. Swojego czasu na facebook'u znalazłem ciekawą aplikację do tworzenia avatarów jednak dziś nie mogłem jej znaleźć i ruszyłem na poszukiwania do wujka Google. Pod względem graficznym najciekawsze generowane avatary znalazłem na stronie faceyourmanga.com. Aplikacja jest we flashu. Na stronie mamy masę możliwości konfiguracji swojego avatara. Od wyboru kształtu twarzy, uszu, nosa, ust poprzez kolor oczu, włosów, brwi, wąsów… Stworzenie avatara jest bardzo proste i trzeba postępować według instrukcji na stronie. Po zakończeniu konfiguracji swojego avatara klikamy finish, wypełniamy formularz i avatar jest wysyłany na nasz e-mail.

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania "Zostaw komentarz", a na pewno na niego odpowiem.
VN:F [1.9.22_1171]
Rating: 3.6/5 (16 votes cast)

Paleta kolorów RGB

Podczas projektowania grafiki zdarza się, że klient oczekuje od nas użycia konkretnego koloru czcionki, tła, menu… Niestety, ale trafienie w kolor jakiego klient oczekuje potrafi graniczyć z cudem 🙂 w związku z czym wykorzystuję palety kolorów RGB dostępne w internecie i proszę klienta o wskazania konkretnego koloru. To potrafi zaoszczędzić nam masę czasu i nie porozumień.

Poniżej umieściłem tabelę kolorów RGB.

czytaj dalej

VN:F [1.9.22_1171]
Rating: 3.5/5 (8 votes cast)

Wszelkie prawa zastrzeżone. Zabrania się wykorzystywania jakichkolwiek treści bez zgody autora.

Sławek Gdak Specjalista ds. seo
Jeśli potrzebujesz mojej pomocy, masz jakiekolwiek pytanie wypełnij poniższy formularz.