Grafika komputerowa

Rozwój nowych technologii w fotografii – migawka globalna

Rozwój nowych technologii w fotografii – migawka globalna

Co to jest migawka?

Migawka to element aparatu fotograficznego, którego zadaniem jest przysłonięcie, a następnie zasłonięcie światłoczułego materiału w taki sposób, aby dostarczyć odpowiednią ilość wiązki światła, która przechodzi przez obiektyw i powoduje rejestrację obrazu. Cyfrowe aparaty fotograficzne oprócz migawki zrealizowanej w sposób mechaniczny posiadają także migawki elektroniczne. Migawka elektroniczna posiada pewne niedoskonałości, jednym z takich problemów jest tzw. efekt rolling shutter.

 

 

Różnice między migawką elektroniczną, a mechaniczną.

Z momentem pojawienia się na rynku aparatów cyfrowych, powstała też technologia migawek elektronicznych. Technologia ta umożliwia bardzo szybką rejestracje obrazu i jego podgląd na żywo. Migawka tego typu włącza lub wyłącza funkcję rejestracji obrazu przez piksele (najmniejszy  element obrazu wyświetlanego na ekranie monitora lub uzyskiwany za pomocą urządzeń przetwarzania obrazu). Migawka elektroniczna to po prostu zestaw elementów elektroniki (między innymi tranzystory), które wchodzą w skład matrycy pikseli.

W przeciwieństwie do migawki mechanicznej, migawka elektroniczna jest uruchamiana przez sygnały elektryczne i nie zasłania elementu światłoczułego. Migawka elektroniczna blokuje funkcje przetwarzania światła.

 

 

Wady i zalety migawek elektronicznych.

Zalety:

  • odporność na zmęczenie materiałowe (migawka mechaniczna jest bardziej podatna na uszkodzenia)
  • jest szybsza od migawek mechanicznych (dużo szybciej się otwiera)
  • jest cicha (w migawce mechanicznej usłyszymy charakterystyczny trzask lamelek) – dzięki temu możemy bardzo dyskretnie zrobić zdjęcie

Wady:

  • Jedną z największych wad jest proces otwarcia i zamknięcia realizowany w aparatach cyfrowych – rolling shutter. Podczas gdy chcemy uchwycić bardzo dynamiczne sceny w kadrze obraz może być zniekształcony – pofałdowany, wygięty np. gdy chcemy uchwycić szybko przejeżdżający samochód, a nawet pofragmentowany gdy np. chcemy zrobić zdjęcie pracujących śmigieł helikoptera.

 

Efekt rolling shutter zwiększa się wraz ze zbliżającym się planem.

Efekt rolling shutter powstaje dlatego, że obraz jest odczytywany linia po linii, a nie odrazy w całości. Oznacza to po prostu, że migawka elektroniczna działa sekwencyjnie czyli nie otwiera się od razu dla wszystkich pikseli obrazu. Następuje tzw. przesunięcie rejestrowanego obrazu w czasie (tzn. różne części obrazu są rejestrowane w różnym czasie) co może objawiać się takimi efektami jak jego przesunięcie lub wygięcie.

 

Migawka globalna.

Rozwiązaniem problemu rolling shutter jest tzw. migawka globalna. Taka migawka działa w ten sposób, że wszystkie piksele rejestrowanego obrazu przetwarzane są równolegle w tym samym czasie. Kluczowe jest tu zapewnienie równoległej pracy konwerterów analogowo-cyfrowych, które nie przetwarzają obrazu kolumna po kolumnie tylko pracują dla każdego pojedynczego piksela.

Takie firmy jak Sony czy Panasonic pracują nad tą technologią. W tej chwili udało się zbudować układ o rozdzielczości około 1,5 megapiksela. Wiemy jednak jak współczesna technika idzie szybko do przodu. Jednym z problemów jest również upowszechnienie tej technologii.

Posted by superkoder in Grafika komputerowa, Nowe technologie
Inkscape – grafika wektorowa za free

Inkscape – grafika wektorowa za free

Jeżeli interesuje Cię tworzenie grafiki wektorowej? Chcesz stworzyć coś niepowtarzalnego?

Inkscape – to bardzo dobry program do tworzenia grafiki wektorowej i to zupełnie za darmo. Umożliwia on pracę na warstwach. Interfejs jest przyjazny. Nie ważne czy jesteś początkującym grafikiem, czy wirtuozem designu – każdy powinien być zadowolony z jego użytkowania.

Dość istotną rzeczą jest to, że aplikacja nie posiada własnego formatu zapisu obrazu do pliku. Inkscape korzysta z powszechnie używanego formatu SVG (Scalable Vector Graphics).  Jest to format pliku zapisany w formacie XML.

Program daje nam do dyspozycji spory pakiet narzędzi. Możemy w nim znaleźć takie rzeczy jak np.:

  • odręczne rysowanie linii
  • kaligrafie
  • krzywe Beziera
  • narzędzia tekstowe

i wiele wiele innych.

Stworzoną grafikę można wyeksportować między innymi do takich formatów jak: PNG, OpenDocument czy PDF.

Nasze logo SuperKoder.pl także zostało stworzone przy pomocy Inkscape.

Strona domowa programu: https://inkscape.org, z której można go ściągnąć.

Posted by superkoder in Grafika komputerowa
Psychologia w UI Design i UX Design

Psychologia w UI Design i UX Design

Na początek – Czym tak naprawdę jest UI Design (user interface) i UX Design (user experience)?

  • UI Design (aspekt techniczny) – to wszelkiego rodzaju środki czy elementy (np. przyciski, pola tekstowe, listy wyboru, itp.) dzięki, którym następuje interakcja użytkownika z systemem komputerowym.
  • UX Design (aspekt emocjonalny) – zajmuje się tzw. projektowaniem zorientowanym na odczucia człowieka. Głównym celem UX Designer-a jest zdobycie informacji czego przyszły użytkownik tak naprawdę potrzebuje i czego oczekuje od projektu oraz dostarczenie produktu, który będzie intuicyjny i łatwy w obsłudze.

 

„Dobry interfejs użytkownika jest jak świetny żart – nie musisz go tłumaczyć.”

 

Umysł człowieka w danej chwili jest wstanie przetworzyć tylko jakąś część z ogromnej ilości docierających bodźców (tzw. selektywna uwaga). Podczas gdy wykonujemy stale powtarzające się czynności robimy je z tzw. „automatu„.  Z kolei, nie który informacje docierają do naszej podświadomości czasem nie zauważone, ale bardzo istotne.

Mogą to być takie rzeczy jak: logo czy decyzje jakie podejmujemy np. kupując w sklepie internetowym jakiś przedmiot.

 

Co sprawia, że nie które aplikacje czy serwisy internetowe są łatwe w obsłudze, a inne nie?

 

Psychologia człowieka – czym się kieruje, jakie ma odczucia, jego mechanizmy myślowe, itp. 

 

 

Poniżej znajduje się kilka psychologicznych tricków jak osiągnąć swój cel w dobrym projektowaniu UI oraz UX.

  1. Wyznaczanie obszarów na stronie – podziel swoją stronę na sekcje, które są ściśle tematycznie związane np. nowości, kontakt, itp., przeznaczaj przestrzeń do określonych działań wtedy zatrzymasz uwagę użytkownika systemu.
  2. White space – upraszczaj swoje strony internetowe („Prostota jest często trudniejsza od skomplikowania„). Duża liczba przycisków czy funkcji sprawia, że strona internetowa zaczyna przytłaczać i ciężko z niej się korzysta. Pusta przestrzeń sprawia, że witryna staje się lekka i bardziej czytelna i przyjazna użytkownikowi.
  3. Dobrze dopieraj zdjęcia  jeden obraz często może powiedzieć więcej niż 1000 słów. Pamiętaj, aby umieszczone zdjęcia na stronie były zgodne z jej tematyką i wyzwalały w umyśle człowieka jakieś emocje.
  4. Spójność  przekazu – przekaz na stronie musi być jasny i czytelny sprawi to, że człowiek który odwiedza twoją stronę zatrzyma na niej swoją uwagę dłużej.
  5.  Zachęcaj do interakcji – chcesz, aby użytkownik zarejestrował się w twoim serwisie lub podał swoje dane? Musisz najpierw dać coś od siebie. Mogą to być wszelkiego rodzaju ciekawe informacje czy oryginalne nigdzie indziej nie dostępne materiały. Naprawdę warto!

 

Bądź kreatywny, czasem mniej znaczy więcej, i dawaj coś od siebie!

 

Posted by superkoder in Ciekawostki, Grafika komputerowa