kategoria -Webdesign

1
M贸j zestaw ikon „Social Media Icon (en, pl) by gdaq” – zapraszam do pobierania
2
1400 darmowych ikon do twojej strony – Farm-Fresh Web Icons
3
Jak nie zabi膰 strony banerami we flash’u!
4
Darmowy miesi臋cznik o grafice komputerowej!
5
Jak zrobi膰 portfolio ?
6
Projektowanie grafiki do strony internetowej, czyli jak zrobi膰 layout
7
Optymalizacja grafiki na potrzeby stron www
8
Projektowanie witryn e-commerce wed艂ug Google
9
Jak stworzy膰 w艂asny avatar?
10
Paleta kolor贸w RGB

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: 5.0/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: 5.0/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: 4.5/5 (2 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.9/5 (21 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 razie czego 艣wietn膮 alternatyw膮 b臋dzie bardzo znany TemplateMonster.
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.6/5 (46 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.8/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: 4.5/5 (15 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: 5.0/5 (5 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.

Wyra偶am zgod臋 na przetwarzanie danych osobowych przez firm臋 GDAQ.PL Multimedia S艂awomir Gdak. Zgoda mo偶e zosta膰 anulowana w dowolnym momencie. Szczeg贸艂owe informacje dotycz膮ce danych osobowych s膮 umieszczone na stronie <a href="https://gdaq.pl/polityka-prywatnosci/" target="_blank">polityki prywatno艣ci</a>.