KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM

NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI

IZRADA LOGO-A I WEB SAJTA ZA ELEKTROINSTALATERA,

KORIŠĆENJEM SOFTVERSKOG ALATA
AFFINITY DESIGNER I WORDPRESS-A
Agota Šurjan1, Nenad Janjić2

Rezime: Affinity Designer je jedan od (relativno) novih softvera za vektorsku grafiku koji je odliĉan za grafiĉki
dizajn, web dizajn i UI/UKS dizajn. Ovaj softver se koristi za grafiĉki dizajn za kreiranje ikona, logotipa, crteţa i
drugog štampanog ili digitalnog vizuelnog sadrţaja. Affinity Designer je kombinacija Photoshop-a i Adobe
Illustrator-a. WordPress je program otovorenog koda koji se moţe upotrebiti za kreiranje i odrţavanje modernog
web sajta, ĉak i ako ne postoji tehniĉko iskustvo. WordPress je besplatan, lak za upotrebu i sadrţi fantastiĉne
funkcije. Moţe da se nalazi na serveru koji pripada kompaniji za hosting web sajta. U ovom radu analizirano je
kako treba napraviti logo za firmu preko programa Affinity Designer i sajt u WordPressu. Veoma je vaţno da se
poseduje profesionalna veb stranica, jer bez dobre stranice neće privući potencijalne klijente da se opredele
upravo za vaše usluge i upoznaju se sa vašom ponudom.

Ključne reči: Affinity Designer,WordPress, logo, reklamiranje

CREATION OF LOGO AND WEBSITE FOR ELECTRICAL

INSTALLER USING SOFTWARE TOOLS
AFFINITY DESIGNER AND WORDPRESS
Abstract: Affinity Designer is one of the (relatively) new vector graphics software that is great for graphic
design, web design and UI/UX design. This software is used for graphic design to create icons, logos, drawings
and other printed or digital visual content. Affinity Designer is a combination of Photoshop and Adobe
Illustrator. WordPress is an open source program that you can use to create and maintain a modern website, even
if you have no technical experience. WordPress is free, easy to use and packed with fantastic features. It may be
located on a server belonging to a website hosting company. This paper analyzes how to create a logo for a
company using the Affinity Designerand a website in WordPress. It is very important to have a professional
website, because without a good website, you will not attract potential clients to opt for your services and
familiarize themselves with your offer.

Key words: Affinity Designer,WordPress, logo, advertising

1. UVOD
Vlasnici malih firmi ĉesto su prezauzeti, pa nemaju dovoljno vremena za promocije. Ipak
promocije dovode klijente na vrata. Uz pomoć Interneta kao kanala poslovne komunikacije, Internet
marketing predstavlja skup strategija i tehnika u cilju reklamiranja. Internet marketing koristi direktni
marketing oslonjen na informatiĉku tehnologiju i rast i razvoj telekomunikacija.
Affinity Designer postaje ozbiljan kandidat za preuzimanje titule najpodesnijeg programa za
pripremu web grafike. Interfejs odaje utisak modernosti оsim toga, njegovi alati su intuitivniji i imaju
više unapred podešenih alata od Adobe Illustrator-a.
WordPress se razvija iz danau dan kako bi poboljšao svoj korisniĉki interfejs i mogućnosti.
WorPress je definitivno platforma broj jedan za izradu svih vrsta sajtova od prezentacija firmi,
proizvoda ili usluga do izrade profi online prodavnica i tako dalje. Sve je dostupno na srpskom jeziku.
U drugom poglavlju će biti opisanošta je Affinity Designer, prednosti i slabosti, i biće prikazano
kako izgledaju gotovi logoi za elektorinstalatera i baner za veb sajt. U trećem poglavlju će biti opisano
šta je WordPress. U poslednjem poglavlju će biti prikazano kako izgleda gotov sajt za
elektroinstalatera.

1
student, Visoka tehniĉka škola strukovnih studija, Novi Sad, Školska 1, ballaagota@gmail.com
2
nastavnik, Visoka tehniĉka škola strukovnih studija, Novi Sad, Školska 1, janjic@vtsns.edu.rs

73
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI
2. ŠTA JE AFFINITY DESIGNER
Affiniti Designer je već neko vreme razvijao Serif Labs sa sedištem u Engleskoj kao pristupaĉnu
alternativu Adobe Illustratoru. Affiniti Designer je moćan grafiĉki softver koji radi i sa vektorskom i
sa rasterskom grafikom, stoga je univerzalniji. Postavlja novi industrijski standard u svetu dizajna.
Program Affiniti Designer moţe se koristiti u razliĉite svrhe.Definisan kao najtaĉniji i najbrţi softver
za grafiĉki dizajn na trţištu. [1]
Kompatibilan sa Windows, Mac, i iPad.Super glatka aplikacija puna funkcija je izbor hiljadu
profesionalnih ilustratora, veb dizajnera, programera igara i drugih kreativaca koji ţele da kreiraju
koncept umetnosti visokog kvaliteta, odliĉan za kreiranje marketinških materijala,projekte za štampu,
logotipe, ikone, bedţeva, dizajn korisniĉkog interfejsa, makete i još mnogo toga. [2] Na slici 1. moţete
videti logo Affinity Designera.

Slika 1. logoАffinity Designer3

Ovaj softver ima impresivan skup alata i funkcija, kao i tri odvojena reţima: Pikel, Vector i Ekport.
Još jedna pogodna karakteristika je mogućnost da se projekat saĉuva zajedno sa njegovom istorijom .
Affiniti Designer ima odliĉan zum do 1.000.000% koji moţete koristiti bez gubitka kvaliteta slike.[3]
Lako je izvesti svoje dizajne u više formata, odnosno: PNG, JPG, PDF, EPS, EXR, HDR, TGA,
GIF, TIFF, WMF, DWG/DXF, PSD i SVG.
2.1. Affinity Designer: prednosti i slabosti
Besplatna distribucija : Affiniti Designer je moguće besplatno preuzeti sa njihovog zvaniĉnog
sajta. Moţete testirati njegovu funkcionalnost i odluĉiti da li ţelite da ga koristite za rad sa vektorskom
grafikom.
Upravljanje bojama. Mnogi korisnici smatraju da je ova funkcija veoma vaţna. Affiniti Designer
radi u RGB ili LAB prostorima boja i podrţava do 32 bita po kanalu. Osim toga, podrţava Pantone
boje koje ukljuĉuju CMYK i ICC profile upravljanja bojama.
Napredne funkcije mreţe. Affiniti Designer nudi skoro neograniĉene mogućnosti za korišćenje
mreţe. Moţete da prilagodite intervale , ćelije, praznine, uglove i još mnogo toga . Štaviše, moguće je
koristiti kolone, vodiĉe za stranice i izometrijske mreţe.
Dostupno za sve OS. Serif proizvod kompatibilan sa svim operativnim sistemima. Affiniti je
dostupan za Windows, Mac i iPad. Dakle, moţete raditi sa istom datotekom na razliĉitim ureĊajima.
Neverovatne mogućnosti zumiranja. Kada radite sa vektorskom grafikom, dobar zum je izuzetno
vaţan. Afinitet vam omogućava da povećate sliku do 1.000.000% bez ugroţavanja njenog kvaliteta.

3
https://affinity.serif.com, april 2023.

74
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI
Mogućnost rada sa rasterskom grafikom . U Affiniti Designer-u moţete da radite i sa vektorskom i
sa rasterskom grafikom, što znatno pojednostavljuje rad. Moguće je prebacivanje izmeĊu vektorskog i
rasterskog radnog prostora jednim klikom.
8000+ istorijskih koraka. Kada radite sa Affiniti Designer-om, ne brinite ako ste napravili neku
grešku. Ovaj program ima 8000+ koraka istorije, tako da moţete poništiti veliki broj radnji.
Nema alata za kreiranje šablona. Nemoguće je napraviti obrazac u Affiniti Designer-u. Neki dizajni
zahtevaju upotrebu arhitektonskih konstrukcija da bi se pojednostavio rad zbog gotovih apstrakcija.
Sloţen korisniĉki interfejs. Affiniti Designer ima sloţeniji dizajn jer ne liĉi ni na jedan drugi
program i ima strmu krivu uĉenja. [4]
Affiniti Designer je odliĉan, ali ovaj program nije pogodan za sve korisnike. Ovo je odliĉan softver
za vektorsku grafiku sa impresivnim skupom alata . MeĊutim, nekim poĉetnicima će biti teško da
shvate sve njegove karakteristike jer Affiniti ne nudi mnogo tutorijala.
Ako ste profesionalni dizajner , lako ćete se nositi sa njegovim funkcijama . Štaviše, iPad i desktop
verzije Affiniti Designer -a će vam omogućiti da izvršite bilo koji zadatak u vezi sa vektorskom
grafikom.
Ako se profesionalno bavite kreiranjem vektorske grafike , korišćenje Illustrator -a će biti bolji
izbor. Ovaj softver je pogodan za kreiranje web dizajna i sliĉnih zadataka. TakoĊe, ne moţe a da se ne
pomene alatka Pattern koja će vam omogućiti da znaĉajno pojednostavite svoj radni tok.
2.2. Gotovi logoi za elektorinstalatera
Dizajn logotipa ne poĉinje logom, već mnogo ranije temeljnim istraţivanjem. Logotip, odnosno
skraćeno logo je spoj grafiĉkih elemenata, simbola, ilustracija ili ikona koji oznaĉava proizvod,
uslugu, preduzeće, dogaĊaj, osobu, predmet ili ideju. To je karakteristiĉan simbol koji se moţe
sastojati od slova (razliĉitih tipografskih stilova), grafike i drugih kombinacija (dodatak slogana).
Oblici, boje, fontovi i ilustracije (slike) se uglavnom razlikuju od ostalih na sliĉnom trţištu. To je deo
vizuelnog identiteta kompanije i njegova uloga je stvaranje drugaĉije, jedinstvene slike na trţištu tj.
diferenciranje od ostalih.
Prvi cilj logotipa je trenutno prepoznavanje onoga što on oznaĉava (proizvod, uslugu, preduzeće,
dogaĊaj, osobu, predmet ili ideju). Krajnji cilj logotipa je njegov doprinos jaĉanju brenda što rezultira
većim uspehom firme.
Elektroinstalateru ne treba komplikovan logo za firmu . Ţivotni vek logotipa moţe biti dug , pa je
vaţno odabrati boje koje su vanvremenske i neće brzo izaći iz mode. Potrebno je utvrditi kome je logo
namenjen i kakvu delatnost predstavlja. Vaţno je razumeti znaĉenje i efekat razliĉitih oblika kao što su
ravni, zakrivljeni, okrugli i kvadratni. Na primer krug predstavlja najuniverzalniji simbol, jedinstvo,
potpunost, savršenstvo, veĉnost pojavljuje se na ovom jednostavnom crteţu. Oslikava funkcionisanje
sveta, ciklus ţivota, kretanje planeta, protok vremena.Dobar logo je onaj koji moţemo da
reprodukujemo slobodnom rukom!
Na slici 2. moţete videti logoi za firmu. Elektroinstalater je izabrao 3. logo za firmu.

Slika2. Logoi za firmu preko programa Affinity Designer

2.3. Zaglavlje (Header) za firmu elektroinstalatera

Header sajta je zaglavlje tj. vrh veb stranice. Poţeljno je da sadrţi logo koji se nalazi uvek na istoj
poziciji unutar headera. Header predstavlja najviše pozicionirani element veb stranice. Bitna

75
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI
karakteristika zaglavlja je što je to element koji ostvaruje prvi vizuelni kontakt sa posetiocem. Povezan
je sa poĉetnom stranicom tako da u svakom trenutku klikom na logo dolazite na poĉetnu (Home)
stranicu.
Poţeljno je da je zaglavlje i podnoţje (footer) uvek na istoj poziciji na veb stranicama unutar jednog sajta
jer se na taj naĉin pokazuje posetiocima da su stranice koje posećuju deo jedne iste veb prezentacije.
Zaglavlje i podnoţje su isti na svakoj stranici i nalaze se na svim stranicama. U sebi sadrţe najvaţnije
informacije na sajtu. [5]
Prilikom dizajniranja zaglavlja veb stranice moţe se uzeti u obzir nekoliko verzija:
1. tradicionalno zaglavlje, gde se logotip, naziv kompanije i opšte informacije mogu prikazati u
gornjem delu veb stranice.
2. zaglavlje veb stranice je slika, a logotip i opšte informacije se nalaze na slici.
3. druga vrsta zaglavlja je kada u zaglavlje stavljamo samo logo, i zbog toga se veći naglasak stavlja
na logo i proizvode.
4. postoje sluĉajevi kada ne istiĉemo zaglavlje jer je primarni fokus na proizvodu.
Na slici 3. je zaglavlje za firmu elektroinstalatera.

Slika 3. Zaglavlje za firmu elektroistalatera

3. WORDPRESS
U maju 2003. pojavio se WordPress, i ušao u istoriju interneta. Kao zajedniĉki rad Meta Malenvega
(Matt Mullenweg) i Majka Litla (Mike Little) kao ţelja za kvalitetnom i svima dostupnom platformom
za liĉno izdavaštvo, baziranom na PHP-u i MySQL-u. Iako je WordPress zapoĉet kao softver za
blogovanje i trenutno postoji primarno kao sistem za upravljanje sadrţajem, izrastao je u fleksibilnu i
sposobnu platformu za izgradnju veb aplikacija. WordPress je program otvorenog koda, korisnici ga
mogu menjati prema svojim potrebama. Instalacija je besplatna, jednostavna i traje svega nekoliko
minuta. WordPress je sistem šablona. WordPress koristi sistem veb šablona putem procesora šablona.
[6]
WordPress je izuzetno popularan zbog svoje lakoće korišćenja. Ipak, to je samo jedna od mnogih
dobrih osobina zbog kojih se mnogi odluĉuju za ovaj CMS. S obzirom na to da 43,2% sajtova na svetu
koristi WordPress, jasno je da je reĉ o najpopularnijem CMS-u na svetu.[7]
Kao većina interfejsa sa mnogobrojnim sadrţajima, WordPress moţe delovati kao komplikovan za
uĉenje, zbog svih svojih sadrţaja i svih svojih mogućih podešavanja. Zadatak oduzima mnogo manje
vremena nego što to izgleda, za ĉas moţete imati dinamiĉni sajt koji je lako apdejtovati i koji moţe
sazrevati sa vama.[8]
Menjanje izgleda i dodavanje sadrţaja moţe biti uraĊeno u nekoliko minuta i vaţne promene u
konfiguraciji mogu biti uraĊene promenom nekoliko fajlova. Uz dobro poznavanje softvera, moguće je
realizovati bilo kakvu ideju.
Pri tome ne smemo zaboraviti ono najvaţnije: moţe biti bez obzira koliko je lep šablon koji smo
izabrali, naša podešavanja su idealna, moţemo da ga koristimo sa najnaprednijim dodacima sa najviše
funkcija ako sadrţaj nije zanimljiv za naše posetioce, tada je sve uzalud.
WordPress veb lokacija zahteva stalnu brigu: moramo da obezbedimo bezbednosna aţuriranja
instalacije, sadrţaj mora biti aţuriran po potrebi i ako ţelimo da se posetioci vraćaju, onda moramo
redovno da objavljujemo sveţe postove, fotografije. Redovnom negom meĊutim, WordPress će vam
takoĊe biti zahvalan: moţe da okupi zajednice, uĉini naše poslovanje uspešnijim, na nama je šta ćemo
od toga napraviti.[9]

76
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI
Na slici 4. je zaronite u prednosti WordPress-a.

Slika 4. Zaronite u prednosti WordPress-a[10]

4. SAJT U WORDPRESS-U ZA ELEKTROINSTALATERA

Sajt je namenjen da sluţi usluge i reklamu elektroinstalateru. Sajt je osmišljena tako da bude sa
puno fotografija šta sve majstor radi. Kontakt informacija telefon je klikabilna. Nema potrebe da mapa
pokazuje lokaciju vlasnika, zatošto elektroinstalater radi na terenu. Na slici 3 se vidi mogućnost
podjednake preglednosti u sluĉajevima kada se sajt posećuje sa ureĊaja koji imaju razliĉite dimenzije
ekrana (mobilni, tablet, lap-top, itd.). Na slici 5. i 6. su prikazane poĉetne strane sajta sa razliĉitom
dimenzijom ekrana.

Slika 5. Početna stranasa različitom dimenzijom ekrana

77
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI

Slika 6. Početna strana sa različitom dimenzijom ekrana

5. ZAKLJUČAK
Affiniti Designer, pristupaĉna alternativa Adobe Illustratoru. Meni se liĉno više sviĊa Affiniti
Designer. I zato sam i u Affiniti Designer-u napravila logoe za elektoinstalatersku firmu i zaglavlje za
firmu elektroinstalatera. Jedino nedostaje materijal na srpskom jeziku.
Ovaj rad daje pregled stvaranja idealne WordPress veb stranice jer jednostavno pronaći je
kombinacijom podešavanja i ekstenzija koja najbolje sluţi našim svrhama , i sve u jednom
predstavljamo ga našim posetiocima koristeći lep , transparentan šablon. Zahvaljujući WordPressu,
dodatne funkcionalnosti koje bi naknadno bile osmišljene od strane elektroinstalatera bi se veoma lako
mogle nadograditi. Kroz ovaj rad prikazan je jedan od naĉina izrade kompletnog veb sajta koji
poseduje sve neophodne elemente za punu funkcionalnost, koji je dobro obezbeĊen i koji zadovoljava
sve zahteve savremenog veb dizajna.
Ako traţimo tajnu njegove ogromne popularnosti, izvesa je slobodna dostupnost, ogromna
zajednica koja je toliko karakteristiĉna za projekte otvorenog koda i gotovo neograniĉene mogućnosti
modifikacije igraju znaĉajnu ulogu u tome.

6. LITERATURA
[1] https://affinity.serif.com, februar 2023.
[2] Frank Walters: The Affinity Designer a step-by-step beginner’s guide, Kuhlman, 2022.
[3] https://blog.templatetoaster.com/use-affinity-designer-illustrator/, mart 2023.
[4] https://fixthephoto.com/affinity-designer-vs-illustrator.html, mart 2023.
[5] Karol Krol: WordPress 4.x u celosti, Kompjuter biblioteka - Beograd, 2015.

78
 KONFERENCIJA SA MEĐUNARODNIM UĈEŠĆEM
NAPREDNE TEHNOLOGIJE U OBRAZOVANJU I PRIVREDI
[6] Tris Husseu: Nauĉite wordpress, Que Mikro knjiga, Beograd, 2011.
[7] https://w3techs.com/, mart 2023.
[8] Toma László: WordPress alapismeretek, E-Közigazgatási Szabad Szoftver Komperecia Központ,
2013.
[9] https://wordpress.org/, februar 2023.
[10] [10]https://www.infowindtech.com/manifold-benefits-of-wordpress-in-website-development/,
mart 2023.

79