Na dzisiejszej lekcji zajmowaliśmy się tworzeniem audiobook'a 

Linki do stron z darmowymi dźwiękami:

http://www.mediacollege.com/downloads/sound-effects/

http://www.flashkit.com/soundfx/Cartoon/

http://www.findsounds.com/

http://soundbible.com/free-sound-effects-1.html

https://www.audioblocks.com/royalty-free-audio/cartoon-sound-effects

http://www.freesfx.co.uk/soundeffects/cartoon_comical/

https://www.freestockmusic.com/cinematic-production-music/free-cinematic-action-production-music/

http://freemusicarchive.org/genre/soundtrack/

http://www.bensound.com/

Link do strony z wykorzystanym prze ze mnie wierszem:
Wiersz o samochodach

Na dzisiejszej lekcji projektowaliśmy infografikę (obraz zamiast słów). 

Zalecenia:
     -formuła plakatu
     -wszystkie informacje muszą być zawarte w projekcie
     -widoczny/duży nagłówek/tytuł
     -ważne umieszczenie źródła
     -dominuje grafika nad tekstem 

Plakat utworzony na stronie www.easel.ly

W tym poście przedstawiam stworzenie interaktywnego PDF-a w trybie on-line oraz off-line

Metoda on-line czyli korzystanie z programów graficznych:

*import pliku 

*rozmieszczenie na stronie

*wyeksportowanie do pdf

Metoda off-line czyli poprzez internetowe konwertery:

*www.konwerter.net

*www.online-convert.com

*konwertujemy do pdf

I na koniec publikacja na stronie http://issuu.com/

Link do mojej książki:

Link do książki

Na zajęciach mieliśmy zaprezentować powstanie jakieś firmy za pomocą komiksu. Efekt przedstawiam poniżej.

http://www.toondoo.com//ViewBook.toon?bookid=618682

Komiks - obrazkowe przedstawienie pewnej historii, często ukazane z krótkim tekstem.

Storyboard - obrazkowe przedstawienie historii mogące być bazą do powstania filmu. Polskim odpowiednikiem jest scenorys.

Zadaniem na dzisiejszej lekcji jest przedstawienie historii powstania pewnej firmy w formie komiksu.

Najpopularniejsze narzędzia do tworzenia komiksu:
   * Write Comics
   * Witty Comics
   * Make Beliefes Comix
   * Story Jumper
   * Pixton
   * StoryboardThat
   * Toondoo

Przedstawiam projekty wykonanych prze ze mnie stron. 

Strona kwiaciarni

Strona Nissana

Na poprzednich zajęciach mieliśmy utworzyć szablon do stron firm z zakresu usług oraz produkcji. Zdecydowałem się na zestawienie Producenta samochodów oraz kwiaciarni.

Tworzenie przycisku oraz dodawanie filtru do zdjęcia

Za pomocą programu Photoshop tworzymy przyciski klikając na lewym panelu ikonę przezroczystego prostokątu. Przycisk ten możemy edytować poprzez zastosowanie gradientów, wypełnienie oraz deseń.

Przycisk wygenerowany za pomocą gradientu

Przycisk utworzony za pomocą efektów

W celu dodania filtru do zdjęcia klikamy zakładkę "Filtr" w górnym panelu i wybieramy którąś z opcji.

Przykład zastosowania filtru pasteli

Bank zdjęć

W tym poście chciałbym zamieścić linki do stron na których dostępne są darmowe zdjęcia.

https://www.flickr.com/

https://pixabay.com/pl/

https://freerangestock.com/ 

http://pl.freepik.com/

Trendy w designie stron

W tym poście chciałbym umieścić informację na temat obecnie dominujących trendach w zakresie projektowania stron.

1. Responsywność - strona musi świetnie wyglądać na każdym urządzeniu mobilnym (np. komputer, smartfon, tablet). Witryna musi być dopasowana w sposób idealny do każdego z urządzeń, rozmieszczenie elementów powinno być tak zaplanowane by wszystko byo czytelne.

3. Flat design - prostota, minimalizm dzięki temu strona szybko się ładuje co umożliwia szybki dostęp do informacji na każdym urządzeniu.

3. Stosowanie zdjęć - użytkownik wchodząc na stronę częściej zwraca uwagę na obraz niż tekst pisany. Zdjęcia powinny być dopasowane do treści i jak najbardziej obrazować zawartość witryny.

4. Typografia - korzystając z ciekawych czcionek łatwiej możemy zaciekawić czytelnika, jednak trzeba pamiętać by czcionka była czytelna i sprawiała problemu z odczytaniem użytkownikowi. 

5. Scrolling - czyli przewijanie stron. Użytkownicy coraz częściej korzystają ze smartfonów lub tabletów w związku z tym zaleca się zaprojektowanie strony tak by można było przewijać stronę niż klikać w zakładki bądź odnośniki.

Informacje zaczerpnięte ze strony http://incode.net.pl/wordpress-2015-czyli-trendy-w-designie-stron/

Ćwiczenie - szablon strony

Zadanie dotyczy projektu strony ( poniżej przedstawiam schemat witryny ).

 Tutaj przedstawiam przykładowe zestawienia dla których będę wykonywał projekt.