{"id":7952,"date":"2023-11-07T20:43:14","date_gmt":"2023-11-07T20:43:14","guid":{"rendered":"https:\/\/fortuno.hr\/uvod-u-dizajn\/"},"modified":"2024-07-02T15:00:26","modified_gmt":"2024-07-02T15:00:26","slug":"uvod-u-dizajn","status":"publish","type":"post","link":"https:\/\/fortuno.hr\/eng\/introduction-to-design\/","title":{"rendered":"Introduction to design"},"content":{"rendered":"

Whether it's the App Store, Play Store, Microsoft Store, Steam or any other platform with apps \u2013 the thing is that there are tons of them, tens of thousands. A user goes looking for a specific application (it doesn't matter what it's for; whether it's a game, a program for Windows, for mobile phones...) and will come across tons of similar ones. How will a user (you, us, me...) choose an application? Rarely based on the listed features, much more often based on its appearance: what the application's interface looks like, what images are used, what is the trailer if it's a game, what colors are used. To shorten the introduction, to get to the point: design matters! Design is VERY important. <\/span><\/p>\n

 <\/p>\n

Just look at how much giant companies invest in design, in advertising alone: Samsung for their mobile phones, Microsoft for their laptops, games for their innovative and strange advertisements. All this should be designed in order to attract the target audience (be it the general population, young people, old people, women, students...). You have many definitions of design, but here is one that I personally like:<\/span><\/p>\n


\n"Design is a plan for creating a product or service with the intention of improving the human experience related to a specific problem."<\/em><\/span><\/span><\/p>\n


\nIn layman's terms: design is everything you see. The books on your desk \u2013 someone designed the covers, the pen you hold in your hand \u2013 even if it's the most basic model, someone designed the appearance and functionality, your cell phone \u2013 someone definitely designed the device, the desk \u2013 design, the house \u2013 design\u2026 Everything = design! Okay, maybe I'm getting a little carried away, but I'm trying to explain to you the importance of design. On a planet with seven and a half billion people, there are A LOT of products and it's important to stand out. Yes, functionality is important, but even if an app works perfectly, has a bunch of features, no bugs\u2026 but looks terrible, has a bad interface, the user experience (UX) is bad \u2013 the user will find another, next app. <\/span><\/p>\n

Okay, that's about the essence of design. Let's go about creating a design. The title of this blog post is 'introduction' for a reason, because creating a good design is not something you sit down, read the theory, find a tutorial or two and come up with the perfect design. If only it were that easy. Design takes a long time to learn, and you start by studying the things around you. You are literally looking at the details of how something is made, to return to the old examples: what is the cover of the book, what is the shape of the chemical, what are the dimensions of the mobile phone, where and how long are the legs of the table, what is the layout of the rooms in the house... I know it sounds basic and strange, but it is just as important - absorbing information. Of course, a more advanced step is the Internet, search for the design of things that interest you and study, analyze, remember, combine. Read! About design: what are the trends, what is coming, why something is the way it is in design, what is 'out', what users like. So, the first step is KNOWLEDGE.\u00a0<\/span><\/p>\n

Let's start designing! So you have the knowledge, you have the task: you know what needs to be designed. You have a specification, you have a detailed text of what the application should do, who it is for and all the necessary details. I will focus here on applications, because Fortuno deals with that, and you are probably interested in it since you are on our blog. Take a paper and a pen in your hands and sketch. Nothing complicated, just the position of the menu, buttons, images, texts, other elements. Sketch a lot of versions, try similar applications, get inspiration (don't copy!). Let the design sit on paper for a day or two - then come back to it with a fresh mind. Did you like one design? That's it? Start the program on your computer and let's design. Warning: here too there will be tons of revisions, improvements and additions. Are you wondering which program to use? There are lots of them, too many. Since this is a blog post based on personal experience, I will tell you which programs I use. Adobe Photoshop (it can easily be replaced by the Affinity Photo program) for design. And yes, I know it's not strictly for design (like, Adobe itself has a program called XD that's used for design), but when you grew up with Photoshop... Another interesting program with a few unique and useful features is Figma. A program designed exclusively for design. The great thing is that it has a browser and desktop version, and when you create your account - wherever you log in to Figma, your projects are there. So, it stores your designs online. Another useful program is Adobe Illustrator (which can easily be replaced by Affinity Designer). So those two programs, especially Designer, are very good for creating designs. They work in a different way, they use vector images and tools, instead of bitmaps. So now which program you know, or which program you're willing to learn, is up to you. I won't describe the programs too much, this is not a review of those programs. That's it, the second step: DESIGN.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Now, sometimes you also have an intermediate step, step 1.5. Preparation, as I mentioned at the beginning of the last chapter. Sometimes you have to do the preparation yourself, sometimes it is already done for you. It's your target audience research, colors and elements specific to the app you're working on. If it's not your application, asking the client what exactly he needs and creating a plan. So, making a specification.<\/span><\/p>\n

Let's say you have a design, you like it and you think you're done. Well, you're not quite. If it's an application for a client, check with them to see if you've made the design according to their wishes. Sometimes it happens that the design is according to the specification, but the client changes their mind and you have to redo the design. Then, check with a dozen people how they think the design looks. Maybe it's great to you, but people around you notice a few problems that you didn't. Of course, here you have to decide for yourself which feedback is useful, high-quality and which you will listen to. Filter subjective feedback from objective. And finally, be prepared to adjust the design later - whether it's due to additions, whether the developers can't do something, or for some third reason.\u00a0 <\/span><\/p>\n

Nothing, that's it for the introduction. Really, just the basics, just briefly, and maybe now written like this it sounds like it's easy to design an application (product)... Trust me, it just sounds easy. Feel free to leave questions, comments, and feedback below in the comments.<\/strong><\/span><\/p>\n

","protected":false},"excerpt":{"rendered":"

Bilo da se radi o App Store-u, Play Store-u, Microsoft Store-u, Steam-u ili bilo kojoj drugoj platformi s aplikacijama \u2013 stvar je u tome da ih ima tone, desetke tisu\u0107a. Korisnik ide tra\u017eiti odre\u0111enu aplikaciju (nije bitno za \u0161to je; radi li se o igri, programu za Windows, za mobitele\u2026) i nai\u0107i \u0107e na tone sli\u010dnih. Kako \u0107e korisnik (vi, mi, ja\u2026) odabrati aplikaciju? Rijetko kada na osnovu nabrojanih zna\u010dajki, puno \u010de\u0161\u0107e na osnovu izgleda: kako izgleda su\u010delje aplikacije, kakve su slike kori\u0161tene, kakav je for\u0161pan ako je igra, koje su boje kori\u0161tene. Da skratim uvod, da do\u0111em do sr\u017ei: dizajn je bitan! Dizajn je JAKO bitan.   Gledajte samo koliko gigantske kompanije ula\u017eu u dizajn, u reklamu samo: Samsung za svoje mobitele, Microsoft za svoje laptope, igre za svoje inovativne i \u010dudne reklame. Sve to treba dizajnirati kako bi se privukla ciljana publika (bila to op\u0107a populacija, mladi, stari, \u017eenske osobe, studenti\u2026). Definicija dizajna imate puno, no evo jedne koja je meni osobno draga: \u201eDizajn je plan kreiranja produkta ili usluge s namjerom pobolj\u0161avanja ljudskog iskustva u vezi specifi\u010dnog problema\u201c. Lai\u010dki: dizajn je sve \u0161to vidite. Knjige na va\u0161em stolu \u2013 netko je radio dizajn na naslovnice, kemijska koju dr\u017eite u ruci \u2013 \u010dak i ako je najosnovniji model, netko je radio dizajn izgleda i funkcionalnosti, mobitel va\u0161 \u2013 netko je itekako radio dizajn za ure\u0111aj, stol \u2013 dizajn, ku\u0107a \u2013 dizajn\u2026. Sve = dizajn! Okej, mo\u017eda sam se malo zanio, ali vam poku\u0161avam objasniti va\u017enost dizajna. Na planeti sa sedam i po’ milijuna ljudi, postoji JAKO puno produkata i va\u017eno je izdvojiti se. Da, funkcionalnost je bitna, ali \u010dak i ako aplikacija radi savr\u0161eno, ima hrpu zna\u010dajki, nema bugova\u2026 ali izgleda u\u017easno, ima lo\u0161e su\u010delje, korisnikovo iskustvo (UX) je lo\u0161e \u2013 korisnik \u0107e na\u0107i drugu, sljede\u0107u aplikaciju. Dobro, to je o bitnosti dizajna. Idemo o kreiranju dizajna. Naslov ovog blog posta je s razlogom ‘uvod’, jer kreirati dobar dizajn nije ne\u0161to \u0161to sjednete, pro\u010ditate teoriju, prona\u0111ete tutorijal ili dva i sklepate savr\u0161eni dizajn. Da je barem tako lagano. Dizajn se u\u010di dugo, a po\u010dnete od prou\u010davanja stvari oko vas. Doslovno gledate detalje kako je ne\u0161to napravljeno, da se vratim na stare primjere: kakve su korice knjige, kakav je oblik kemijske, koje su dimenzije mobitela, gdje i koliko su duge no\u017eice stola, koji je raspored soba u ku\u0107i\u2026 Znam da zvu\u010di osnovno i \u010dudno, ali to je isto bitno \u2013 upijanje informacija. Naravno, napredniji korak je Internet, tra\u017eite dizajn stvari koje vas zanimaju i prou\u010davajte, analizirajte, pamtite, kombinirajte. \u010citajte! O dizajnu: koji su trendovi, \u0161to dolazi, za\u0161to je ne\u0161to tako kako je u dizajnu, \u0161to je ‘out’, \u0161to korisnici vole. Zna\u010di, prvi korak je ZNANJE.\u00a0 Idemo po\u010deti dizajnirati! Zna\u010di imate znanje, imate zadatak: znate \u0161to treba dizajnirati. Imate specifikaciju, imate detaljni tekst \u0161to aplikacija treba raditi, za koga je i sve potrebne detalje. Fokusirat \u0107u se ovdje na aplikacije, jer Fortuno se bavi time, a i Vas vjerojatno to zanima po\u0161to ste na na\u0161em blogu. Papir i olovku u ruke i skicirajte. Ni\u0161ta komplicirano, samo pozicija menija, tipki, slika, tekstova, ostalih elementa. Skicirate puno verzija, probajte sli\u010dne aplikacije, dobijte inspiraciju (nemojte kopirati!). Ostavite neka stoji dizajn na papiru dan-dva \u2013 pa se vratite na njega sa svje\u017eim umom. Sjeo vam je jedan dizajn? To je to? Program na ra\u010dunalu palite i idemo dizajnirati. Upozorenje: i ovdje \u0107e biti tone prepravki, unaprje\u0111ivanja i nadopunjavanja. Zanima vas koji program koristiti? Ima ih punoooo, previ\u0161e. Po\u0161to je ovo blog post na osnovu osobnog iskustva, re\u0107i \u0107u vam koje programe ja koristim. Adobe Photoshop (njega lako zamijeni Affinity Photo program) za dizajn. I da, znam da nije striktno namijenjen dizajnu (tipa, sam Adobe ima program XD koji se koristi za dizajn), ali kada ste odrasli uz Photoshop\u2026 Jo\u0161 jedan zanimljiv program s par unikatnih i korisnih zna\u010dajki je Figma. Program namijenjen isklju\u010divo za dizajniranje. Odli\u010dna stvar je \u0161to ima browser i desktop verziju, i kada napravite svoj korisni\u010dki ra\u010dun \u2013 gdje god se ulogirate u Figmu, va\u0161i projekti su tamo. Zna\u010di, online \u010duva va\u0161e dizajnove. Jo\u0161 jedan koristan program je Adobe Illustrator (njega pak lako zamjeni Affinity Designer). Zna\u010di ta dva programa, pogotovo Designer, su jako dobri za kreiranje dizajna. Rade na druga\u010diji na\u010din, koriste vektorske slike i alate, umjesto bitmapa. Pa sad koji program znate, ili koji program ste spremni nau\u010diti, to je do Vas. Ne\u0107u vam previ\u0161e opisivati programe, ovo nije recenzija tih programa. To je to, drugi korak: DIZAJN.     Sad, nekada imate i me\u0111ukorak, korak 1.5. Priprema, kao \u0161to sam spomenuo na po\u010detku pro\u0161log poglavlja. Nekada morate sami raditi pripremu, nekada vam je ve\u0107 napravljena. To vam je istra\u017eivanje ciljane publike, boja i elemenata specifi\u010dnih za aplikaciju koju radite. Ako nije va\u0161a aplikacija, ispitivanje klijenta \u0161to mu to\u010dno treba i kreiranje plana. Dakle, izrada specifikacije. Recimo da imate dizajn, svi\u0111a vam se i mislite da ste gotovi. Paaaa, i niste ba\u0161. Ako je aplikacija za klijenta, provjerite s njim jeste li napravili dizajn po njegovim\/njezinim \u017eeljama. Nekada \u0107e se dogoditi da dizajn je po specifikaciji, ali je klijet promijenio mi\u0161ljenje i morate prepraviti dizajn. Zatim, provjerite s desetak ljudi kako se njima dizajn \u010dini. Mo\u017eda je vama odli\u010dan, ali ljudi oko vas primijete par problema koje vi niste primijetili. Naravno, ovdje morate sami donijeti odluku koji feedback je koristan, kvalitetan i koji \u0107ete poslu\u0161ati. Filtrirate subjektivni feedback od objektivnog. I za kraj, budite spremni prilagoditi dizajn kasnije \u2013 bilo da je zbog dopuna, bilo da programeri ne\u0161to ne mogu napraviti, bilo da je neki tre\u0107i razlog.\u00a0 Ni\u0161ta, to je to od uvoda. Zbilja, samo osnovno, samo ukratko i mo\u017eda sada ovako napisano zvu\u010di kao da je lagano dizajnirati aplikaciju (produkt)\u2026 Vjerujte mi, samo zvu\u010di lagano. Pitanja, komentare, feedback slobodno ostavite dolje u komentarima.<\/p>","protected":false},"author":7,"featured_media":11862,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[285],"class_list":["post-7952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-arhiva"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/posts\/7952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/comments?post=7952"}],"version-history":[{"count":3,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/posts\/7952\/revisions"}],"predecessor-version":[{"id":11863,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/posts\/7952\/revisions\/11863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/media\/11862"}],"wp:attachment":[{"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/media?parent=7952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/categories?post=7952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fortuno.hr\/eng\/wp-json\/wp\/v2\/tags?post=7952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}