Każdy kto zakÅ‚adaÅ‚ bloga z naciskiem na odpowiadajÄ…cy mu wyglÄ…d albo przeszukiwaÅ‚ „Boga Google” albo próbowaÅ‚ stworzyć lub przerobić design, wedle swoich potrzeb. Ostatnio zupeÅ‚nie przypadkiem wpadÅ‚em na reklamÄ™ pewnego produktu o nazwie Artisteer, który przykuÅ‚ mojÄ… uwagÄ™ jednym napisem – stwórz sobie wÅ‚asny theme pod takie platformy, jak Blogger, Joomla, WordPress i inne… OczywiÅ›cie bez potrzeby znania PHP czy obsÅ‚ugi programów graficznych, wszystko na zasadzie „kliknij-i-masz”, bez zbÄ™dnych stresów, bowiem Artisteer posiada wersjÄ™ polskÄ…. Nie przeczÄ™, że zaciekawiÅ‚o mnie to i postanowiÅ‚em spróbować, z racji tego, że od miesiÄ™cy poszukujÄ™ grafika, który zdoÅ‚aÅ‚by stworzyć odpowiadajÄ…cy mi theme pod WordPress.
Pod treÅ›ciÄ… postu znajdziesz krótki filmik prezentujÄ…cy Artisteer, zaÅ› moje „dzieÅ‚o” znajdziesz tutaj.
Artisteer, design do bloga w 10 minut!
Za pomocÄ… tego ważącego okoÅ‚o 70 mega programu możemy w kilkanaÅ›cie minut stworzyć sobie design pod bloga, pod różnorodne platformy. OczywiÅ›cie Artisteer darmowy nie jest, kosztuje od 50 do 130 dolarów… co osobiÅ›cie uznajÄ™ za lekkie „poyebao” za program, w którym zrobimy raczej proste designy, niż jakieÅ› naprawdÄ™ zaawansowane, z galeriami, animacjami, czy z Ajaxem. Artisteer przy eksporcie theme dodaje nam napis „Trial”, jednak poniżej ukażę sposób, w jaki ten napis usunąć – nie jest to żaden crack… nic z tych rzeczy, po prostu edytujemy exe i usuwamy, co niepotrzebne :-)
Powiedzmy sobie szczerze… lepiej usunąć sobie napis Trial lub wydać te 40$ i zapÅ‚acić komuÅ› za wykonanie designu wraz z podpiÄ™ciem go pod naszÄ… platformÄ™ blogowÄ…, niż kupić Artisteer, w którym zrobimy design różniÄ…cy siÄ™ praktycznie jedynie obrazkami, bez żadnych rewelacji. Towar przystosowany cenowo do jego jakoÅ›ci, a nie marna jakość do wysokiej ceny…
Sam Artisteer możemy pobrać w tym miejscu, zaś demo przedstawiające w kilkanaście sekund możliwości Artisteer tutaj.
WyglÄ…d Artisteer może nam przypominać… hm… Microsoft Office?
WÅ‚asny theme
Pod Blogger, WordPress, czy Joomla…
Zabawa Artisteer to doprawdy przyjemność, jeżeli mamy zamiar stworzyć prosty, acz Å‚adnie wyglÄ…dajÄ…cy theme pod jednÄ… z platform bloggowych. Mnie osobiÅ›cie bardzo przypadÅ‚ do gustu theme, jaki pojawia siÄ™ nam po uruchomieniu Artisteer, wybierajÄ…c wyglÄ…d pod WordPress… jednak… jednak, jakiÅ› zbyt prosty i maÅ‚o atrakcyjny, pod wzglÄ™dem iloÅ›ci opcji.
Za pomocÄ… Artisteer nie stworzymy żadnego cudownego designu z masÄ… opcji, galeriami newsów, czy z elementami ajaxa. Jest to raczej program do tworzenia podstawowych designów, skÅ‚adajÄ…cych siÄ™ z okreÅ›lonych kolorów, grafik, ukÅ‚adów… i w sumie nic wiÄ™cej, dlatego sÄ…dzÄ™, że cena produktu jest, co najmniej kosmiczna.
Pomysły
To losowo generowane przez Artisteer gotowe projekty wyglądów, które później będziemy mogli edytować. Przeważnie jeżeli zaczniemy wybierać różne opcje, przykładowo jakiś losowy arkusz lub tło, są one dobierane kolorystycznie do reszty.
Kliknij by powiększyć
Dzięki tym opcjom możemy mniej więcej dopasować sobie kolorystykę bloga, którą i tak w przyszłych stadiach będziemy mogli szczegółowo edytować.
Kolory & czcionki
W tej zakładce możemy z góry ustalić kolorystykę praktycznie całego bloga.
Kliknij by powiększyć
Prócz tego, zwiększyć lub zmniejszyć od razu jasność kolorów na całym blogu, tym czcionki, jej wielkość, czy styl. Wszystkie szczegóły, jak czcionka w konkretnym bloku czy w konkretnym miejscu, będzie można ustawiać w kolejnych fazach.
Układ
Znajdziemy tutaj opcje decydujące o tym, po jakiej stronie ma znajdować się menu naszego bloga oraz czy chcemy blog bez nagłówka, bez paska nawigacyjnego, czy może z paskiem oraz w którym konkretnym miejscu. Wybór nie jest oszałamiający, niestety.
W przypadku poÅ‚ożenia menu…
… również nie mamy wielkiego wyboru – albo menu po prawej, albo po lewej, albo menu podwójne. Niestety designu w stylu magazynu, podobnie jak na tym blogu, nie wykonamy…
Inne pozycje do wyboru, możemy praktycznie mówiÄ…c „olać”, bowiem zawsze zastÄ…pić je możemy widgetami i nie zrobi to wielkiej różnicy.
TÅ‚o
W tej zakÅ‚adce znajdziemy nieco wiÄ™cej ciekawych opcji, możemy ustalić jakie tÅ‚o bÄ™dzie posiadaÅ‚ nasz blog – do dyspozycji mamy nie tylko możliwość wgrania wÅ‚asnego tÅ‚a, ale również gotowe grafiki oraz efekty nakÅ‚adane na tÅ‚o. Dodatkowo owe efekty majÄ… jeszcze pomniejsze opcje, takie jak poÅ‚ożenie, poziom przeźroczystoÅ›ci, konkretny gradient etc…
Kliknij by powiększyć
Możemy stworzyć tło o konkretnym obrazie, z wzorkiem, gradientem albo interesującym nas wypełnieniem (np. miks tła, z gradientem na jakimś konkretnym kolorze). Zabawy, po pachy :-)
Arkusz
Arkusz to menu, w którym edytujemy ukÅ‚ad bloga – jego szerokość, zaokrÄ…glenie rogów (dole, górne, mocne, sÅ‚abe i tak dalej), odstÄ™p caÅ‚oÅ›ci od górnej krawÄ™dzi strony (np. miejsce na reklamÄ™ na samej górze), ramkÄ™… Ogółem możliwoÅ›ci w tym miejscu jest doprawdy sporo, możemy stworzyć cieÅ„ pod blokami z treÅ›ciÄ…, zwiÄ™kszyć marginesy miÄ™dzy tymi blokami, czy rÄ™cznie edytować wszystkie opcje klikajÄ…c na „WiÄ™cej promieni”, „WiÄ™cej ramek” i tak dalej…
Kliknij by powiększyć
Nawet, możemy bawić siÄ™ przeźroczystoÅ›ciÄ…, co w poÅ‚Ä…czeniu z efektami z poprzednich zakÅ‚adek może zaowocować ciekawym rozwiÄ…zaniem – nasze logo (które zedytujemy również później) bÄ™dzie nachodzić na przeźroczystość wyÅ‚aniajÄ…cÄ… siÄ™ z tÅ‚a.
Nagłówek
Edycja nagłówka, to po prostu zmiana tytuÅ‚u, jaki pojawia siÄ™ (lub można go usunąć) na górze strony, obrazka w tle, ramki i wielkoÅ›ci loga…
KlikajÄ…c na blok tekstowy możemy dodać w nagłówku miejsce, które bÄ™dzie miaÅ‚o podobne efekty, jak sam nagłówek, ale bÄ™dzie zakrywaÅ‚ obrazek kolorem – na nim zaÅ› znajdzie siÄ™ tytuÅ‚ i ewentualny opis bloga.
Kliknij by powiększyć
Na logo możemy naÅ‚ożyć różnorodne dodatki i efekty – rozbÅ‚ysk, gotowÄ… teksturÄ™ lub gradient. Artisteer oferuje również dodanie postaci na pierwszy plan loga lub zaÅ‚adowanie gotowego zdjÄ™cia w to miejsce, wraz z różnymi prostymi efektami.
Nawigacja
Jeżeli w zakÅ‚adce UkÅ‚ad wybraliÅ›my taki ukÅ‚ad, który zawiera nawigator lub inaczej pasek nawigacyjny, w tej zakÅ‚adce możemy go edytować – zmieniać wyglÄ…d guzików, ich poÅ‚ożenie, kolor, marginesy, odstÄ™py… Opcji jest naprawdÄ™ sporo i bez problemów możemy dopasować pasek nawigacji do reszty designu.
Kliknij by powiększyć
Podobnie, jak w poprzednich krokach możemy nałożyć na guziki nawet tekstury lub gradient, przykładowo robiąc je w podobny sposób, jak bloki menu w kolejnych krokach i zakładkach Artisteer. Za pomocą opcji, które są w tej zakładce możemy edytować każdy szczegół paska nawigacyjnego, łącznie z rozwijanymi menu, jeżeli w jednej kategorii umieścimy kilka pomniejszych.
Artykuły
Tutaj zajmujemy siÄ™ edytowaniem tego, jak bÄ™dÄ… prezentowaÅ‚y siÄ™ posty publikowane na naszym blogu. Możemy decydować, czy napisany przez nas post ma mieć tÅ‚o i obwódkÄ™, czy ma znajdować siÄ™ bezpoÅ›rednio na tle. Jaki ma być wewnÄ™trzny margines, jakiej gruboÅ›ci ma być ramka, czy ma być zaokrÄ…glona…
Kliknij by powiększyć
Nie obejdzie siÄ™ bez opcji formatowania tekstu, czy elementów zawartych w postach – nagłówków, cytatów, odnoÅ›ników, podpunktów… Schemat postu opiera siÄ™ na najpopularniejszych wyglÄ…dach, wiÄ™c w iloÅ›ci opcji nie ma rewolucji, niestety.
Możemy wybrać, jaki styl ma mieć nasz post, wybrać lub zaÅ‚adować wÅ‚asne ikonki komentarzy, tagów, czy innych… Również kolorystykÄ™ tych ikonek.
Bloki
W tej zakÅ‚adce edytujemy bloki menu, czyli mówiÄ…c inaczej widgety. Decydujemy o tym, czy majÄ… one posiadać swój tytuÅ‚, jeżeli tak to w jakiej formie – kwadratowej, okrÄ…gÅ‚ej… Czy majÄ… być po prostu „na tle” czy posiadać wÅ‚asne tÅ‚o i ramkÄ™.
Możemy zrobić nawet interesujÄ…cy efekt – wybrać jednÄ… z ostatnich opcji bloku z nagłówkiem, nastÄ™pnie nadać mu tÅ‚o z teksturÄ… i gradientem. To samo uczynić z zawartoÅ›ciÄ…, przypominam – że można za teksturÄ™ wgrać wÅ‚asny obrazek, przez co efekty można uzyskać doprawdy Å‚adne (przykÅ‚ad tutaj).
Kliknij by powiększyć
OczywiÅ›cie treść bloku również możemy formatować – kolory tekstu, linków, wciÄ™cia etc.
Przyciski
W edycji przycisków raczej dużo się bawić nie będziemy, chyba jedynym guzikiem na podglądzie wyglądu jest guzik wyszukiwania.
Kliknij by powiększyć
Możemy zmieniać jego wyglÄ…d, zaokrÄ…glenie rogów, kolorystykÄ™ przy naciÅ›niÄ™ciu, najechaniu, wielkość… w sumie tyle. Nawet można naÅ‚ożyć na niego teksturÄ™ lub gradient, jednak te które dostÄ™pne sÄ… w Artisteer raczej kiepsko na nim wyglÄ…dajÄ….
Stopka
Edycja stopki jest banalna, niestety sÅ‚abo rozbudowana… jednak tak czy siak da siÄ™ stworzyć jÄ… w prosty sposób, by Å‚adnie wyglÄ…daÅ‚a.
Nadać możemy kolor, teksturÄ™ i gradient podobnie, jak w innych opcjach – wykorzystujÄ…c to z umiejÄ™tnoÅ›ciami graficznymi możemy osiÄ…gnąć ciekawy efekt. Opcje rozmieszczenia sÄ… oczywiste – do prawej, do lewej i po Å›rodku.
Do tego opcje formatowania tekstu, przeźroczystość stopki oraz ikonka RSS, która moim zdaniem znacznie lepiej prezentowaÅ‚aby siÄ™ „opcjonalnie” gdzieÅ› w pasku nawigacyjnym.
Ocena Artisteer
Zalety:
- Doskonały interfejs, prosty i przyjemny
- Sporo różnych grafik do wykorzystania
- Automatyczne przystosowanie całego wyglądu do konkretnych zmian (np. kolorystyka)
- Zastosowanie wielu popularnych efektów – zaokrÄ…gleÅ„, przeźroczystoÅ›ci, różnorodnoÅ›ci tÅ‚a
- Możliwość eksportu do wielu platform
Wady:
- Wysoka cena w porównaniu do jakoÅ›ci – od 40 do 150 dolarów za rok aktualizacji
- Brak nowoczesnych możliwoÅ›ci – użycia elementów Ajax lub Flash
- Mała ilość układów bloga
- Mała ilość układów postów
Wersja darmowa wprowadza na obrazki watermark chyba, lub coÅ› "z nimi robi". WiÄ™c jedyny sposób to znaleźć sobie "zÅ‚oty Å›rodek" na ominiÄ™cie tych durnot, albo kupić licencje :)
Wszystko ładnie i pięknie tylko te szablony zrobione w wersji darmowej nijak nie dają się załadować na bloggera. Tzn ładują się tylko że wyświetlają się jakby pogubiły im się poziomy w kodzie.
Eee… nie lubiÄ™ takich edytorków. ;p PreferujÄ™ 'rÄ™czne' projektowanie i kodowanie. Przynajmniej wiem, że kod jest taki jaki chcÄ™, a tu nie wiadomo.