Tworząc ten post próbowałam wygrzebać rzeczy, które byłyby przydatne i jednocześnie nie bardzo trudne do wykonania. Z racji tego, że web design'em interesuje się dosyć krótki okres czasu poniższy artykuł nie będzie na profesjonalnym poziomie. Postaram się przedstawić ciekawe rzeczy, które dalibyście radę wykorzystać, taka mała selekcja.
Całostronne tła
Gratka dla fotografów. Jeśli prowadzicie bloga o fotografii, śmiało wrzucajcie zdjęcie na tło! Tylko pamiętajcie o dużym formacie. Pozwoli Wam to już na początku przyciągnąć uwagę odwiedzających, a przy okazji będziecie mogli pochwalić się naprawdę wyjątkowo lubianym w tym roku trendem web designerów!
 |
| (Image Source: davidia-int.hr) |
Tutaj będziemy rozmawiać o funkcji CSS - opacity, która pozwala nam na pewną "przezroczystość" danego fragmentu strony. Jeśli właśnie tworzycie szablon dla Waszego bloga, nie zapomnijcie wklepać gdzieś kodu na ten ciekawy efekt!
Jak wygląda kod?
img { filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}Używając tego kodu mamy pewność, że przenikanie zadziała we wszystkich przeglądarkach.
Imponująca typografia
Typografia, czyli po prostu napisy. Mają być duże, ogromne, na całą stronę! Mamy tutaj podobną sytuację jak z tłem. Tylko teraz mamy potężny napis, który skupia na sobie oczy czytelników. Możemy go wykonać za pomocą programów graficznych, ale dlaczego nie spróbować CSS'em. Duża gama czcionek, kolorów i text-shadow. Efekt może mniej zaskakujący niż np. w przypadku grafiki stworzonej w Photoshopie, ale skoro już jesteśmy web designerami to lepiej róbmy to z CSS'em!
 |
| http://thegeekdesigner.com/ |
Już tak mamy w zwyczaju, że nasze menu musi być w jednej poziomej liny, tj. zazwyczaj karty raczej umieszczamy na górze strony, a nie po boku. A Ci, którzy linki mają jedno pod drugim, czyli w pionie mogą spokojnie mówić, że to jeden z trendów 2013 roku!
 |
| http://riotindustries.com/ |
Emerald!
Ach, któż by się spodziewał, że ta elegancka zieleń będzie hitem tego roku. Niektórzy piszą, że to łososiowy i brzoskwiniowy królują w tym roku wśród kolorów, ale znaczna większość twierdzi, że powinniśmy zaopatrzyć na blog w szablon w kolorze właśnie emeraldowym.
Emerald #5B9C64 Emerald Green #00C957
Emerald Green2 #28AE7B
Emerald City #20BF9F
Okrągłe elementy
Jest to nowa rzecz, ale jakże efektowna. Web designerzy lubią koła m.in dlatego, że są staranne, ładne i pasują do ciemnych szablonów. Jeśli to czytasz zmień jedną część na Twoim blogu w kółko np. avatary w komentarzach, daty posta!
Jak zrobić okrągłe elementy?
img {
border-radius:50%;}
Oj taki skromny pościk. Mam nadzieję, że może znajdzie się taka jedna osoba, której spodoba się powyższy post i może spróbuje gdzieś chociaż jedną najmniejszą rzecz wrzucić do swojego nowego szablonu!
Post pisany na podstawie: http://www.hongkiat.com/blog/web-design-trend-2013/
O tak, zdecydowanie całostronne tła są tegorocznym hitem. Sama zastanawiam się, czy nie zrobić małego przemeblowania na S1K i nie zdecydować się na coś podobnego. Myślę, że już w niedalekiej przyszłości z pewnością to zrobię.
OdpowiedzUsuńPozdrawiam ! :)
Całostronne tła to moja ostatnia miłość ( tak jak wiele innych rzeczy ;D ), tylko nie mam zielonego pojęcia jaki szablon zrobić, żeby wcisnąć tam właśnie takie tło! :P Ja już macham szablon na GT 4 tydzień i nie mogę za kija go skończyć. Może przynajmniej Tobie się uda :)
UsuńMoże kiedyś też to zrobię! :)
OdpowiedzUsuńMoże będziemy się nawzajem informować o najnowszych notkach? Bardzo proszę o odpowiedź w komentarzu na http://ratowanieswiata.blogspot.com/ :) Pozdrawiam!
Myślę, że wybrałaś najprzydatniejsze rzeczy i przede wszystkim efektownie wyglądające na blogu. trzeba wypróbować nowości ;p
OdpowiedzUsuńJeszcze fajniejsze się na pewno znajdzie, ale przyznam się, że chyba jeszcze aż tak nie ogarniam tego CSS'a i HTML'a żeby z czystym sumieniem móc powiedzieć, że "tak, ja to rozumiem". Dlatego wiele ciekawych rzeczy się nie pojawiło, jakoś nie na miejscu wydawało mi się umieszczanie rzeczy z kosmosu czy takich, których ja sama nie jestem w stanie zrozumieć :) Ale od kiedy podstawowe rzeczy są już ... codziennością, to ambitnie szukam i uczyć chcę się nowych rzeczy, no bo trzeba się przecież rozwijać :D
UsuńWażna przesyłka Dla Ciebie: http://oi43.tinypic.com/2jbu0cg.jpg
OdpowiedzUsuńDziękuję Raz jeszcze <3
Szczerze powiedziawszy, jakoś do tej pory nie interesowałam się jakoś na poważnie web designem, a tworzyłam jedynie tutaj - na blogspocie. Po przeczytaniu twojego krótkiego artykułu aż mnie korci, żeby wypróbować niektóre z wspomnianych tutaj efektów :> Obawiam się jedynie, że nie wyjdzie mi z tego nic tak ciekawego, jak na załączonych przez ciebie obrazkach. Pozdrawiam. ^^
OdpowiedzUsuńPowiem Ci, że wiele stron teraz powstaje "poprzez" blogspota, który oferuje dosyć proste korzystanie ze strony (jednak jednocześnie posiada dużooooo ograniczeń ) . Dlatego uważam, że nadaje się on na tworzenie naprawdę zróżnicowanych szablonów, nawet gdy tak naprawdę ciężko amatorom ( takim jak ja ) napisać własny kod. Naprawdę polecam spróbować, bo - przynajmniej mnie - web design wciągnął niesamowicie, nawet mimo braku zadowalających efektów w kwestii jego trendów :P Jednym słowem wychodzi mi to na razie źle, a nad pełnym szablonem pracuję już 3 tygodnie :D
UsuńArtykułu odnośnie web design jeszcze będą, także może kogoś uda mi się do tego przekonać :)
Pozdrawiam :)
Jak ja lubię całostronne tła... I pionowe menu! :D Niektóre są naprawdę świetne i nic, tylko się po prostu zakochać <3
OdpowiedzUsuńU mnie nowy post,zapraszam serdecznie!:)
OdpowiedzUsuńByłoby mi miło,gdybyś napisała co myślisz o zmianach na moim blogu :)
Pozdrawiam ;*
A,właśnie sobie coś przypomniałam.Tak przy okazji mam do Ciebie pytanie:)Wiesz może,jak wyśrodkować archiwum (zobaczysz u mnie na blogu) w lewej kolumnie?No i np.tam gdzie dałam bannery,jak połączyć w jedną 'podkolumnę' tak jak np.na blogu royal-roses?Mam nadzieję,że w miarę zrozumiałaś.Pozdrawiam :)
OdpowiedzUsuń