Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Joanna Brzozowska Joanna Brzozowska Podsumowanie pracy z 22.11 Portale – onet.pl; o2.pl Portale tematyczne.

Podobne prezentacje


Prezentacja na temat: "Joanna Brzozowska Joanna Brzozowska Podsumowanie pracy z 22.11 Portale – onet.pl; o2.pl Portale tematyczne."— Zapis prezentacji:

1 Joanna Brzozowska

2 Joanna Brzozowska Podsumowanie pracy z Portale – onet.pl; o2.pl Portale tematyczne – men.gov.pl, cogito.pl Aktualność Strona główna – zachęcająca Przejrzyste menu = spis treści Ciekawa grafika – zoptymalizowana Kolorystyka strony Elementy przyciągające uwagę Stałe rubryki przyzwyczajenie druga natura człowieka łatwość dostępu do informacji Podstrony otwierane w nowym oknie

3 Joanna Brzozowska

4 Opracowywanie materiałów multimedialnych Tworzenie stron www 3 Na podstawie wykładu dr. L. Rudaka Joanna Brzozowska

5 Przebieg zajęć Monitor komputera – ciekawostki Kolory Prezentacja Kompozycja Kolorystyka Projektowanie Layout Podsumowanie Modułu E2 Ankieta dla rodziców / uczniów Praca domowa

6 Joanna Brzozowska

7 Joanna Brzozowska Monitor komputera urządzenie rastrowe wszystkie prezentowane na nim obiekty są opisane w postaci zbioru punktów (pikseli), mających określone położenie i barwę.

8 Joanna Brzozowska Percepcja bezpośrednia Na monitor światło zawsze pada z góry (kilogramy w TV)

9 Joanna Brzozowska Postrzeganie konturów

10 Joanna Brzozowska Kolejność czytania Ten tekst będzie przeczytany jako pierwszy Tego tekstu nikt nie przeczyta To zostanie przeczytane ale później

11 Joanna Brzozowska Kontekst postrzegania

12 Joanna Brzozowska Ograniczenia ekranu

13 Joanna Brzozowska

14 Joanna Brzozowska Model barw system wartości liczbowych, za pomocą których definiowane są barwy złożone z określonych kolorów podstawowych

15 Joanna Brzozowska CMY K "trójkolorowy" model barw: niebieskozielonej (Cyan) purpurowej (Magenta) żółtej (Yellow) czarneJ (blacK) Barwy dopełniają się

16 Joanna Brzozowska RGB model operujący trzema barwami podstawowymi: czerwoną (Red) zieloną (Green) niebieską (Blue) Kolory są mieszane addytywnie (sumowane) Od 0 do – czarny, 256 – biały

17 Joanna Brzozowska Kolory Niebieski: święty kolor w judaizmie, kolor nieśmiertelności w Chinach, Bliski Wschód – ochrona, Kolumbia – mydło, cały świat – kolor bezpieczeństwa

18 Joanna Brzozowska Kolory Żółty: na Zachodzie oznacza radość i szczęście, kolor święty i cesarski w wielu krajach Azji

19 Joanna Brzozowska Kolory Czerwony: w kulturze zachodniej niebezpieczeństwo i stop, a także miłość (Walentynki i Boże Narodzenie); Indie – kolor sukni ślubnej, bo oznacza czystość; w Chinach oznacza świętowanie i powodzenie; z białym w kulturach wschodnich radość.

20 Joanna Brzozowska Kolory Zielony: kolor islamu; we Francji ogólnie źle się kojarzy; w Chinach kolor kapelusza oznaczający niewierną żonę

21 Joanna Brzozowska Kolory Pomarańczowy

22 Joanna Brzozowska Kolory Czarny: kultury zachodu – żałoba, śmierć, ale także elegancja, styl.

23 Joanna Brzozowska Kolory Biały: kultura zachodu – czystość; kultury wschodu – żałoba, symbol śmierci;

24 Joanna Brzozowska Kolory Czarny: kultury zachodu – żałoba, śmierć, ale także elegancja, styl.

25 Joanna Brzozowska Kolory – podświadomość Czerwień – fizyczność Błękit – intelekt Żółć – emocje Zieleń – natura Fiolet – duchowość Pomarańcz – zabawa Biel – czystość Róż – kobiecość Szara – tłumienie Czerń – powaga Brąz – rzetelność

26 Joanna Brzozowska Kolor – odcienie

27 Joanna Brzozowska Kolory – kontrast

28 Joanna Brzozowska Kolory – wielkość

29 Joanna Brzozowska

30 Joanna Brzozowska Kolorystyka

31 Joanna Brzozowska Dopasowanie – temat

32 Joanna Brzozowska Dopasowanie – odbiorca

33 Joanna Brzozowska Dopasowanie – gust

34 Joanna Brzozowska Dopasowanie – …

35 Joanna Brzozowska Ćwiczenie 1 Ściągnij 4 zdjęcia (po jednym z każdej ze stron): - zdjęcie ważki oto= dowolne zdjęcie oto= zimowy krajobraz - dowolny obraz Czy zawsze Ci się udało? Spróbuj wymyślić sposób na ściągnięcie zdjęć. Przygotuj collage z zebranych materiałów (program Paint), który wyrazi twoje uczucia w tej chwili ;) Zadanie *: Ściągnij ze strony - chłopca z sankami i bałwankiemhttp://www.zabawki-sklep.com/

36 Joanna Brzozowska

37 Joanna Brzozowska Wyodrębnianie całości Układ wyjściowy – nic nie jest wyodrębnione

38 Joanna Brzozowska Wyodrębnianie całości Bliskość przestrzenna

39 Joanna Brzozowska Wyodrębnianie całości Podobieństwo

40 Joanna Brzozowska Wyodrębnianie całości Dobra kontynuacja

41 Joanna Brzozowska Wyodrębnianie całości Niewielkie rozmiary

42 Joanna Brzozowska Wyodrębnianie całości Zgodność z chwilowym nastawieniem

43 Joanna Brzozowska Wyodrębnianie całości

44 Joanna Brzozowska Wyodrębnianie całości W obrazie czarno-białym mamy tendencję do szukania figury w obszarze czarnym. Wyszukiwanie w obszarze białym jest trudniejsze

45 Joanna Brzozowska Złudzenia

46 Joanna Brzozowska Złudzenia

47 Joanna Brzozowska

48 Joanna Brzozowska

49 Joanna Brzozowska Przerwa

50 Joanna Brzozowska

51 Joanna Brzozowska Forma treści Dziel treść na najmniejsze jednostki logiczne. Podział sprzyja strukturze hipertekstu. Lepiej pasuje do ekranu komputera Ułatwia zachowanie jednolitej struktury

52 Joanna Brzozowska Siedem plus minus dwa zero – to doskonałość. Coś, czego nie ma. jeden – to jeden, skupia uwagę, której nie trzeba dzielić i zapewnia pełną koncentrację na najważniejszej sprawie. dwa – to pierwsze rozróżnienie. Albo – albo. Sposób na wyrażenie doskonałej różnorodności (bez środkowego, nieokreślonego stanu). trzy – to najprostsza złożoność. Już wiele ale to dopiero pierwszy etap stopniowania.

53 Joanna Brzozowska Siedem plus minus dwa cztery – to kwadrat. Najprostsza macierz pozwalająca na stopniowanie w dwóch wymiarach. Albo po prostu dwie pary. pięć – to już wiele. Ale jeszcze tyle ile możemy ogarnąć jednym rzutem oka. I policzyć "bez liczenia" - po prostu widząc dwie, trzy, cztery lub pięć rzeczy wiemy od razu ile ich jest. sześć – to o jeden więcej niż pięć. I na ogół o jeden za dużo.

54 Joanna Brzozowska Siedem plus minus dwa siedem – to wiele. Za wiele, aby efektywnie posługiwać się takim zbiorem elementów. Siedem można podzielić na dwa...

55 Joanna Brzozowska Brzytwa OKHAMA Non sunt multiplicanda entia sine necessitate Czyli: nie należy mnożyć bytów ponad potrzebę W praktyce zasadę tę stosujemy jako: Proste rozwiązanie jest najlepsze

56 Joanna Brzozowska Inne brzytwy Reguła DRY Don't Repeat Yourself czyli: nie powtarzaj się Reguła KISS Keep It Simple, Stupid czyli: to ma być proste, głupcze Reguła BUZI (studenci) Bez udziwnień zapisuj, i…

57 Joanna Brzozowska Teksty Prawdziwe krasomówstwo polega na tym aby powiedzieć wszystko, co konieczne – i rzeczywiście powiedzieć tylko to, co konieczne. Francois de La Rochefoucauld (pisarz i filozof XVII w.)

58 Joanna Brzozowska Różnice druk – monitor Druk: rozdzielczość 1200 – 1400 punktów na cal kolory CMYK (niebieskozielony, karmazyn, żółty, czarny) jasność zależy od papieru i oświetlenia Monitor: rozdzielczość 72 – 96 punktów na cal kolory RGB (czerwony, zielony, niebieski) jasność regulowana

59 Joanna Brzozowska Długie teksty Nie mieści się na dwóch stronach A4: pismo 12 pt marginesy 2,5 cm z każdej strony Interlinia 1,5 Czyli ok. 700 słów lub 6000 znaków

60 Joanna Brzozowska

61 Joanna Brzozowska Kompozycja Kompozycja to kształtowanie obrazu poprzez odpowiedni układ jego elementów. Takie rozmieszczenie poszczególnych elementów w dziele, dzięki któremu osiąga się harmonię i równowagę. według: Stan Smith, The Complete Drawing Course, Collins & Brown Limited 1994 rysunki na następnych planszach także pochodzą z tej książki

62 Joanna Brzozowska Zasada sztuki: kompozycja polegająca na umieszczeniu głównego tematu w centrum przestrzeni obrazu jest statyczna i nudna. Tutaj najważniejszy element, spiętrzenie owoców, znajduje się w jednej trzeciej wysokości obrazu. Położenie

63 Joanna Brzozowska Przestrzeń obrazu jest podzielona na 3 części w poziomie i 3 części w pionie. Obiekty umieszczone na przecięciach linii podziału szczególnie silnie przyciągają wzrok widza. Podział

64 Joanna Brzozowska Postać z prawej jest na pierwszym planie i powinna dominować, ale dzięki perspektywie tylko poręcz jest równoległa do krawędzi obrazu. Zatem oko prowadzone jest po łuku od postaci dominującej przez środek aż do partii najdalszych. Asymetria

65 Joanna Brzozowska Rysunek wart tysiąca słów przysłowie chińskie

66 Joanna Brzozowska Co zrobić gdy trzeba, z powodów dydaktycznych zilustrować coś, a nie możemy skorzystać z pomocy profesjonalnego grafika? Trzeba stworzyć ilustrację samemu! W edukacji ważne są schematy – bo i tak przekazywanie wiedzy opiera się na pewnej, niepisanej umowie między uczniem a nauczycielem. Schematyczny rysunek można utworzyć stosunkowo łatwo, korzystając z ogólnie dostępnych dobrych rad. Schemat

67 Joanna Brzozowska Szkoła rysowania i malowania, praca zbiorowa, Delta. Schemat Koń jaki jest...

68 Joanna Brzozowska Schemat

69 Joanna Brzozowska Z książki Ołówek opowiada, Pal Kocmaros, Corvina, Budapeszt, 1968 Schemat

70 Joanna Brzozowska Ćwiczenie 3 Narysuj konia w programie graficznym Paint na komputerze. Swój rysunek zapisz po kolei: z rozszerzeniem bmp z rozszerzeniem jpg z rozszerzeniem gif Jakie komunikaty pojawiają się na ekranie? Jaka jest różnica między obrazkami? Jaką ma wielkość każdy obrazek?

71 Joanna Brzozowska Animacja

72 Joanna Brzozowska Dźwięk Fala akustyczna: zachodzące z odpowiednią częstością zmiany ciśnienia w ośrodku, na które reaguje organ słuchu. Jednostki: częstotliwość (Hz); natężenie dźwięku (Bell) Decybel: 0,1 Bella, oznaczenie dB; poziom głośności (fon, 1 fon jest to poziom głośności dźwięku słyszanego tak jak dźwięk o częstotliwości 1kHz i poziomie natężenia 1dB).

73 Joanna Brzozowska

74 Joanna Brzozowska Projektowanie Pozycjonowanie elementów na stronie ma istotny wpływ na efekt wizualny i skuteczność przekazywania informacji czytelnikowi / widzowi Layout

75 Joanna Brzozowska Layout przejrzysta forma czytelny tekst intuicyjna obsługa szybkie załadowanie łatwość wprowadzania zmian

76 Joanna Brzozowska Ćwiczenie 3 Otwórz dokument lista.rtf Spróbuj dodać nowego uczestnika kursu, który nazywa się Leonard Cudotwórca, jest zatrudniony w Szkole Podstawowej nr 5 w Pruszkowie, przy ul. Żart 13.

77 Joanna Brzozowska Przejrzystość formy wyeksponowanie logo firmy w widocznym miejscu slogan identyfikujący firmę wyróżnienie tytułów i nagłówków rezygnacja z elementów odwracających uwagę od treści

78 Joanna Brzozowska Czytelność tekstu krój i rozmiar czcionki kontrastowy kolor tekstu w stosunku do tła publikacji jednolite tło linie tekstu nie powinny być zbyt długie

79 Joanna Brzozowska Intuicyjna obsługa kluczowy element strony internetowej przemyślana nawigacja skomponowana z szatą graficzną

80 Joanna Brzozowska Szybkość załadowania zoptymalizowana grafika dobranie odpowiedniej ilości kolorów, wielkość oraz formatu formaty graficzne do zastosowań internetowych: JPG, PNG, GIF

81 Joanna Brzozowska Łatwość wprowadzania zmian dobrze zaprojektowana wewnętrzna struktura strony internetowej dobra praktyka = rozdzielenie warstwy treści umieszczaną w HTML od warstwy prezentacji, którą umieszczamy w oddzielnym pliku CSS wydzielenie ze strony nagłówka i / lub stopki oraz środka do osobnych plików

82 Joanna Brzozowska Praca domowa Moduł E2 Ankieta Pytania do ankiety...


Pobierz ppt "Joanna Brzozowska Joanna Brzozowska Podsumowanie pracy z 22.11 Portale – onet.pl; o2.pl Portale tematyczne."

Podobne prezentacje


Reklamy Google