Adobe Xd: lage prototype på app

Vi har nå fått oppgave å lage en prototype på en App for en Smartelefon eller prototype på nettside for Datamaskin/Nettbrett/Mobil.

Jeg valgte da å lage en  prototype på en app.

Ideen:
Jeg satt litt å tenkte før jeg bestemte meg for å lage en app for digitale resepter.  Ideen med denne er at du skal ha muligheten til kunne se på alle reseptene du har og når de går ut. Du skal også ha muligheten til å Hente ut nye medisiner ved bruk av E-resepter, hvor du bare skriver inn navnet på medisinen, klikker på hent ut medisiner og så for du varsler når de kan hentes.

Arbeidet:
Jeg startet med å tenke ut hvordan appen skulle se ut. Det viste seg etter hvert at ting tok lenger tid en forventet. En av grunnene til dette var fordi jeg endret på ting for at det skulle bli fint og enkelt å bruke siden dette er en app som er tenkt at alle som har en smarttelefon eller et nettbrett kan bruke. i tillegg så ble noen av Artboardene veldig lange for at jeg skulle få inn alt jeg ville.
Etterhvert som jeg ble mer kjent med programmet synes jeg at det gikk bedre å jobbe med Adobe Xd

Hvis du vill teste ut app’en kan du klikke her:
Digitale resepter

Selv synes jeg at dette var en morsom oppgave ettersom jeg da fikk prøve et program jeg aldri har brukt før og det var gøy å lære noe nytt.

Branding oppgave

Vi hadde nå fått en branding oppgave hvor vi skulle lage en emballasje, flaske og logo til en Parfyme. Parfymen Hadde lukten av Tyri som kommer fra furutrær.

Tankeprosessen/brainstormingen:
Før jeg begynte å jobbe med selve produktet tenkte jeg på hvordan det skulle se ut. Jeg tenkte da at jeg skulle bruke de samme fargene som du finner på et furutre som er lyst brunt og mørkegrønt. Jeg kom ganske raskt fram til at emballasjen skulle være grønn med brun skrift. Flasken skulle se ut som trestammen til et furutre. (Dette ble jo senere endret). Jeg gikk også rundt i parfyme butikker for å se hvordan andre parfymer så ut.

Navn:
Navnet på parfymen er Furu. Jeg valgte å kalle den Furu fordi det tyri som er lukten av parfymen kommer fra furu. I tillegg tenkte jeg at det ville være et annerledes navn å  gi den i motsetning til alle di andre parfymene som ofte bruker franske eller engelske navn.

 

logoen:
Her kan du se logoene som er brukt på flasken og emballasjen. Den første er første er for flaske. Den har ikke svart bakgrunnsfarge på flaske, men dette var nødvendig her for å at den skulle være synlig, ettersom den teksten er hvit med litt gjennomsiktighet(opacity).
Logoen under er den som brukes på emballasjen, den har en lys brun farge.

Flasken:
Jeg prøvde først å lage en 3D flaske som skulle se ut som et furutre men dette viste seg etter hvert at ble vanskelig så jeg droppet det. —-
Jeg valgte da  heller å lage fronten på flasken. Dette ble da et bilde av en furuskog og med teksten Furu som er navnet på parfymen. Når jeg skrev navnet så brukte jeg brukte jeg en font som ser litt mannlig ut. Jeg ga den da hvit farge og skrudde ned opacity’en så den ble litt gjennomsiktig og du kunne se bakgrunnen.
På toppen lagde jeg den knappen(?) du trykker ned for å få ut parfymen. denne har den samme fargen som den delen som holder emballasjen sammen når den er lukket.
Jeg lagde så toppen på flasken. Denne er rund og er lys brun som innsiden på et furutre er. Så tok jeg å tegnet mørkere årringer. Når jeg tegnet disse tok jeg først å lagde Ellipser før jeg brukte Pencil Tool for å lage ellipser som ikke skal se nøyaktig ut. Dette er også noe man ser på alle trær at årringene ikke er nøyaktige når det kommer til høyde og bredde.
Her kan du se fronten av flasken:

Her kan du se  toppen av flasken:

 

Emballasjen:
Emballasjen endte jeg med å lage er helt rektangulær. Dette er ganske vanlig. Mange bokser har ofte bare et lokk du åpner på toppen før du så løfter ut det som er inni boksen. Jeg valgte å gjøre det annerledes ved å dele boksen på midten, så løfter du av den øverste delen av boksen. Jeg brukte fargene som et furutre har som da er mørkegrønt som brukes over nesten hele boksen og lysebrunt som brukes på fonten.
Her kan du se fronten av Emballasjen når den er lukket:

Her kan du se fronten igjen når den er åpen:

Her kan du se siden av emballasjen:

Her kan du se toppen av den:

 

Moodboard:
Vi skulle også lage et moodboard i denne oppgaven, hvor vi skal prøve å dokumentere hvor vårt produkt skal befinne seg i dette markedet av parfymer. Jeg prøvde å gjøre dette ved å gjøre dette ved lage et moodboard basert på design.
Hvor den ene siden(X) hadde veldig vanlig design, som for eksempel rene rektangulære og runde flasker. Mens den andre siden(Y) hadde spesielle design. Bildene jeg har brukt på moodboard’et har jeg tatt selv.
Jeg er usikker på om jeg gjorde det riktig.
Har har du moodboard’et:

Branding Oppgave del 1 skisser

Vi har har nå fått en oppgave hvor vi skal lage en Emballasje, Flaske, navn og Logo for en Parfyme.  Parfymen skal lukte som Tyri som er lukte Furutrær sprer rundt om seg.

Først lagde jeg to forslag til to logoer med et navn, men disse synes jeg ikke ble noe fine.
Når jeg lagde logoen og tenkte på navnet tenkte jeg først på det skulle være et selskap som skulle komme fra nord. dette kommer også frem i navnet. Så lagde jeg selve logoen som inneholder en parfyme. dette gjorde jeg for at den skulle bli annerledes og skille seg ut.

De to første forslagene/skissene:

Den andre Logoen som jeg er fornøyd med:

 

Foreløpig forpaking:

 

 

Parfyme Beholderen er laget til å se ut som et Furutre
Parfyme Beholder:

Designe vår egen Font

Vi fikk nå en oppgave hvor vi skulle designe/lage vår egen Font.
En Font er tekst som brukes hele tiden både digitalt på internett og i bøker.

Det finnes flere typer Fonter.
Det finnes Serif fonter hvor det stikker ut streker ut fra siden av fonten.  En av de mest Vanlige Serif fonten som blir brukt er Times New Roman:

Den Andre typen er Sans Serif som er mer stilren og da ikke har streker som stikker ut fra siden  av fonten.  En av de mest vanlige mest vanlige Sans Serif fontene er Helvetica/Arial:
Helvetica:

Arial:

Vi skulle lage fontene ved å først skisse på papir og så tegne over med tusj. når det var gjort skulle vi scanne det inn åpne bilde i Photoshop og lagre bilde i Tiff format  på 300 DPI(Dots Per Inch).
så skulle vi åpne bilde i ScanFont 5 hvor det skulle eksporters til en vfb fil. så skulle vi åpne filen i TypeTool 3. Her skulle vi gjøre ferdig fonten å få den til fungere med Operativsystemet/Datamaskinen og Tastaturet.

Når jeg åpnet bildet i ScanFont så det fint ut, men når jeg hadde eksportert det til en vfb fil og åpnet den i TypeTool, så det heller dårlig ut.

Jeg prøvde å lage flere fonter men det gikk ikke mye bedre.

Her er den første jeg lagde som skulle ha litt art deco design:

Så prøvde jeg meg på en til som skulle være enklere  med rette streker og noe blokkete: