본문 바로가기
트렌드 이슈 · 토픽

웹 디자인 기초지식 퀴즈「Semblance: a frontend design quiz」를 풀어보았다

by 두우우부 2023. 1. 2.
반응형

최근에는 다양한 디자인의 웹 사이트가 인터넷에 퍼져 있습니다. 그런 웹 디자인에서 픽셀 단위의 변화를 알아차리는 능력을 측정하는 12개의 퀴즈가 Semblance: a frontend design quiz에 정리되어 있습니다.

Semblance: A Frontend Design Quiz — Kapwing

Semblance: A Frontend Design Quiz

Try this fun, online quiz to test your ability to notice small changes in the design of components and patterns on the web.

www.kapwing.com



질문 1: 어떤 색이 "#0000FF"에 해당하는 순수한 청색입니까?


문제가 제시되면 A ~ D 중에서 정답이라고 생각하는 것을 선택한 다음 Submit Answer를 클릭합니다.

그러면 정답 또는 오답이 표시됩니다.


Q2: 다음 중 모서리에 5픽셀의 라운드를 준 것은 무엇일까요?


Q3 : 다음 중 가장 인기 있는 글꼴인 Helvetica는 무엇일까요?


Q4 : 올바른 색상의 Google 로고는 무엇입니까?


질문 5: 어떤 사각형이 정사각형입니까?


Q6: 비율이 9:16인 이미지는?



질문 7: 커서를 맞추어 클릭했을 때의 트랜지션 이펙트 시간이 200ms인 것은 어느 것입니까?


Q8: 불투명도가 50%인 이미지는?


Q9: 다음 중 테투리가 10픽셀인 것은 무엇입니까?


Q10 : 다음 샘플 이미지에 대해 채도가 증가한 이미지는 무엇입니까?


질문 11: 다음 중 어떤 원이 사각형의 완벽한 중심부에 있는 원입니까?


질문 12: 대비비가 4.5:1인 웹 콘텐츠 접근성 가이드라인을 충족하지 않는 요소는 무엇입니까? 즉, 배경과 텍스트의 대비가 가장 낮은 것은 무엇입니까?


총 12개의 질문에 답하면 점수가 표시됩니다. 저는 12개의 문제 중 8개 정답으로 정답률은 66%였습니다.

"Semblance: a frontend design quiz"는 무료로 공개되어 누구나 도전할 수 있으므로 정답을 알고 싶은 분은 꼭 도전해 보세요~ ^^

반응형