🔖 UXUI 해외 주간 아티클 TOP3

🔖 2023년 6월 2주 TOP3

1️⃣ UI/UX 디자인: 그리드 시스템

2️⃣ UX UI 디자이너를 위한 Ultimate ChatGPT 치트 시트: No Bullshit

3️⃣ 모든 UI/UX 디자이너를 위한 최고의 Figma 플러그인

1️⃣ UI/UX 디자인: 그리드 시스템

소개

좋은 페이지 레이아웃을 달성하는 가장 좋은 방법은 그리드 시스템을 적용하는 것입니다. 그리드는 디자인의 뼈대이며 이를 통해 안내에 따라 디자인 결정을 내리고 사용자에게 더 나은 경험을 제공할 수 있습니다.

그리드의 역사

고대 이집트인들이 그리드 시스템을 사용했다는 사실을 알고 계셨나요? 그리드 시스템이 정확히 어디에서 시작되었는지 또는 그리드 시스템이 공식적으로 어디에서 왔는지 아무도 모르지만, 그것은 레오나르도 다빈치와 빈센트 반 고흐와 같은 유명한 예술가들을 포함한 많은 예술가들과 미술 역사를 통해 사용되어 왔습니다.

1950년대에 마침내 스위스에서 새로운 스타일의 그래픽 디자인이 형성되었습니다. 이 스타일의 디자인은 단순한 네트워크 구조와 거의 표준화된 타이포그래피를 통해 디자인의 통일성을 달성하기 위해 노력합니다. 이 스타일은 오늘날까지도 많은 웹 및 그래픽 디자이너에게 계속 영향을 미치고 있습니다.

그리드는 열, 거터 및 여백의 여러 부분으로 구성됩니다. 이들은 함께 화면의 가로 너비를 형성합니다.

Column style=”font-size: 16px;”>는 콘텐츠 영역에 걸쳐 있는 세로 섹션입니다. 웹 디자인에 열이 많을수록 그리드가 더 유연해집니다. 열의 너비는 설계자가 결정합니다. 전통적인 관행은 PC 측 웹 페이지에서 12개, 패드에서 8개, 모바일 장치에서 4개를 사용하는 것입니다. 열 너비는 일반적으로 60~80px로 정의됩니다. 열 너비는 실제 콘텐츠 너비에 영향을 미치는 핵심 요소입니다.

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

2️⃣ UX UI 디자이너를 위한 Ultimate ChatGPT 치트 시트: No Bullshit

AI는 디자이너를 대체하지 않지만 AI를 사용하는 디자이너는 그렇지 않은 디자이너를 대체할 것입니다.

한때 계산기가 수학자들을 대체할 것으로 여겨졌던 것과 유사하게, 많은 사람들은 AI가 디자이너를 대체할 것이라고 두려워합니다. 하지만, 이것은 잘못된 생각입니다. 계산기가 수학자를 대체하지 못한 것처럼 AI도 디자이너를 대체하지 않을 것입니다.

대신 AI는 디자이너, 새로운 도구 및 기능을 제공하여 효율성과 창의성을 높일 수 있습니다.이 게시물에서, 우리는 AI가 디자이너를 대체하지 않고 오히려 그들의 작업을 향상시키는 이유를 탐구할 것입니다.

이 블로그는 gethired.design에서 불황에 대한 증거가 될 수 있는 슈퍼 파워 디자이너를 구축하려는 개인적인 임무에 대한 시도입니다. 팀에서 없어서는 안 될 존재가 되기 위해 ChatGPT를 수용하는 방법에 대해 이야기해 봅시다.

1. ChatGPT를 사용하여 UI 디자인을 위한 체크리스트 생성

UI 디자인 체크리스트를 만드는 것은 디자이너가 필요한 모든 디자인 요소를 고려하는 데 유용한 도구입니다. ChatGPT를 사용하면 디자이너는 사용자 흐름, 접근성, 색 구성표, 타이포그래피, 일관성 및 유용성과 같은 필수 요소를 다루는 포괄적인 체크리스트를 쉽게 생성할 수 있습니다.

2. UX 디자인을 위한 사용자 흐름 만들기

상상해 보세요. 최신 제품을 출시한 지 얼마 되지 않았는데, 서류상 보기에는 훌륭하지만, 원하는 계약을 맺지는 못합니다. 당신은 왜 사용자들이 가만히 있지 않는지 궁금해하며 머리를 긁적입니다. 여기에서 사용자 흐름을 생성해야 합니다. 이는 사용자가 제품과 어떻게 상호 작용하는지에 대한 수수께끼를 푸는 열쇠이며, 사용자가 당면한 문제점을 파악하고 궁극적으로 전반적인 사용자 환경을 개선하는 데 도움이 됩니다.

사용자의 여정을 매핑하면 목표, 작업 및 잠재적 장애물에 대한 통찰력을 얻을 수 있습니다. Chat GPT를 사용하는 방법은 다음과 같습니다.

3. ChatGPT를 사용하여 디자인 시스템 생성

디자인 시스템은 디자인 작업의 일관성, 효율성 및 품질을 보장하지만 시스템을 만드는 것은 복잡하고 시간이 많이 소요될 수 있습니다. ChatGPT는 타이포그래피, 색상 팔레트, 레이아웃 그리드 및 도상학을 다루는 필요에 맞는 시스템을 생성하여 도움을 줄 수 있습니다.

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

3️⃣ 모든 UI/UX 디자이너를 위한 최고의 Figma 플러그인

Figma는 디자이너에게 최고의 디자인 도구입니다. Figma에는 디자인 템플릿, UI 키트, 플러그인 및 위젯을 대부분 무료로 얻을 수 있는 강력한 디자인 커뮤니티가 있습니다.

UI/UX 디자이너이고 Figma를 사용하는 경우 플러그인에 익숙할 수 있지만 Figma에는 수천 개의 플러그인이 있으므로 모든 플러그인에 문제가 있을 수 있습니다. 그래서 저는 생산성을 높이고 디자이너의 작업 흐름을 쉽고 효율적으로 만드는 상위 20개 플러그인 목록을 만들었습니다.

1. 언플래쉬

Unsplash는 개인 및 상업적 용도로 Stocks 이미지를 무료로 가져올 수 있는 최고의 플러그인입니다.

2. Autoflow

Autoflow는 두 개의 개체를 선택하기만 하면 흐름선이 그려지는 디자인 작업에서 사용자 흐름을 만드는 멋진 도구입니다.

3. Iconify

가장 큰 아이콘 라이브러리를 보유한 Iconify에는 100,000개 이상의 아이콘이 포함된 100개 이상의 아이콘 세트가 있으며 여기에는 Material 디자인 아이콘, Jam 아이콘, FontAwesome, Emojione 등이 포함됩니다.

4. LottiFiles

디자인에 애니메이션을 추가하면 디자인이 더욱 재미있고 상호 작용할 수 있습니다. Lottiefiles는 애니메이션을 Svg/Gif 형식으로 가져올 수 있습니다.

5. 다크 모드 매직

이제 트렌드는 밝은 테마 디자인이 있으면 쉽게 어두운 테마로 변환할 수 있는 디자인을 어두운 테마로 만드는 것입니다. 따라서 모든 색상을 최적화하지 않더라도 색상 팔레트에 따라 조정하면 됩니다.

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 공개 영상  

🔖 이메일 

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