01 Marzec 2018/
Jakub Rzemieniecki

Kilka pomysłów na to co zrobić, aby Twoja strona www była ciekawsza

kilka-pomyslow-aby-strona-byla-ciekawsza-blog

W projektowaniu stron internetowych przyjęte są – jak wszędzie – pewne standardy, do których przyzwyczaili się zarówno projektanci stron jak i użytkownicy Internetu. Oczywiście kreatywność nie zna granic i cały czas pojawiają się nowe pomysły i niektóre strony bardzo mocno wyróżniają się na tle innych. Czy warto się stosować do trendów, które są bardzo powszechne? Czy jeśli coś działa to czy warto to zmieniać? Nie każdy ma to szczęście, że uda się mu wyznaczyć nowe trendy, więc na pewno warto korzystać z tego, co powszechnie uważane jest za atrakcyjne, nowoczesne i intuicyjne. Nie należy tylko zapominać o tym, aby w tym wszystkim dodać coś od siebie, coś oryginalnego, a wtedy efekt może się okazać naprawdę bardzo dobry. Wszystkiego na pewno nie dalibyśmy rady omówić w tym artykule, jednak chcielibyśmy Wam przedstawić kilka ciekawych pomysłów do zastosowania na stronie www, które mogą podnieść jej atrakcyjność.

Hero image
czyli pełnoekranowy obraz lub video znajdujące się w górnej sekcji strony internetowej. Takie rozwiązanie stosowane jest powszechnie i jest na topie od kilku lat, a użytkownicy Internetu zdążyli się już do niego przyzwyczaić. To sprawia, że stosując “Hero image” nie powinniśmy się obawiać o intuicyjność strony. Dodatkowo poprzez umieszczenie na pełnoekranowym obrazie lub video komunikatów i przycisków CTA możemy skierować użytkownika od razu tam, gdzie najbardziej nam zależy.

kilka-pomyslow-aby-strona-byla-ciekawsza-2-blog

Flat design i material design
Styl “flat design” pojawił się kilka lat temu i jest to nic innego, jak projektowanie takich elementów grafiki, w których nie ma żadnych cieni, gradientów itp., przy jednoczesnym stosowaniu tylko prostych kształtów. „Material design” to z kolei projektowanie interfejsu w ten sposób, aby podkreślić położenie poszczególnych elementów na trójwymiarowej płaszczyźnie. Dzięki takiemu projektowaniu interfejsu, użytkownik bardzo łatwo może rozróżnić położenie poszczególnych elementów i ich hierarchię (np. wysunięte menu podkreślone cieniem na tle reszty strony. „Material design” był po części odpowiedzią na potrzebę coraz większej interakcji z użytkownikiem przeglądającym Internet za pomocą urządzeń mobilnych.

„Split screen”, czyli dzielenie ekranu na dwie części
Jest to ciekawe rozwiązanie, które zostało przeniesione z gier video do projektowania stron www. Cały zabieg polega na podzieleniu ekranu na dwie części (chodzi o widok fullscreen’owy), co umożliwia ładne przedstawienie treści (np. z jednej strony obrazu lub video, a z drugiej strony tekstu) na jednym widoku strony internetowej. Zastosowanie takiego zabiegu może dać też możliwość zaprezentowania istotnej informacji przy jednoczesnym przewijaniu innego rodzaju treści obok – przykładowo z jednej strony prezentowana jest mapa z określoną ścieżką wycieczki, a z drugiej strony przedstawiony jest przewijany opis wycieczki dla poszczególnych dni.

Parallax, czyli nierównomiernie przesuwające się elementy
Jest to stosunkowo prosty do wykonania oraz bardzo ciekawy efekt, który może wnieść sporo do projektu i go ożywić. Efekt ten można stosować na różne sposoby, począwszy od najprostszego wariantu, czyli nierównomiernie przesuwającego się obrazu na tle treści strony, a skończywszy na bardziej kreatywnych wariantach, takich jak np. efekt zastosowany w jednym z naszych projektów (3 odpowiednio wycięte części obrazu przesuwające się z różną prędkością i tworzące efekt zbliżenia kadrów, jakby przybliżania obrazu przez lornetkę) - http://africaline.pl/

kilka-pomyslow-aby-strona-byla-ciekawsza-3-blog

Boksy, czyli jak w prosty sposób przedstawić „zajawki” do treści na stronie
Boksy nadają się zarówno do przedstawienia kategorii oferty firmy, jak i do prezentacji listy galerii, portfolio czy choćby produktów. Jest to bardzo prosty element graficzny, ale dobrze zaprojektowany może w przyjemny sposób prezentować to co najważniejsze i może zachęcić użytkowników do przejścia dalej.

Stosowanie sekcji pełnoekranowych
Jest to element projektowania, który odpowiednio zastosowany może wnieść dużo dobrego do projektu strony internetowej i jest dobrym "przerywnikiem”, aby oddzielić sekcję, w których przeważa tekst. Nie jest to co prawda najnowszy trend, ale nic nie zapowiada, aby miał on odejść do lamusa.

Skomentuj

HectortogFZ
22 Sierpień 2023 10:43

Incredible loads of excellent advice!
writing a memorial service program <a href=https://phdthesisdissertation.com/>dissertation buy online</a> uk dissertation writing service <a href=https://writeadissertation.com/>dissertation proposals</a> cheap dissertation powerpoint writing service <a href=https://ouressays.com/>revised proposal</a> help writing college research paper <a href=https://researchpaperwriterservices.com/>buy a term paper</a> custom research papers writing service
HectortogFZ
21 Sierpień 2023 12:50

Great info. Appreciate it!
writing essay services <a href=https://essaytyperhelp.com/>personal essay helper</a> english essay help <a href=https://helptowriteanessay.com/>essays help</a> need help to write an essay us based essay writing service <a href=https://bestpaperwritingservice.com/>cheap paper writing services</a> no prlagiarism paper writing service <a href=https://bestonlinepaperwritingservices.com/>buy thesis paper</a> professional online term paper writing service
HectortogFZ
20 Sierpień 2023 14:07

Wow a good deal of terrific knowledge!
best us essay writing service <a href=https://quality-essays.com/>paying someone to write a paper for youbuy cheap essay</a> pay to get an essay written <a href=https://buyanessayscheaponline.com/>can i pay someone to do my essay</a> buy an essay paper online best resume writing service 2016 <a href=https://hireawriterforanessay.com/>cheap essay writer</a> spanish essay writer <a href=https://theessayswriters.com/>how to be an essay writer</a> what can i write about for my essay
OscarssweftNH
20 Sierpień 2023 10:11

Amazing info, Appreciate it!
<a href=https://phdthesisdissertation.com/>dissertation abstract</a> dissertation abstract <a href=https://writeadissertation.com/>phd weight loss</a> best dissertation
ManuellenBO
20 Sierpień 2023 04:49

Wow quite a lot of valuable information.
<a href="https://dissertationwritingtops.com/">dissertation proposal</a> define dissertation <a href="https://helpwritingdissertation.com/">dissertation abstract</a> dissertation writing services reviews
<a href=https://argumentativethesis.com/>writing a thesis</a> thesis proposal example <a href=https://bestmasterthesiswritingservice.com/>thesis creator</a> working thesis
essay prompts for college https://cheapessaywriteronlineservices.com
ShaenMawTM
19 Sierpień 2023 12:38

Effectively expressed indeed. .
<a href="https://service-essay.com/">order custom paper</a> pay someone to write a paper <a href="https://custompaperwritingservices.com/">buy a paper for college</a> pay for paper
HectortogFZ
18 Sierpień 2023 17:10

Nicely put. Many thanks!
legal essay writing service <a href=https://homeworkcourseworkhelps.com/>coursework website</a> do my finance homework for me <a href=https://helpmedomyxyzhomework.com/>coursework writing service uk</a> help me do my math homework marketing assignment writing service <a href=https://helpwithdissertationwriting.com/>dissertation paper writing service</a> research proposal writing service <a href=https://dissertationwritingtops.com/>cheap dissertation writing services</a> buy dissertation
ManuellenBO
10 Sierpień 2023 09:20

Thanks! Ample knowledge!
<a href="https://theessayswriters.com/">website that writes essays for you</a> writing a good essay <a href="https://bestcheapessaywriters.com/">automatic essay writer</a> online essay writer
<a href=https://topswritingservices.com/>essay writing service oxford</a> writing an argumentative essay <a href=https://essaywriting4you.com/>linkedin profile writing service</a> online essay writing service
writing an argument essay https://studentessaywriting.com
ShaenMawTM
10 Sierpień 2023 02:25

Useful forum posts. Cheers!
<a href="https://argumentativethesis.com/">thesis writer</a> tentative thesis <a href="https://bestmasterthesiswritingservice.com/">define thesis</a> working thesis
OscarssweftNH
05 Sierpień 2023 13:48

You said it very well.!
<a href=https://englishessayhelp.com/>help with essay writing</a> essay helper <a href=https://essaywritinghelperonline.com/>essays help</a> best essay writing service