wtorek, 2 lipca 2013

Web design - trendy 2013

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)

Przenikanie
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!
Alex Pierce website typography oversized text
http://thegeekdesigner.com/
Pionowe menu
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!
Riot Industries vertical navigation menu links website layout
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! 

11 komentarzy:

  1. 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ę.
    Pozdrawiam ! :)

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  2. Może kiedyś też to zrobię! :)

    Może będziemy się nawzajem informować o najnowszych notkach? Bardzo proszę o odpowiedź w komentarzu na http://ratowanieswiata.blogspot.com/ :) Pozdrawiam!

    OdpowiedzUsuń
  3. Myślę, że wybrałaś najprzydatniejsze rzeczy i przede wszystkim efektownie wyglądające na blogu. trzeba wypróbować nowości ;p

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń
  4. Ważna przesyłka Dla Ciebie: http://oi43.tinypic.com/2jbu0cg.jpg

    Dziękuję Raz jeszcze <3

    OdpowiedzUsuń
  5. 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ń
    Odpowiedzi
    1. 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
      Artykułu odnośnie web design jeszcze będą, także może kogoś uda mi się do tego przekonać :)

      Pozdrawiam :)

      Usuń
  6. 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ń
  7. U mnie nowy post,zapraszam serdecznie!:)
    Byłoby mi miło,gdybyś napisała co myślisz o zmianach na moim blogu :)
    Pozdrawiam ;*

    OdpowiedzUsuń
  8. 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ń

- +
Szablon wykonany przez Tyler