Hanna Falkdal by Hanna Falkdal https://padlet.com/hanna_falkdal0018/h6n0y40carfc Digital Design en-us 2017-11-12 09:52:45 UTC 2023-03-16 16:17:28 UTC hello@padlet.com Uppgift 1A hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/209540682 Förståelse kring storleksförhållanden mellan olika element på en webbsida.

Originalet jag har försökt efterlikna är ETCs hemsida.

Hemsidan känns enhetlig och innehållsrik, utan att bli alltför rörig - så som en nyhetswebb ska vara!

Balans
  • Det som gör webbsidan balanserad är att det finns en samstämmighet i  färgskala (beige och grått i olika nyanser, vitt, svart och accentfärg röd och orange). Dessa färger jobbar bra med varandra och tävlar inte om att "skrika högst". Färgen i logotypen återupptas i text vilket ger tyngd och tillhörighet till själva varumärket ETC.
  • Sidan innehåller läsliga typsnitt, där typsnittsfamiljerna harmoniserar med varandra. Arial återfinns i brödtext och menyer samt på knappar och i fostren. Det klassiska seriftypsnittet Merriweather ger känsla av papperstidning. Jag återfinner 2-3 typsnitt i den bilden jag återskapat vilket känns lagom för att få variation, utan att skapa rörighet. Olika grader och skärningar bidrar också till variation.
  • Huvudnyheterna är något framträdande och placerade till vänster på sidan (ögat läser från vänster till höger så detta är det första man lägger märke till). Bilder till huvudnyheterna tar upp halva webbsidans bredd och är alltid i liggande format, vilket är återkommande.
  • Rubrikerna är i varierande storlekar, där huvudnyheten är störst, efterföljande av nyheter rangordnade i skala efter det som har mest nyhetsvärde.
  • Knapparna är likadana; alla är rektangulära. Detta harmoniserar med ETC logotypen också.

Avvikelser
  • Jag upplever inkonsekvens i kerning och spärrning. Ofta ihoptryckt text.  
  • Rubriken till nyheten i headern ser med ögonmått mätt likadan ut som den som är under menyraden, krönikan. Dock är headernyheten 1 pt mindre. 
  • Typsnittet i knappen "Tipsa oss" i headern är skrivet i feta gemener. Ingen annan knapp är skriven i feta gemener. 

Övriga tankar
På en nyhetswebb tillkommer det ständigt nytt material och huvudnyheterna byts ut på löpande band. Ofta är en nyhetswebb packad med mängder av viktig information och därför är det viktigt att utformningen lotsar läsaren att läsa nyheterna i en logisk följd, som dessutom känns harmonisk. Inte alltid helt enkelt! Men ETC har lyckats helt ok. Men bättre kan det bli! 

Detta var en Intressant uppgift! :)
]]> 2017-11-22 19:43:10 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/209540682 Logotypskiss hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210687115 För att komma på vad jag ville skapa för logotyp, samt vilket namn jag skulle välja så började jag med att fundera på vad jag associerar med arkitektur. Passare, stiliserat hus och pyramider var några av de idéer och tankar som dök upp. 

Därefter gick jag vidare med att göra något av idén med en passare (som är ett arkitektverktyg). Passaren såg ut som ett A och därför tänkte jag att namnet på arkitektfirman kunde börja med eller innehålla bokstaven A, därav testade jag namnet Amazing Architecture, Amaze, MAD, Amore ...som i slutändan blev More design. För det var ju det jag höll på med. Jag bara skapade mer och mer associationer! :)

På den vägen är det!]]> 2017-11-27 22:16:04 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210687115 En av de tusen versionerna på en av de tusentals logotyperna... hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210687318 2017-11-27 22:16:55 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210687318 Inspiration webbsida hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210693186 Den här designen tilltalar mig främst eftersom jag tycker att den har en enhetlig och lekfull färgskala. Jag är även svag för övertoningar och infografik...]]> 2017-11-27 22:43:32 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210693186 hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210694378 Den här bilden  föll jag genast för. Den har ett unikt formspråk och en rolig idé med en fiskelina som löper genom hela designen på sidan.  
Jag vet inte om jag tänkte att detta skulle gå att applicera på min egen design, men det spelade mindre roll. Jag blev glad och peppad när jag såg den här designen! ]]> 2017-11-27 22:49:14 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210694378 hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210695419 Den här sidan tilltalade mig för att den är enkel, minimalistisk och lättförståelig. Det är en bra bas som jag ville anamma när det kommer till designen av min egen webbsida för arkitektur. Sidan andas seriositet och elegans!]]> 2017-11-27 22:54:49 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210695419 Skiss webbsida hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210696351 och här är min egen, lagom eleganta skiss! ;)

Jag kände rätt tidigt att jag ville ha platt design (inte så många utfasade knappar, eller överdrivet mycket skuggor). Platt design är snyggt tycker jag, sen känns det också proffsigt. 
Men för att inte det proffsiga ska bli alldeles för tråkigt ville jag försöka få till ett modernt snitt, utan att gå helt bananas....
Inte helt lätt! 

Skissen gjorde jag i ett tidigt stadie, och den slutgiltiga versionen ser inte riktigt likadan ut som skissen. Men jag har följt en del av mina idéer som jag hade från början. Du kan läsa mer om det i min arbetsbeskrivning.
Det jag inte hann göra i den slutgiltiga versionen av min webbsida, var att skapa en "slider" under husen/arkitektprojekten (se i mitten av bilden, mitt försök till att rita en byggnad). Jag ville att man skulle se huset i 3D och dra slidern för att se alla sidor. ]]> 2017-11-27 22:59:40 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210696351 Färdig logotyp hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210698052 När arbetsprocessen gått sin gilla gång så bestämde jag mig för att skapa en design som skulle anknyta till naturen.
 Arkitektfirman jag gör min webbsida till skapar design som hör hemma i outforskad natur och karga landskap. Där utmaningen ligger i att skapa arkitektoniska verk på platser med särskilda förhållanden, för människor som längtar efter vildmarksliv och som vill leva nära naturen.

Därför skapade jag en stilistisk, minimalistisk bild av berg med en röd soluppgång, som samtidigt är initialerna MD. Jag vill att logotypen ska kunna stå fritt även utan logotyp-texten (firmanamnet).

]]> 2017-11-27 23:09:30 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210698052 Färdig webbsida hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210700387 Här är en pdf med några olika delar från den färdiga hemsidan.
Notera att bilderna jag tagit med är dummy-bilder, och ska såklart varieras (för att visa alla fantastiska designprojekt MoreDesign arkitektfirma har åstadkommit).

Bild på personal kommer härifrån. Bild på hus hittas här. ]]> 2017-11-27 23:25:20 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/210700387 Sammanställning pdf hanna_falkdal0018 https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/211181596 2017-11-28 21:25:03 UTC https://padlet.com/hanna_falkdal0018/h6n0y40carfc/wish/211181596