Kategoria: Webdesign & UX

Wzorce interfejsów aplikacji internetowych – zbiory inspiracji i rozwiązań

W 1945 roku powstała pierwsza wizja czegoś co dzisiaj nazywamy Graficznym Interfejsem Użytkownika (skrót z angielskiego: GUI). Oczywiście wtedy nie wiedziano jak potoczą się sprawy i jak ostatecznie wyglądać będą współczesne GUI, ale zadziwiające jest to, że sam zamysł i koncepcja Memex’a nie odbiega wcale od tego co dzisiaj realizują interfejsy aplikacji komputerowych, internetowych, czy […]

koła zębate

Prosta animacja z wykorzystaniem SVG i JavaScript

Wykorzystując grafikę wektorową możemy osiągać bardzo ciekawe efekty małym nakładem pracy, na pewno jest to wygodniejsza forma niż dziesiątki kontenerów i setki linii kodu CSS. Przygotowałem efekt obracających się trybików. Animacja jest płynna przez co przyjemna dla oka i nie obciąża zanadto procesora. Nie jest to oczywiście pokaz wszystkich możliwości duetu SVG i JavaScript, ale […]

Makieta, plan

10 Narzędzi do tworzenia makiet stron i aplikacji internetowych

W trakcie prac koncepcyjnych nad stroną internetową co raz częściej stosuje się metodę prototypowania w postaci tworzenia makiet serwisu. O przydatności takiego rozwiązania nie trzeba chyba nikogo przekonywać. Makiety można teoretycznie stworzyć nawet na kartce papieru… ale po co skoro mamy mnóstwo przydatnych i funkcjonalnych narzędzi do makietowania? W tym artykule postaramy się przybliżyć wybór […]

Freelancer UX

User experience w obiektywie freelancerów

Pewnie nie każda z osób, która samodzielnie zajmuje się całością wykonania strony internetowej, wie lub pamięta o tym, że to tak naprawdę na nią spada całości odpowiedzialności za przeżycia użytkownika. Zresztą świadomość tego czym jest user experience i jaki wpływ ma na odwiedzających naszą witrynę nadal jest mała. Dlatego osoby wykonujące małe zlecenia dla mało […]

Skąd brać zdjęcia na strony www?

Skąd brać zdjęcia na swoją stronę internetową?

Wielu początkujących webmasterów, a w  szczególności osoby mające swoje blogi zamieszczają zdjęcia z Google. Niestety nie jest to w pełni legalne, ponieważ zdjęcia wyszukane z poprzednio wspomnianej wyszukiwarki i umieszczone na własnej stronie bez zgody autora jest nazywane mianem Google grabieży (ang. Google ganking).  Jest to poważny problem w sieci. Należy pamiętać o tym, że […]

Buttony - obrót w CSS3

Buttony w kształcie koła z animacją obrotu w CSS3

Dzisiejszy, wieczorny wpis poświęcony będzie również pojęciu webdesignu, a ściślej – możliwościom tworzenia różnorodnych elementów na stronach internetowych tylko i wyłącznie za pomocą języka CSS3. Dlaczego skupiamy się na samej stronie technicznej, pomijając elementy graficzne? Odpowiedź jest prosta i kilka argumentów już teraz stoi murem za akceptacją tego typu rozwiązań. Po pierwsze „odchudzamy” nasze witryny – ukłon […]

Tabela cen w CSS3

Modernistyczna tabela cen produktów z użyciem CSS3

Nowy tydzień zaczniemy od zaprojektowania modernistycznej i dobrze prezentującej się tabelki cen. Praktyka stosowania takiej formy prezentacji naszych produktów jest chyba najbardziej czytelna dla naszych potencjalnych klientów zainteresowanych ofertą. W naszym przykładzie posłużymy się tabelą, która zestawiać będzie parametry kont hostingowych. Oczywiście to, do czego jej użyjecie zależy tylko i wyłącznie od Was. W tutorialu […]

Call to action

Call to action – jak skutecznie kreować zachowania użytkownków

Kiedy rozpoczynamy etap koncepcyjnych prac nad projektem zawsze przychodzi taki czas kiedy staramy się przewidzieć jak będą się zachowywać użytkownicy strony. Obojętnie jak mocno jesteśmy świadomi zagadnień UI i UX staramy się budować nasze witryny tak aby były one jak najbardziej przyjazne odwiedzającym i tak aby nakłonić ich do pewnych określonych zachowań. Jeśli tworzymy stronę […]

Najlepsze projekty menu

17 najlepszych projektów menu do wykorzystania na stronie www

Jak na pewno każdy projektant stron internetowych wie, jednym z najważniejszych elementów na witrynie jest menu. Idealny system nawigacji powinien być intuicyjny, schludny i czytelny. Znalezienie złotego środka nie raz może wydawać się trudne, dlatego czasem warto zasięgnąć inspiracji (a nawet udostępnionego już wcześniej pomysłu) w przygotowanych własnej witryny. W dzisiejszym wpisie przedstawiam Wam kolekcję […]

Szablony HTML5 i CSS3

15 ładnych i darmowych szablonów HTML5 i CSS3

Wraz z rozwojem HTML5 i CSS3 w sieci pojawia się coraz więcej darmowych szablonów budowanych przy pomocy własnie tych technologii. Z praktyki jednak wiadomo, że to co darmowe, nie zawsze jest najlepszej jakości. Tak czy inaczej, przeszukując niekończące się zasoby internetu zdarza mi się natknąć na ciekawe, webdesignerskie perełki. Przedstawiam Wam zestawienie 15 ładnych i darmowych […]