brunch

나는 디자인 '감'이 없는데.. 이걸 키울 수 있을까?

by UXUI 니디자인랩



YES.


어느정도까지는 연습하면 키울 수 있다고 생각한다.

그렇다면 어떻게 키울 수 있을까? 즉, 어떻게 하면 '예쁜' 디자인 작업물을 만들 수 있을까?


디자인 '예쁘게' 하려면?


우선, 사람들이 웹디자인에서 "예쁘다"고 느끼는 데 가장 큰 영향을 주는 요소가 무엇인지 먼저 알아야 한다.


20250422_153818.png



사용자는 디자인을 보고 0.05~0.5초만에 예쁜지 아닌지 첫인상을 판단한다.





레이아웃 (Layout)


= 시각적 복잡성 (Visual Complexity) 낮을 수록 '예쁘다'고 느낀다는 것.

= 조화, 균형, 통일성(Design Unity) 있을 수록 '예쁘다'고 느낀다는 것.


하버드 대학 연구에 따르면, 웹사이트의 첫인상에서 시각적 복잡성과 컬러풀함이 가장 눈에 띄는 디자인 특성으로 반복적으로 확인되었다.

실험 결과, 시각적 복잡성과 컬러풀함이 웹사이트의 시각적 매력(visual appeal) 평가의 약 절반 정도를(50%) 설명할 수 있었으며, 이 중 시각적 복잡성이 컬러풀함보다 더 중요한 역할을 한다고 밝혔다. (레이아웃의 정돈됨, 정보의 밀도 등)

즉, 지나치게 복잡하거나 산만한 레이아웃보다는 개별 요소들이 (컬러, 폰트, 이미지 등) 적절히 정돈되고 조화로운 구성을 더 예쁘다고 느낀다는 것. 1.

균형, 조화, 대비, 크기에 의한 강조 등 디자인 원칙이 잘 적용된 디자인.

정보가 너무 많거나 산만하지 않은 디자인.

적절한 여백이 있는 디자인.





컬러 (Color)


컬러는 감정, 신뢰감, 관심 유도 등 다양한 심리적 효과를 유발한다.

색상 대비와 조화, 색의 밝기(brightness)가 특히 중요한데, 색의 밝기가 사용자 만족도와 미적 평가에 가장 큰 영향을 준다는 연구 결과가 있다6.






폰트 (Font)


폰트(타이포그래피)는 가독성, 분위기, 브랜드 성격 전달에 매우 중요한 역할을 하며, 웹디자인에서 90%에 달하는 정보 전달이 타이포그래피를 통해 이루어진다고 평가된다2.


다만, 위 연구 내용에서 미적 선호는 보편적이지 않고 사용자 집단별로 차이가 있다고 한다.


관련 논문, 기타 자료:


https://kgajos.seas.harvard.edu/papers/reinecke13aesthetics.pdf

https://air.ashesi.edu.gh/bitstreams/498f0af0-1ec8-4245-a8c8-c565239f841e/download

https://makinggood.ac.nz/media/1252/alsudanicasey.pdf

https://www.nature.com/articles/s41598-024-54444-8

https://salterrawebdesign.com/the-psychology-of-web-design/

https://soar.wichita.edu/server/api/core/bitstreams/40290127-c563-406d-b927-cc245cd6958c/content

https://scripties.uba.uva.nl/download?fid=c2778196

https://www.sciencedirect.com/science/article/abs/pii/S0003687009001148

https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2021.670800/full

https://dialnet.unirioja.es/descarga/articulo/9033441.pdf

https://scispace.com/pdf/the-impact-of-web-page-text-background-colour-combinations-27uf14rq16.pdf

https://www.sciencedirect.com/science/article/abs/pii/S0306457307000568

https://www.sciencedirect.com/science/article/pii/S1877042813035854/pdf?md5=53feacae283b8920422cccbc84a2d08d&pid=1-s2.0-S1877042813035854-main.pdf

https://ojdla.com/archive/winter134/david_glore134.pdf

https://www.readysalted.co.uk/the-psychology-of-web-design-influencing-user-behaviour/

https://dl.acm.org/doi/10.1145/2399016.2399159

https://www.icecubedigital.com/blog/the-psychology-of-web-design-how-color-and-layout-influence-user-behavior/

https://pmc.ncbi.nlm.nih.gov/articles/PMC8359925/

https://thestory.is/en/journal/color-of-a-website/

https://www.nextgenbootcamp.com/blog/the-role-of-color-and-typography-in-ui-design



keyword
작가의 이전글디자이너의 평균 연봉은 왜 개발자보다 낮을까?