wtorek, 24 listopada 2015

Kolory

Podstawowe informacje na temat kolorów.



Barwy dzielimy na "ciepłe" i "zimne".
Znaczenie kolorów w marketingu.





Kolor czerwony - wykorzystywany jest do przekazywania emocji, ostrzegania często stosowany by przykuć uwagę.    

Jasna czer­wień – pod­kreśla radość, sek­su­al­ność, pasję, czułość oraz miłość.
Różowy – oznacza romantyczność, miłość i przyjaźń.
Ciemna czerwień – jest połąc­zona z wig­orem, siłą woli, gniewem, przywództwem




Kolor pomarańczowy - określa fascynacje i determinację. Lubiany kolor przez młode pokolenie.


Ciemny pomarańc­zowy – odzwier­ciedla pode­jr­zli­wość, oszustwo.
Czer­wona pomarańcz – naw­iązuje do prag­nienia, przyjem­ności, dom­i­nacji i agresji.
Złoty – wywołuje uczu­cie prestiżu, często pod­kreśla wysoką jakość.




Kolor żółty - łączony jest ze szczęściem, radością, intelektem oraz energią. Symbole tej barwy kojarzą się pozytywnie, są oznaką bezpieczeństwa.

Jasny żółty – jest połąc­zony z radoś­cią oraz świeżością.



Kolor zielony - symbol bezpieczeństwa, harmonii oraz świeżość, stosowany dla produktów świeżych oraz nieszkodliwych

Ciemna zieleń – jest połąc­zona z chci­woś­cią, zaz­droś­cią ale także z ambic­jami.
Morska zieleń – jest emocjon­al­nym przekazem kojar­zonym z ochroną i dobrym zdrowiem.
Zieleń oli­wkowa – to trady­cyjna barwa pokoju.




Kolor niebieski - określenie stabilizacji, mądrości, lojalności. Wskazane dla produktów związanych z wodą bądź niebem. Nie stosować do produktów związanych z żywnością ponieważ kolor ten tłumi apetyt.

Jas­non­iebieski – jest połąc­zony ze zrozu­mie­niem, zdrowiem oraz miękkoś­cią.
Ciem­non­iebieski – reprezen­tuje wiedzę, moc i spójność.







Kolor czarny - kojarzony z mocą, elegancją ale również ze złem i śmiercią. Wyróżnia się wysokim standardem.










Informacje uzyskane ze strony http://www.projektowaniegraficzne.pl/znaczenie-kolorow-w-reklamie-teoria-barw-psychologi-kolorow/

środa, 18 listopada 2015

Kolorowanie obiektu.

Kolorowanie zaznaczonego obiektu w programie Photoshop.


Żeby pokolorować zaznaczony obiekt musimy wykonać następujące kroki:
1.Otworzyć obrazek w programie Photoshop.
2.Wybrać opcję Narzędzie zaznaczanie prostokątne lub eliptyczne.
3.Zaznaczyć obszar który chcemy pokolorować.
4.Następnie kliknąć w opcję znajdującą się pod wypisanymi warstwami Utwórz nową warstwę wypełnienia lub dopasowania.
5.Wybieramy Barwa/Nasycenie
6.Pojawia nam się edytor barw.
7.Jeżeli chcemy zmienić białe tło to zamiast opcji Barwa/Nasycenie klikamy w Kolor kryjący.

Obrazek przed kolorowaniem
Obrazek po zmianie barw

środa, 4 listopada 2015

Instrukcja konwersji obrazu z rastra na wektor

Instrukcja podana w krokach:

1. Pobieramy obrazek.
2. Otwieramy w programie Adobe Photoshop.
3. Wycinamy obiekt bez tła za pomocą narzędzia "Lasso magnetyczne".
4. Zapisujemy wycięty obiekt na nowej warstwie i zapisujemy plik w formacie Photoshopa.
5. Otwieramy program Corel.
6. Importujemy plik powstały w Photoshopie.
7. Klikamy na niego i w górnym panelu wybieramy opcje "Trasuj mapę bitową".
8. Wybieramy opcję "Szybkie trasowanie" lub "Trasowanie konturów" w zależności od     oczekiwanego efektu. 
9. Wybierając opcję "Trasowanie konturów" klikamy w "Logo" lub "Szczegółowe logo".
10. Zapisujemy plik i gotowe.

Przykładowo wybrane opcje:

Widok szkieletowy:
Opcja wybrania trasowania:

poniedziałek, 2 listopada 2015

Logo


Logo mojego autorstwa w programie Corel Draw z zachowaniem zasad stosowania figur geometrycznych. Według mnie najlepiej prezentuje sie w okręgu.

sobota, 10 października 2015

Logo

Czym jest logo ? Co składa się na logo ? Jakie powinno być ? Czego nie powinniśmy stosować ? Jak zrobić prawidłowe logo ? 

Na te i inne pytania odpowiem w tym poście.


Na początek elementy składowe logo. 

ftp://e-alw.com/logo.pdf
Prawidłowe logo powinno być:





Znaczenie geometrii w projektowaniu graficznym



http://designer.info.pl/projektowanie-graficzne-elementy-projektowania-ksztalt/


Ciekawe linki dotyczące projektowania loga oraz wiele przydatnych informacji:

ftp://e-alw.com/logo.pdf

http://designer.info.pl/projektowanie-graficzne-elementy-projektowania-ksztalt/

http://www.logofirmowe.pl/reguly-i-zasady-projektowania-logo/

http://pierwszymilion.forbes.pl/10-bledow-przy-tworzeniu-logo-logo-dla-malej-firmy,artykuly,164526,1,1.html





Netykieta

Netykieta - zbiór zasad obowiązujących w internecie



Projekt witryn

środa, 30 września 2015

Pojęcia

Pojęcia związane ze stroną internetową.

Witryna: Czyli to co widzimy na ekranie

Wortal: Jest to strona dotycząca określonego tematu np. Motoryzacja, sport, muzyka. Przykładem takich stron może być Otomoto.pl, Przegląd sportowy.pl 

Portal: W przeciwieństwie do wortalu na stronie możemy znaleźć informacje o szerokiej tematyce często nie powiązane ze sobą. Przykładowe strony: Wp.pl, Onet.pl

Pierwsza strona internetowa

Pierwsza strona internetowa

Pierwsza strona internetowa powstała 30.04.1993 przez firmę Cern. Konkretnie założycielem był Tim Berners-Lee brytyjski fizyk i programista.



Założyciel pierwszej strony internetowej


Link do strony: http://info.cern.ch/


środa, 23 września 2015

Jakob Nielsen

 Jakob Nielsen 


 Osoba specjalizująca się w użyteczności stron internetowych. Od lat 80. w Stanach Zjednoczonych. Pracował dla Bellcore, IBM oraz Sun Microsystems. W 1998, wraz z innym znanym specjalistą od interfejsów, Donaldem Normanem założył firmę konsultingową, Nielsen Norman Group. Od początku lat 90. Nielsen zajmuje się użytecznością serwisów internetowych. W 1995 założył serwis UseIt.com, w ramach którego co dwa tygodnie publikuje felietony Alertbox.

Więcej informacji: https://pl.wikipedia.org/wiki/Jakob_Nielsen

Funkcjonalność witryn internetowych

Funkcjonalność witryn internetowych


HCI (ang. Human-Computer Interaction) zasada projektowania witryn internetowych opierająca się o wykorzystywanie wiedzy na temat człowieka (zachowania, ograniczeniach).

UCD (ang.User Centered Design) metoda projektowania witryn internetowych zorientowanych na użytkownika wykorzystujące wiedzę o percepcji człowieka w relacjach z komputerem.

GUI (ang. Graphic User Interface)
Jest to efekt końcowy połączenia HCI oraz UCD.

wtorek, 22 września 2015

Dzisiejszy post będziemy poświęcony interfejsowi GUI.

Na początek: Czym jest GUI ?

 Jest to graficzny interfejs użytkownika (graphical user interface), czyli sposób prezentacji informacji przez 
komputer z użytkownikiem, najważniejszym elementem graficznego interfejsu jest okno programu. Użytkownik komunikuje się z aplikacją za pomocą myszy i klawiatury.

Żródło: https://pl.wikipedia.org/wiki/Graficzny_interfejs_u%C5%BCytkownika



Krótka historia interfejsu GUI:

Interfejs graficzny został wymyślony przez przedsiębiorstwo Xerox w latach 70. XX wieku w laboratorium PARC.



Zastosowanie GUI na stronach internetowych:

Na początku przeważały elementy tekstowe nad grafikami. Obecnie proporcje te zamieniły się w drugą stronę i dziś możemy obserwować więcej elementów graficznych niż zwykłego tekstu.


Kiedyś i dziś:
http://natemat.pl/91623,to-byly-czasy-zobacz-internet-sprzed-kilkunastu-lat-jak-zmienialy-sie-onet-wp-interia-allegro



http://wp.pl

niedziela, 13 września 2015

Określanie kolorów.

Mamy trzy sposoby definiowania kolorów w internecie:
    - RGB
    - po angielsku
    - w systemie szesnastkowym

By uzyskać kolor biały i czarny w systemie RGB i szesnastkowym zapis wartości natężenia koloru powinien wyglądać w następujący sposób:  



Zamiana RGB na kod szesnastkowy:
Wynik: #C9640A


Zamiana kodu szesnastkowego na RGB:
Wynik: (201, 100, 10)

Witam. Na tym blogu będę zamieszczał notatki z lekcji oraz prace wykonane przez ze mnie.

Podział i zastosowanie grafiki komputerowej.

Podział ze względu na typ grafiki:

Podział ze względu na kolor:


Podział ze względu na typ plików:

Podział ze względu na programy graficzne: