Nasze portfolio - efekty elementów strony
Zakładki, podokienka, formularze, mapy i wiele innych.
menu
menu nawigacyjne
to najważniejsza rzecz każdej strony. Przez jego pryzmat użytkownik patrzy na całą resztę. Zobacz co można w tym temacie zrobić.
elementy strony
elementy strony
takie jak zakładki, mapki czy formularze mogą być całkiem niezwykłe kiedy przedstawione w nowoczesny sposób. Oto kilka przykładów.
zdjęcia, galerie
zdjęcia i galerie
to tak szerokie zagadnienie, że poświęcamy mu całą osobną podstronę. Niewielką paletę ich form oraz zastosowań możesz wypróbować poniżej.
interakcja
interakcja z użytkownikiem
to kwestia podstawowa w przypadku nowoczesnych stron. Zadowolony użytkownik to taki, który porusza się po stronie łatwo i intuicyjnie.
ekstra
ekstra efekty
to rozwiązania unikatowe. Chcesz aby Twoja strona wyróżniała się czymś naprawdę szczególnym? Na pewno coś na to możemy poradzić.
elementy strony
takie jak zakładki, mapki czy formularze mogą być całkiem niezwykłe kiedy przedstawione w nowoczesny sposób. Oto kilka przykładów.
Jill Valentine
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Old Snake
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Trinity
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Kratos
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Lara Croft
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Nero
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
Nariko
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
podokienka
co jest potrzebne aby zmieścić wiele treści na małej przestrzeni tak
aby ładnie wyglądały i zachęcały do przejrzenia ich? Wystarczy przyciągająca oko forma oraz np. ładny pasek przewijania.
aby ładnie wyglądały i zachęcały do przejrzenia ich? Wystarczy przyciągająca oko forma oraz np. ładny pasek przewijania.
rodzaje:
- przewijane poziomo
- przewijane pionowo
- iframy
opcje:
- efekty animacji: przewijanie
- własna grafika: tak
- pozycjonowanie: tak
dodatkowo:
- obsługa kółka myszki do przewijania
- zawartość dowolnego typu (tekst, zdjęcia itd.)
- dowolnie długa zawartość okienka
wkrótce: prezentacja każdego rodzaju
zakładka 1
zakładka 2
zakładka 3
zakładka 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
zakładki
drugim dobrym rozwiązaniem są sprawdzone i dobrze znane zakładki. Sposób ich prezentacji może jednak całkowicie zmienić ich oblicze o czym można przekonać się na załączonym przykładzie.
rodzaje:
- nawigacja pozioma
- nawigacja pionowa
opcje:
- efekty animacji: pełny wybór
- własna grafika: tak
- pozycjonowanie: tak
dodatkowo:
- zawartość dowolnego typu
- opcjonalne wczytywanie treści Ajaxem (wyklucza pozycjonowanie)
wkrótce: prezentacja każdego rodzaju
uramaki
| Pieczony łosoś | cena: xx pln |
| Pieczony tuńczyk | cena: xx pln |
| Smażony węgorz | cena: xx pln |
| i inne | cena: xx pln |
gunkan
nigiri
| Dorada | cena: xx pln |
| Tamago | cena: xx pln |
| Ryba maślana | cena: xx pln |
| Łosoś norweski | cena: xx pln |
| Okoń morski | cena: xx pln |
maki
futomaki
| Łosoś | cena: xx pln |
| Łosoś pieczony | cena: xx pln |
| Tykwa | cena: xx pln |
| Krab | cena: xx pln |
| Tuńczyk, szparagi | cena: xx pln |
"harmonijki"
mają wiele zastosowań ograniczonych w zasadzie tylko wyobraźnią. Czy to lista artykułów czy menu dań, mogą w znaczący sposób podnieść atrakcyjność przeglądanej strony.
rodzaje:
- rozwijane poziomo
- rozwijane pionowo
opcje:
- efekty animacji: rozwijanie
- własna grafika: tak
- pozycjonowanie: tak
dodatkowo:
- zawartość dowolnego typu
- możliwość otwierania wielu pozycji jednocześnie
- rozwijanie po najechaniu myszką, automatycznie itp.
- opcjonalne wczytywanie treści Ajaxem (wyklucza pozycjonowanie)
wkrótce: prezentacja każdego rodzaju
format wyszukiwania: Kraków, Królewska 32
adres:
trwa ładowanie mapy, w przypadku zbyt długiego czasu oczekiwania, spróbuj ponownie
mapy i mapki
czasy zwykłych zdjęć wskazujących np. siedzibę firmy powoli przemijają. Dynamiczne mapki nie tylko ułatwiają lokalizację danego miejsca ale mają także szeroki wachlarz innych zastosowań.
rodzaje:
- zwykłe - zdjęciowe
- dynamiczne
opcje:
- efekty animacji: wbudowane
- własna grafika: tak
- pozycjonowanie: nie dotyczy
dodatkowo:
- dowolna zawartość "dymków"
- wyznaczanie trasy
- wskazywanie współrzędnych GPS
- wielu punktów na jednej mapie
- integracja z zew. systemami
- i wiele innych
wkrótce: przykłady zastosowań
Formularz - przykład
Dane kontaktowe
| * Imię: |
podaj swoje:
imię min 2 znaki, max 60 znaków tylko litery |
| * Email: |
podaj swój:
adres email min 5 znaków, max 260 znaków np. kasia@amorki.pl |
Treść wiadomości
|
wpisz treść
wiadomości odpiszemy w ciągu: 24 godzin pozostało 260 znaków |
formularze
formularz powinien być łatwy do wypełeniania, jasno ukazywać co w nim jest ważne oraz posiadać przyjemny i funkcjonalny wygląd. Tak zastosowany zrobi bez wątpienia bardzo dobre wrażenie.
rodzaje:
- kontaktowe
- newslettery
- rejestracji
- itp.
opcje:
- efekty animacji: opcjonalne
- własna grafika: tak
- pozycjonowanie: nie dotyczy
dodatkowo:
- inteligentne podpowiedzi do pól
- sygnalizowanie błędów w trakcie wypełniania formularza
- możliwość sprawdzania danych Ajaxem (np. czy wpisany właśnie adres email jest już w bazie adresów email)
- zabezpieczenia przed spamem
wkrótce: przykład formularza zawierającego wszystkie możliwe opcje: rozwijane listy, pola wyboru, przesyłanie plików itd.
zaufali nam:
 |
ekskluzywna restauracja orientalna w Warszawie |
- -zdobywca wielu nagród kulinarnych
- -gospodarz gwiazd polskiej sceny muzyki i filmu
- -miejsce prezentacji teppanyaki show
- -kuchnia azjatycka: chińska, japońska oraz tajska
Copyright by elektrocomp (2012) Kraków