🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 7월 2주 TOP3

1️⃣ 디자인 시스템에서 아이콘 라이브러리 유지

2️⃣ 인공지능에 대해 알아야 할 모든 것

3️⃣ 더 빠른 클라이언트 디자인 승인을 위한 5가지 팁

1️⃣ 디자인 시스템에서 아이콘 라이브러리 유지

🗣 Figma 사용자를 위한 실용적인 팁

아이콘은 인터페이스 디자인의 핵심 요소 중 하나입니다. 디자이너는 쉽게 업데이트하고 확장할 수 있는 잘 구성된 아이콘 라이브러리가 필요합니다. 디자인 시스템의 경우 코드에서 아이콘을 업데이트하는 원활한 프로세스를 갖추는 것도 중요합니다.

많은 훌륭한 기사가 아이콘 작업에 대해 설명하지만 대부분의 경우 주로 아이콘 자체를 만드는 것입니다.

도상학에 대한 완벽한 안내서

아이콘은 모든 디자인 시스템 또는 제품 경험의 중요한 부분입니다. 아이콘은 빠르게 탐색하는 데 도움이 됩니다.

www.designsystems.com

깔끔하고 균형 잡힌 인터페이스 아이콘 디자인 사용자 인터페이스용 아이콘 만들기. 광학 효과에 관한 기사의 연속

medium.com

이 기사에서는 라이브러리 구성의 일부 측면을 분해하고 디자인 시스템에서 Figma의 아이콘 라이브러리 지원과 관련된 몇 가지 문제를 피하는 데 도움이 되는 몇 가지 기술을 공유하려고 합니다.

라이브러리 설정

모든 구성 요소와 함께 Figma에 아이콘을 유지하거나 별도의 라이브러리를 고려하시겠습니까?

두 접근 방식 모두 장단점이 있습니다. 그러나 일반적으로 디자인 팀의 규모와 디자인 시스템의 성숙도에 따라 다릅니다.

소규모 팀이 있고 디자인 시스템부터 시작하는 경우 모든 것을 하나의 파일에 보관하는 것이 더 쉬운 경우가 많습니다. 디자인 시스템을 사용하는 디자이너는 여러 개별 Figma 라이브러리로 분리될 때 혼란스러워할 수 있습니다. 디자이너가 종종 개인적인 필요에 따라 다른 라이브러리를 만들면 상황이 악화될 수 있습니다.

반대로 팀 규모가 크고 프로세스가 잘 구축된 경우 별도의 라이브러리를 사용하면 더 많은 유연성을 얻을 수 있습니다.

또한 아이콘에 대한 별도의 Figma 라이브러리는 리브랜딩을 크게 단순화할 수 있습니다. 명명 규칙이 확립되어 있고 라이브러리의 모든 새 버전에서 이를 고수하는 경우(이전 아이콘과 새 아이콘 사이에 1-1 매핑이 있음을 의미), 아이콘 스타일이 변경된 경우 라이브러리를 교체하기만 하면 됩니다. 그러면 모든 구성 요소와 최종 디자인이 자동으로 새 세트를 얻게 됩니다.

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

2️⃣ 인공지능에 대해 알아야 할 모든 것

AI는 음악, 미디어부터 비즈니스와 생산성, 심지어 데이팅에 이르기까지 현대 생활의 거의 모든 영역에서 나타나고 있습니다. 그렇게 많은 정보들이 있어서 따라가기 어려울 수 있습니다. 그래서 최신 큰 동향부터 이 분야에서 최신 정보를 유지하기 위해 알아야 할 용어와 기업들까지 모두 알아보려고 합니다.

우선, 함께 이야기를 나누기 전에 우리가 같은 페이지에 있는지 확인해볼까요? AI가 무엇인지에 대해 알아보겠습니다.

인공지능, 또는 기계 학습이라고도 불리는 것은 신경망이라는 기술을 기반으로 한 소프트웨어 시스템으로, 실제로는 수십 년 전에 개척되었지만 강력한 새로운 컴퓨팅 자원 덕분에 최근에 크게 발전해왔습니다. AI는 효과적인 음성 및 이미지 인식 능력을 가능하게 했으며, 합성 이미지와 음성 생성 능력도 갖췄습니다. 또한 연구자들은 AI가 웹을 탐색하고 티켓을 예약하며 레시피를 수정하는 등의 작업을 할 수 있도록 노력하고 있습니다.

하지만 기계의 반란과 같은 매트릭스 형태의 상황에 대해 걱정하실 필요는 없습니다. 이에 대해서는 나중에 얘기하도록 하겠습니다!

AI에 대한 놀라운 점 중 하나는 핵심 개념들이 50년 이상 전에 개발되었음에도, 그 개념들이 최근까지 기술에 익숙하지 않은 사람들이 많았다는 것입니다. 따라서 헷갈리는 느낌이 든다면 걱정하지 마세요 - 모두가 그렇습니다.

그리고 우선 명확히 하고 싶은 한 가지는, "인공지능"이라는 용어가 약간 잘못 이해되고 있다는 것입니다. "지능"에 대한 일반적인 정의가 존재하지 않지만, 이 시스템이 하는 일은 분명히 뇌보다는 계산기에 더 가깝습니다. 이 계산기의 입력과 출력은 그저 훨씬 유연한 것 뿐입니다. 인공지능을 인공 코코넛처럼 생각할 수 있습니다 - 그것은 모방 지능입니다.

그렇다면, AI에 관한 어떤 토론에서든 기본 용어들은 다음과 같습니다.

신경망 (Neural network)

우리의 뇌는 주로 뉴런이라고 불리는 상호 연결된 세포들로 이루어진데, 이들이 함께 복잡한 네트워크를 형성하여 작업을 수행하고 정보를 저장합니다. 이 놀라운 시스템을 소프트웨어로 재현하는 시도는 60년대부터 이루어졌지만, 필요한 처리능력은 15-20년 전에 널리 확보되었습니다. 이 때 그래픽 처리 장치(GPU)가 디지털로 정의된 신경망을 번성시킬 수 있게 해주었습니다. 신경망은 본질적으로 데이터를 나타내는 점들과 그 값들 사이의 통계적 관계를 나타내는 선들로 이루어져 있습니다. 뇌와 마찬가지로, 이를 통해 입력을 빠르게 받아들여 네트워크를 통과시키고 출력을 생성할 수 있는 다재다능한 시스템이 생성됩니다. 이 시스템을 모델이라고 합니다.

모델 (Model)

모델은 입력을 받아들이고 출력을 반환하는 실제 코드의 집합입니다. 이 용어의 유사성은 통계 모델이나 복잡한 자연 과정을 모사하는 모델링 시스템과 관련이 없는 것은 아닙니다.

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

3️⃣ 더 빠른 클라이언트 디자인 승인을 위한 5가지 팁

디자인 승인은 디자인 팀의 작업에 대한 고객의 승인을 의미하고 프로젝트가 진행될 수 있도록 승인을 주기 때문에 고객이 의뢰한 프로젝트에서 가장 중요한 단계 중 하나입니다. 그러나 설계 승인을 달성하는 것이 항상 간단한 프로세스는 아닙니다. 디자이너는 종종 다른 의견, 잘못된 의사소통, 마지막 순간의 변경 등 다양한 문제에 직면합니다.

이 기사에서는 설계 팀이 가장 일반적인 클라이언트 문제를 극복하고 설계 승인 프로세스를 간소화하는 데 도움이 되는 5가지 실행 가능한 팁을 강조합니다.

1. 사용자 흐름 제시

모든 클라이언트 검토는 디자인 팀을 대신하여 일종의 프레젠테이션에 따라 달라집니다. 그리고 디자인 작업을 제시하는 방법에는 여러 가지가 있지만 모든 방법이 청중의 참여를 유도하는 데 똑같이 효과적이지는 않습니다. 해당하는 경우 클라이언트 프레젠테이션에 사용자 흐름을 포함하는 것이 좋습니다. 앱, 웹 사이트 및 기타 디지털 경험을 위한 디자인 화면을 보여줄 수 있는 좋은 방법입니다. 디자인이나 기술적 배경에 관계없이 모든 청중이 매우 시각적이고 쉽게 이해할 수 있기 때문입니다.

온라인 소매 앱의 위 사용자 흐름 다이어그램에서 사용자는 원하는 제품을 구매하기 위해 시작 화면에서 시작합니다. 이 흐름은 원하는 결과에 도달하기 위해 사용자가 따를 수 있는 모든 가능한 경로를 보여줍니다. 버튼이나 메뉴와 같은 UI 요소와 앱 화면 사이의 연결을 따라 클라이언트는 사용자 경험의 복잡성을 이해하고 잠재적인 문제점을 식별할 수 있습니다. 따라서 실행 가능하고 건설적인 피드백을 제공하고 최종 프로젝트 승인에 도달하기가 더 쉬워집니다.

2. 관객의 집중 유도

클라이언트 리뷰는 종종 예측할 수 없습니다. 매우 간단하게 끝날 수도 있고 악몽이 될 수도 있습니다. 어느 정도 결과는 디자이너의 프레젠테이션 기술과 청중의 관심을 끄는 능력에 크게 좌우됩니다. 다시 한 번 사용자 흐름이 구출되어 디자이너가 지휘자처럼 발표할 수 있습니다. 클라이언트에게 프로젝트 범위와 디자인 노력에 대한 전체적인 관점을 제공하는 동시에 필요할 때 개별 화면에 집중할 수 있습니다. 이상적으로 디자이너는 사용자 여정 내에서 각 개별 화면의 역할과 위치에 대한 컨텍스트를 제공하는 프로젝트 개요로 디자인 회의를 시작해야 합니다. 그런 다음 기능을 보다 자세히 평가할 수 있도록 특정 하위 흐름에 초점을 맞춰야 합니다. 마지막으로 개별 화면을 검사할 수 있습니다. 그러나 최종 승인이 원활하게 진행될 수 있도록 이전 반복 주기 전체에서 이 단계를 수행하는 것이 좋습니다.

3. 한 명의 의사 결정자에 동의

피드백의 출처가 누구인지, 그것이 얼마나 크고 작은지에 관계없이 모든 피드백에는 어느 정도의 주관성이 포함되어 있습니다. 여러 의사 결정자를 포함한다는 것은 기본적으로 디자인 승인 중에 한 명 이상의 개인 취향이 작용할 것임을 의미합니다. 이 개인들이 꽤 비슷한 취향을 가지고 있지 않는 한, 목표는 매우 야심적입니다. 프로덕트 디자인 팀과 고객 간의 조정 초기 단계에서 단독 의사 결정자를 선택하는 것이 중요합니다. 더 많은 사람들이 클라이언트 측에 참여하기를 원하는 경우 막판 충돌을 피하기 위해 자신의 시간에 그렇게 할 수 있고 조정된 회의에 올 수 있습니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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