Flat 2.0 webdesign: Forskjell mellom sideversjoner

Ingen redigeringsforklaring
Ingen redigeringsforklaring
 
(3 mellomliggende sideversjoner av samme bruker vises ikke)
Linje 2: Linje 2:


[[Fil: 3D-vs flat-webdesign.png]]
[[Fil: 3D-vs flat-webdesign.png]]
''3D-webdesign vs. flat webdesign''


==3D vs. flat webdesign==
==3D vs. flat webdesign==
Linje 38: Linje 36:
Designtrender kommer og går, og en grunn til å vurdere 3D-webdesign, er at det kan gjøre innholdet, eller hele nettstedet ditt, til en mer spennende og minneverdig opplevelse for publikum. De fleste nettsteder er fortsatt flate, så et nettsted som inkluderer 3D-webdesign vil umiddelbart fascinere besøkende og holde dem engasjerte (Nelson, 2022). I dag er det flere forskjellige måter man kan lage 3D-webdesign på, og alle er betydelig enklere enn tidligere teknologier. Men uansett hvor visuelt tiltalende en designstil måtte være, hvis den ikke representerer identiteten til organisasjonen, eller bedriften, når den ikke formålet sitt. Media fremhever noen fordeler og ulemper med både flat UI- og 3D UI-design (Theara, 2023):
Designtrender kommer og går, og en grunn til å vurdere 3D-webdesign, er at det kan gjøre innholdet, eller hele nettstedet ditt, til en mer spennende og minneverdig opplevelse for publikum. De fleste nettsteder er fortsatt flate, så et nettsted som inkluderer 3D-webdesign vil umiddelbart fascinere besøkende og holde dem engasjerte (Nelson, 2022). I dag er det flere forskjellige måter man kan lage 3D-webdesign på, og alle er betydelig enklere enn tidligere teknologier. Men uansett hvor visuelt tiltalende en designstil måtte være, hvis den ikke representerer identiteten til organisasjonen, eller bedriften, når den ikke formålet sitt. Media fremhever noen fordeler og ulemper med både flat UI- og 3D UI-design (Theara, 2023):


*Flatt UI-design
*'''Flatt UI-design'''
**Vektlegger minimalisme og estetikk.
**Vektlegger minimalisme og estetikk.
**Gir et ryddig og distraksjonsfritt grensesnitt.
**Gir et ryddig og distraksjonsfritt grensesnitt.
Linje 46: Linje 44:
**Forblir en populær designtrend.
**Forblir en populær designtrend.
**Laster raskt i både nettlesere og applikasjoner.
**Laster raskt i både nettlesere og applikasjoner.
*3D UI-design
*'''3D UI-design'''
**Tilbyr mer realisme med lyseffekter og simulering av virkelige objekter.
**Tilbyr mer realisme med lyseffekter og simulering av virkelige objekter.
**Gir naturlige utseender som trestruktur eller metallstiler.
**Gir naturlige utseender som trestruktur eller metallstiler.
Linje 66: Linje 64:
*Theara, Kim (2023-07-27). ''The Battle of Aesthetics: Flat UI vs. 3D UI Design''. [online] Medium. Tilgjengelig på: https://medium.com/design-bootcamp/the-battle-of-aesthetics-flat-ui-vs-3d-ui-design-334f965a4080 [Besøkt 11. apr. 2026]
*Theara, Kim (2023-07-27). ''The Battle of Aesthetics: Flat UI vs. 3D UI Design''. [online] Medium. Tilgjengelig på: https://medium.com/design-bootcamp/the-battle-of-aesthetics-flat-ui-vs-3d-ui-design-334f965a4080 [Besøkt 11. apr. 2026]
*Alqahtani, Alwaleed (2023). ''3D Modeling: History, Software Types, and Techniques''. [online] Medium. Tilgjengelig på: https://medium.com/@alwalxed/3d-modeling-history-software-types-and-techniques-ae2db9f095c1 [Besøkt 11 apr. 2026].
*Alqahtani, Alwaleed (2023). ''3D Modeling: History, Software Types, and Techniques''. [online] Medium. Tilgjengelig på: https://medium.com/@alwalxed/3d-modeling-history-software-types-and-techniques-ae2db9f095c1 [Besøkt 11 apr. 2026].
-x3dom.org. (s.d.). - x3dom.org. [online] Tilgjengelig på: https://www.x3dom.org/ [Besøkt 11 apr. 2026].
*-x3dom.org. (s.d.). ''- x3dom.org''. [online] Tilgjengelig på: https://www.x3dom.org/ [Besøkt 11 apr. 2026].
*Jesse (2024). ''Skeuomorphic Design: A Complete Guide & 20 Best Examples''. [online] Mockplus.com. Tilgjengelig på: https://www.mockplus.com/blog/post/skeuomorphic-design-examples [Besøkt 11 apr. 2026].
*Jesse (2024). ''Skeuomorphic Design: A Complete Guide & 20 Best Examples''. [online] Mockplus.com. Tilgjengelig på: https://www.mockplus.com/blog/post/skeuomorphic-design-examples [Besøkt 11 apr. 2026].
*Figma. (s.d.). ''What is skeuomorphism?''. [online] Tilgjengelig på: https://www.figma.com/resource-library/what-is-skeuomorphism/ [Besøkt 11 apr. 2026].
*Figma. (s.d.). ''What is skeuomorphism?''. [online] Tilgjengelig på: https://www.figma.com/resource-library/what-is-skeuomorphism/ [Besøkt 11 apr. 2026].
*Moran, Kate (2015-09-27). ''Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users''. [online] Nielsen Norman Group. Tilgjengelig på: https://www.nngroup.com/articles/flat-design/ [Besøkt 12 apr. 2026].
*Moran, Kate (2015-09-27). ''Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users''. [online] Nielsen Norman Group. Tilgjengelig på: https://www.nngroup.com/articles/flat-design/ [Besøkt 12 apr. 2026].
<div style="text-align:right; float:right; clear:both;">
<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
</div>