23’ 11월 2주 🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 11월 2주 TOP3

1️⃣ 모두를 위한 접근 방식의 문제점

2️⃣ 2023년 UI/UX 디자이너가 되는 방법?

3️⃣ 프로덕트 팀과 협력하는 브랜드 디자이너를 위한 색상

1️⃣ 모두를 위한 접근 방식의 문제점

성공한 소셜 네트워크는 특정 사용자 동기를 해결하기 위한 특정 형식에 초점을 맞추었으며, Threads는 일반적인 접근 방식과는 다릅니다.

최근 Twitter는 다양한 사건들을 겪었습니다. Elon Musk의 소란스러운 인수로 시작된 이슈에 이어, 논란이 많은 제품 결정들이 이어졌습니다. 몇 가지 예를 들자면:

이와 함께 Elon의 브랜드에 대한 인식 변화(그의 의견에 동의하든 그렇지 않든)는 새로운 경쟁자들이 이 기회를 잡고 다음 Twitter를 구축하기 위한 무게를 준비했습니다. Mastodon, Bluesky, Post.News와 같은 새로운 제품들에 대한 관심은 Twitter의 논란적인 결정이 있을 때마다 사용자들이 이러한 제품들로 몰리는 모습을 보여줍니다. 하지만 아직 이러한 제품들 중 어느 하나도 대규모로 성공하지 못했습니다.

이러한 분주한 상황 가운데에서 세계 최대 소셜 네트워크인 Meta(페이스북, 인스타그램, 메신저, WhatsApp 소유사)는 Threads의 출시로 시장에 발을 들였습니다.

이 기사에서는 다음과 같은 내용을 다룹니다:

인스타그램 Threads 현재 1억 명의 가입자 보유

수요일에 인스타그램은 Twitter의 경쟁 제품인 Threads를 출시했습니다. 5일 동안 Threads는 1억 명의 가입자를 유치한 인상적인 이정표를 달성했습니다. 최근 역사에서 유사한 성장 추세를 보인 제품은 ChatGPT뿐인데, 이 제품은 해당 마일스톤을 달성하기까지 2개월이 걸렸습니다.

제품에 대해 이야기해 봅시다. Threads는 기본적으로 Twitter의 형태를 복제하며 "텍스트 업데이트를 공유하고 공개 토론에 참여하기 위한 것"으로 주로 만들어졌습니다. 비슷하게, Meta는 제품을 독특하게 만들 수 있는 비전을 공유했습니다:

. .

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

2️⃣ 2023년 UI/UX 디자이너가 되는 방법?

만약 제가 4년간의 경험과 AI의 급속한 발전을 바탕으로 UI/UX 디자이너로서 오늘 처음부터 시작한다면 이것이 제가 택할 길입니다. 저는 UI/UX 디자인을 처음 접하는 사람이 가질 수 있는 잠재적인 질문에 답하기 위해 이 블로그를 만들었습니다.

내가 다룰 질문

여기서 시작하기 전에 제가 이러한 질문에 답할 수 있는 적임자이기 전에 저는 독학으로 UI/UX 디자이너로 활동하고 있으며 현재 런던에 본사를 둔 회사에서 인도 집에서 일하고 있습니다. 저는 프리랜서로 경력을 시작한 후 방갈로르의 스타트업에 합류했고 결국 이 회사에 합류했습니다. 나는 3년의 경험을 가지고 있습니다.

저는 LinkedIn과 이메일을 통해 팔로어로부터 받는 대부분의 질문을 다루려고 노력했습니다. 혹시 제가 놓친 부분이 있다면 댓글로 남겨주시면 바로 해결해 드리겠습니다.

어디서 시작하나요?

온라인에서 사용할 수 있는 자원이 너무 많기 때문에 시작하는 것이 부담스러울 수 있습니다. 이러한 리소스 중 다수는 가치가 있지만 그 양이 너무 많아서 부담스러울 수 있습니다. 따라서 여정을 시작하는 간단한 3단계 방법은 다음과 같습니다. 이를 통해 한두 달 안에 취업 준비를 완료할 수 있습니다.

1단계: Figma를 마스터하고 타이포그래피, 색상 및 간격에 대해 알아보세요.

Figma를 배우려면 YouTube를 방문하세요. Figma 기본 사항에 대한 포괄적인 튜토리얼을 제공하는 풍부한 채널이 있습니다. 귀하의 학습 스타일에 맞는 것을 선택하세요. 핵심은 Figma에 대한 비디오를 보는 것보다 Figma를 더 많이 연습하는 것입니다.

타이포그래피, 색상 및 간격에 대한 통찰력 있는 블로그는 다음과 같습니다

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

3️⃣ 프로덕트 팀과 협력하는 브랜드 디자이너를 위한 색상

브랜드 색상이 디지털 공간에서 작동하지 않는 이유

브랜드 디자이너로서 아름다운 색상으로 이루어진 브랜드 가이드를 제출했는데 제품 팀으로부터 색상을 조정해야 한다는 피드백을 들어본 적이 있나요? 가끔은 조정 사항을 출시 후까지 알지 못할 수도 있습니다! 이런 문제가 발생하는 이유를 자세히 살펴보겠습니다.

문제: 접근성과 규모가 고려되지 않음

제품 팀이 브랜드 가이드를 받을 때, 일반적으로 다양한 색조의 주요 및 보조 색상 세트만 포함됩니다. 이러한 색상은 회사 브랜드의 모든 영역에서 사용되므로 이러한 색조 내에서의 규모와 다양성은 성공적인 실행을 위해 극히 중요합니다.

이러한 색상만으로 제품이나 웹사이트를 만들려고 하면 어렵습니다. 브랜딩과 마케팅의 관점에서만 볼 때, 디지털 매체 내에서 얼마나 많은 색상이 사용되는지 간과하기 쉽습니다. 이는 소셜 미디어 자산에는 잘 작동할 수 있지만, 더 깊게 파고들면 문제점이 드러납니다.

디지털 매체를 위해 디자인할 때 고려해야 할 사항:

접근성

이것은 색상 조정을 위한 가장 중요한 이유입니다. 세계 보건 기구에 따르면, 전 세계적으로 시력 장애가 있는 사람은 22억 명이 있습니다. 색상을 어떻게 인식하는지에 영향을 주는 다양한 시각 장애가 있습니다. 색각 이상이나 낮은 대비 색상 조합을 인식하기 어려워하는 사람들이 얼마나 많은지 놀랄 것입니다.

💡 최소 대비 비율 요구 사항: 일반 텍스트: AA 4.5 크기가 큰 텍스트: AA 3.1 (약 18px, 볼드 및 이상)

색상 대비를 "눈대중"으로 판단할 수 없으며, 체커를 사용해야 합니다. 내가 가장 좋아하는 대비 체커는 Stark라는 Figma 플러그인입니다. 그들은 다양한 접근성 도구를 제공합니다.

때로는 브랜드 디자이너들이 접근성을 위해 디자인하는 것이 창의성을 제약한다고 말하는 경우가 있습니다. 이는 일반적으로 디자이너가 초급 수준에서 활동하고 있으며 아직 디자인 결정의 비즈니스 영향을 이해하지 못하고 있다는 신호입니다. 아름다운 색상 조합으로 가득 찬 이 웹사이트를 살펴보기만 하세요.

상태

월드 와이드 웹은 상호 작용 요소로 가득합니다. 버튼과 같은 단일 상호 작용 요소는 사용자에게 상호 작용 피드백을 전달하기 위해 기본, 호버, 포커스, 누름 및 비활성화와 같이 적어도 5가지 다른 상태가 필요합니다. 이러한 각 상태를 구별하는 가장 일반적인 방법은 색상을 사용하는 것입니다. 우리의 브랜드 가이드 예시에서는 심지어 5가지 색상이 없으며, 다음 상태로의 부드러운 전환을 만들기 위해 함께 사용되지 않습니다.

위의 예시에서 볼 수 있듯이 하나의 버튼을 만들기 위해 여덟 가지 색상을 사용하고 있으며, 기술적으로는 비활성화 상태에 검은색 불투명도를 사용하고 있습니다. 이로써 브랜드 가이드가 불완전함을 보여줍니다.

디자인 시스템 디자이너로서 나는 브랜드 디자이너가 전체 색상 램프를 만들 필요는 없다고 생각하지만, 이렇게 색상이 사용되는 방식을 이해하는 것은 서로 일관성 없는 색조를 가진 브랜드 색상을 선택하는 것을 피하기 위해 중요합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

💭 단톡방 가입문의  (1,900명)

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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