24’ 7월 3주 🔖 UXUI 해외 주간 아티클 TOP3

🔖 2024년 7월 3주 TOP3

1️⃣ F패턴과 사용자가 읽는 법

2️⃣ 디자인, 8pt 그리드 시스템의 힘

3️⃣ 왜 그리고 어떻게 디자인에서 윤리가 중요한가

1️⃣ F패턴과 사용자가 읽는 법

웹에서 사용자들 대부분은 읽지 않고 스캐닝(Scanning. 훑어보다)합니다. 스캐닝은 처리할 정보가 많을 때 필요한 것을 빠르게 찾는 전략입니다. 그러나 종종 중요한 세부 사항을 놓치게 만듭니다. 이것은 비효율적일 뿐 아니라 비즈니스에 해로울 수도 있습니다. 웹에서 사용자가 어떻게 읽거나 스캐닝하는지, 그리고 해로운 스캐닝 패턴을 어떻게 방지할 수 있는지 살펴보겠습니다.

F패턴 스캐닝과 리듬의 부족

웹에서는 종종 폴드(fold)에 대해 논쟁합니다. 폴드를 실제로 사용하긴 하지만 중요하지는 않습니다. 크리스토퍼 버틀러가 말한 것처럼, “길이 문제가 아니라 리듬의 부족이 문제”입니다.

디자이너의 주요 역할은 사용자의 주의를 의도적으로 이끌어내는 것입니다. 스캐닝은 부분적인 집중으로 가능하다면, 읽기는 완전한 집중을 요합니다. 사용자는 의도적인 리듬이 없는 화면을 스캐닝하다 집중을 잃게 될 것입니다. 리듬을 갖춘 화면은 주의를 유지뿐만 아니라 사용자를 깊게 집중시킬 것입니다.

F패턴 스캐닝은 사용자의 대체 동작이라고 여기세요. 이건 디자인이 콘텐츠를 충분히 안내하지 못하는 경우에 발생합니다. 따라서 F패턴 스캐닝이 발생하는 것을 가능한 한 막으십시오. 적어도 사용자가 E패턴 스캐닝으로 시선을 이동할 수 있도록 기준을 제공하세요.

.. 👇 더 자세한 내용은 아래 원문에서 확인해주세요.

2️⃣ 디자인, 8pt 그리드 시스템의 힘

이 기사는 디자인에서 8pt 그리드 시스템의 중요성을 강조합니다. 일관성과 효율성을 달성하는 측면에서, 이 시스템은 디자이너에게 중요한 도구로 작용합니다.

디자이너로서 8pt 그리드 시스템을 준수하면 디자인을 일관되게 유지하고 구조화할 수 있습니다. 8pt 그리드 시스템은 8 또는 4로 나눌 수 있는 크기를 사용하여 디자인 요소의 높이와 너비를 일관되게 유지하는 것을 나타냅니다. 8, 12, 16, 24, 32 등의 측정치를 사용함으로써 조화롭고 일관된 시각적 경험을 만들어냅니다. 이러한 일관성으로 인해 임의의 숫자나 불규칙한 간격에 대해 걱정할 필요가 없으며 모든 것이 그리드에 깔끔하게 정렬됩니다.

8pt 그리드 시스템의 주요 장점 중 하나는 디자인에 일관성 있는 느낌을 만들어내는 능력입니다. 디자인이 항상 일관되고 전문적으로 보일 것이라는 확신을 갖을 수 있습니다. 요소가 올바르게 위치했는지 또는 간격이 적절한지 의문을 제기하는 시대는 지났습니다. 8pt 그리드 시스템은 구조화된 프레임워크를 제공함으로써 의사 결정 과정을 간소화합니다.

또한, 8pt 그리드 시스템은 개발자와 다른 디자이너와의 커뮤니케이션을 돕습니다. 디자인 파일을 공유할 때, 4와 8로 나눌 수 있는 숫자를 사용하면 이는 보다 보편적인 언어가 됩니다. 무언가가 이상하게 보이는 경우, 다른 디자이너나 개발자들이 신속하게 문제를 식별하고 피드백을 제공할 수 있습니다. 이는 혼란을 줄이고 설계 요소와 측정값을 논의할 때 모든 사람이 같은 내용을 공유할 수 있도록 해줍니다.

요약하면, 8pt 그리드 시스템은 디자이너들에게 디자인에서 일관성과 구조를 유지하는 간단한 방법을 제공합니다. 나눌 수 있는 측정치를 준수함으로써 추측을 제거하고 커뮤니케이션을 개선하며 일관된 시각적 경험을 만들어냅니다. 8pt 그리드 시스템을 받아들이면 레이아웃과 요소가 조화롭게 정렬되어 있음을 알고 디자인의 창의적인 측면에 집중할 수 있습니다.

언제 8pt 그리드 시스템을 사용합니까?

8pt 그리드 시스템의 적절한 사용 여부를 결정할 때는 주로 맥락과 디자인 복잡성 수준에 따라 달라집니다. 예를 들어, 대시보드를 만들거나 반복 디자인을 다룰 때 작은 요소들이 관련되는 경우에는 그리드 시스템이 특히 유용합니다.

링크와 작은 아이콘이 함께 있는 예를 생각해 봅시다. 텍스트와 아이콘 사이의 간격을 간격을 8pt로 증가시키면 요소들이 분리된 것으로 보입니다. 이러한 경우에는 요소들이 일관되고 시각적으로 연결된 느낌을 유지하기 위해 4pt와 같은 작은 간격을 사용하는 것이 적절합니다.

. . 👇 더 자세한 내용은 아래 원문에서 확인해주세요.

3️⃣ 왜 그리고 어떻게 디자인에서 윤리가 중요한가

세련된 로고, 트렌디한 포장, 시각적으로 인상적인 웹사이트로 가득 찬 세상에서, 디자인 자체의 매력에 빠져 디자인의 본질을 잃어버리기 쉽습니다. 하지만 픽셀 단위까지 완벽한 미학과 시선을 사로잡는 비주얼의 바다 속에서 디자인의 목적이 다소 길을 잃은 것처럼 느껴집니다.

대부분의 사람들은 디자인 산업이 용어와 정의로 가득 차 있으며 그 범위가 넓다는 것을 인정할 수 있습니다. 그 결과, 디자인이 무엇을 의미하는지 정의하기 어렵고 끊임없는 논의가 계속됩니다. 의미론에 대한 전체적인 이야기를 피하기 위해, 제가 시작하는 지점은 다음과 같습니다.

저는 디자인을 문제에 대한 해결책을 찾는 과정이라고 생각합니다. '문제'가 무엇이든 될 수 있기 때문에 이것이 여전히 다소 모호하다는 것을 알고 있습니다. PR 재난 이후 사업을 재브랜딩하는 방법을 알아내는 것부터 매우 긴 비행 중에 울고 있는 아기를 견뎌내야 하는 것까지 (어쩐지 저의 흔한 문제 중 하나입니다). 하지만 디자인에 있어서, 그 넓은 스펙트럼은 바로 탐험과 혁신의 놀이터입니다.

현재로서는, 디자이너들이 매우 넓은 범위의 직함을 갖고 있는 만큼 그들은 주어진 문제에 대한 해결책을 찾으려고 노력하고 있으며, 가능한 한 독특한 방식으로 각종 과정과 매체를 사용하여 해결책을 찾습니다. 디자인의 가치는 현재 주로 다음과 같은 것에서 파생됩니다.

. . 👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램