🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 6월 4주 TOP3

1️⃣ UI/UX 디자이너로서 알아야 할 최신 AI 도구 4가지

2️⃣ 효과적인 사용자 인터페이스 디자인을 위한 30가지 실용적인 팁

3️⃣ UI 디자인에서 계층과 균형의 10가지 예

1️⃣ UI/UX 디자이너로서 알아야 할 최신 AI 도구 4가지

UI/UX 디자이너로서 알아야 할 최신 AI 도구 4가지

아무것도 없는 상태에서 구축하는 것과 작별하세요. 여러분의 것을 다음 단계로 변환하는 데 도움이 되는 멋진 AI 도구가 있습니다.

AI는 함께 제공되는 기능으로 매우 효과적이며 프로젝트 시작이나 아이디어를 시작하는 방법에 대해 크게 걱정할 필요가 없는 다음 단계로 나아가고 있습니다. AI가 도와드리겠습니다. 시장에서 사용할 수 있는 몇 가지 AI 도구에서 이제 시장은 최신 & 최고의 AI 기반 도구로 거의 채워지고 있습니다.

이 기사에서는 UI/UX 디자이너로서 알아야 하고 최대한 활용해야 하는 모든 최신 AI 도구를 공유할 것입니다.

1. 갈릴레오 AI

최종 화면 디자인으로 이동하기 전에 디자인 부분으로 이어지는 일련의 프로세스가 있다는 것을 알고 있습니다. 확실히 우리는 사용자를 위한 훌륭한 프로덕트를 만들기 위해 전체 디자인 프로세스를 따라야 합니다. 그러나 Galileo AI가 제공하는 것 또한 놓쳐서는 안 됩니다.

Galileo AI는 간단한 텍스트 설명으로 즐겁고 편집 가능한 UI 디자인을 만듭니다. 그 어느 때보다 빠르게 설계할 수 있습니다. 수천 가지 뛰어난 디자인에 대해 교육을 받은 Galileo AI는 자연어 설명을 충실도 높은 디자인으로 전환합니다. 그러나 최종 디자인을 만들기 위해 이러한 AI 도구에 전적으로 의존해서는 안 됩니다. 이러한 도구를 사용하여 전체 화면이 아닌 더 빠른 디자인을 만들고 영감을 얻을 수 있습니다.

최종 화면 디자인이 Galileo의 디자인과 어느 정도 일치하는 경우 해당 디자인을 계속 진행하는 것이 좋습니다. 확실히 이 도구는 놀랍고 우리가 입력한 설명에 대해 제공하는 출력이 훌륭합니다. Galileo AI로 시간을 절약하세요.

2. 픽스파

올인원 포트폴리오 빌더로 작품을 온라인에서 쉽게 전시, 판매 & 공유할 수 있습니다. Pixpa는 자신의 작품을 온라인에 선보이고자 하는 창작자를 위해 특별히 설계된 올인원 웹사이트 빌더입니다. 직관적인 드래그 앤 드롭 인터페이스를 갖춘 Pixpa를 사용하면 아티스트, 사진작가, 디자이너 & 기타 크리에이티브가 코딩 지식 없이도 전문적인 웹사이트를 쉽게 만들 수 있습니다.

포트폴리오를 보여주거나, 온라인으로 작품을 판매하거나, 창작물을 전 세계와 공유하려는 경우 Pixpa는 시작하는 데 필요한 모든 것을 갖추고 있습니다. 다양한 사용자 지정 템플릿 중에서 선택하고 이미지, 비디오 & 기타 콘텐츠를 쉽게 업로드할 수 있습니다.

강력한 웹 사이트 구축 도구 외에도 Pixpa는 온라인 인지도를 높이는 데 도움이 되는 통합 기능 모음도 제공합니다. 맞춤형 양식을 만들어 잠재 고객을 수집하고, 웹 사이트에서 직접 프로덕트와 서비스를 판매하고, 내장된 클라이언트 교정 & 통신 시스템을 통해 클라이언트 & 고객과 연결할 수도 있습니다.

Pixpa를 사용하면 전문가 수준의 웹사이트를 즉시 구축하고 실행할 수 있으므로 자신이 가장 잘하는 것, 즉 놀라운 작품을 만드는 데 집중할 수 있습니다.

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

2️⃣ 효과적인 사용자 인터페이스 디자인을 위한 30가지 실용적인 팁

잘 설계된 사용자 인터페이스는 제품의 성공에 상당한 차이를 만들 수 있습니다. 사용자 인터페이스 디자인 기술을 향상시키는 데 도움이 되는 30가지 팁 목록을 작성했습니다.

이 팁은 레이아웃 및 색상에서 타이포그래피 등에 이르기까지 모든 것을 다루며 기술을 향상시키려는 초보자 및 숙련된 디자이너 모두에게 적합합니다. 자, 뛰어들자

1. 대비를 보여주는 선형 그라데이션

제목과 배경 이미지가 있는 카드를 디자인할 때 두 요소 사이의 시각적 대비를 만드는 것이 중요합니다. 이를 달성하기 위한 한 가지 효과적인 기술은 투명도가 낮은 배경 이미지 위에 선형 그래디언트를 추가하는 것입니다.

2. 배경으로 순수한 검정색을 사용하지 마십시오: 팁 1

순수한 검정색을 배경으로 사용하면 종종 부자연스럽게 느껴지는 거슬리는 효과가 나타날 수 있습니다. 대신 #0F0F0F와 같이 검은색에 가까운 색상을 사용하여 보다 자연스럽고 심미적으로 아름다운 배경을 만드는 것이 좋습니다. 이 색상은 다크 모드 사용자 인터페이스를 설계할 때 특히 유용합니다.

3. 배경으로 순수한 검정색을 사용하지 마십시오: 팁 2

다크 모드 인터페이스를 설계할 때 어두운 배경에 색상이 많은 카드를 배치해야 하는 상황이 발생할 수 있습니다.

예를 들어, 풀 블루 컬러 카드는 순수한 검은색보다는 짙은 남색 배경에 더 잘 어울릴 수 있습니다.

밝기 값을 낮춰 동일한 색상의 카드를 실험합니다.

4. 측정 정렬 대 광학 정렬

같은 크기의 사각형과 원을 나란히 놓으면 우리의 눈이 모양을 인지하는 방식으로 인해 시각적으로 다르게 보일 수 있습니다.

광학 정렬 기술을 사용하는 것이 중요합니다. 여기에는 사각형과 원의 위치를 조정하여 완벽하게 중앙에 있지 않더라도 시각적으로 정렬된 것처럼 보이도록 하는 작업이 포함됩니다.

5. 균일한 간격

효과적인 기술 중 하나는 요소 사이의 간격에 8의 배수를 사용하는 것입니다. 이는 대부분의 개발자가 8포인트 그리드를 사용하여 설계를 구조화하여 오류 가능성을 줄이고 개발 프로세스를 간소화하기 때문입니다.

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

3️⃣ UI 디자인에서 계층과 균형의 10가지 예

그렇다면 깔끔한 UI란 무엇일까요?

일반적으로 깔끔한 UI는 속도가 느려지지 않는 모든 것을 설명하지만, 반대로 깔끔한 UI와 상호 작용할 때 사람들이 조치를 취하도록 '강조'합니다. 이러한 사용자 인터페이스는 주로 상호 작용성과 최소성에 기초합니다.

하지만, 이것들이 그 특징 전부는 아닙니다. 우리는 상세한 연구를 수행하기로 결정했고, Adam Wathan와 Steve Schoger의 훌륭한 책 "Refactoring UI"의 자료를 바탕으로 이 책에서 언급한 계층 구조와 균형의 구현 문제의 가장 성공적인 예시로 보여졌습니다.

#1. 사용자에게 올바른 것을 강조하기

비록 패션의 세계에서는 아무도 오랫동안 어떤 규칙을 고수하지 않지만, 디지털 디자인의 경우엔 특히 인터페이스를 '깨끗하게' 유지하는 것에 관해서는 여전히 규칙이 필요합니다.

따라서 '입술'과 '눈' 둘 다 초점을 맞추는 대신, 우선 UI에서 강조해야 할 사항에 대해 생각해 보십시오. 일반적으로 악센트는 최종 사용자에게 디지털 제품의 기본 기능에 대한 액세스를 제공하는 우선 순위 기능을 제공합니다.

#2. 색상의 힘을 사용하기

잘 어울리는 색상을 수집하는 대신 인터페이스를 동일한 색상 구성으로 만들어 음영의 강도로 '재생'하도록 합니다. 때로는 글꼴 크기를 변경하는 것보다 특정 기능의 우선순위를 최종 사용자에게 더 명확하게 합니다.

이 방법을 사용하면 인터페이스를 쉽게 읽을 수 있으며, 동시에 중요하지 않은 요소를 나타내기 위해 미세한 문자를 '조절'할 필요가 없습니다.

#3. 악센트를 푸는 방법에 대해 생각해 보기

인터페이스의 주요 요소를 강조하는 방법을 모르는 문제가 발생하는 경우에는 반대로 접근하여 보조 요소에 대한 강조를 줄이는 것이 좋습니다.

단 것을 만들기 위해 차에 설탕 7스푼을 넣을 필요가 없다는 것만 기억하세요. 설탕 몇 스푼을 넣고 쿠키와 함께 제공하면 충분합니다.

#4. "라벨: 값" 형식을 최대한 사용하지 않기

디자이너의 일이 항상 자유인 것은 아닙니다. 예를 들어, 최종 사용자에게 컨텐츠를 시연할 때 "라벨: 값" 형식으로 컨텐츠를 표시하는 문제가 발생할 수 있습니다.

이 경우 모든 종류의 계층 구조를 작성하는 것이 훨씬 더 어렵습니다. (이 경우 모든 요소가 동일하기 때문)

그렇기 때문에 때때로 자신의 행동에 제한을 두지 않기 위한 콘텐츠 표현 방식을 버리는 것이 타당합니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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