Bleeding-Edge 웹, UI 및 UX 디자인 학습을 위한 10가지 최고의 리소스

소규모 포트폴리오 사이트를 디자인하든 대규모 엔터프라이즈 시스템에서 작업하든 사용성은 디자인의 최전선에 있어야 합니다.

운 좋게도 사용성 기술을 향상하고 UI 및 UX 디자인 접근 방식을 완성하려는 디자이너는 몇 가지 놀라운 리소스를 사용할 수 있습니다.

최고의 리소스를 살펴보기 전에 다음 섹션에서 이러한 주제를 간략하게 정의합니다. UI와 UX는 얼마나 많은 사람들이 용어를 사용하더라도 상호 교환할 수 없습니다.

최첨단 웹 디자인이란 무엇입니까?

Bleeding-edge는 최첨단의 디자인과 아이디어를 의미합니다. 아이디어는 사물을 제시하는 새로운 방법을 찾기 위해 정상의 경계를 뛰어 넘습니다.

최첨단 디자인의 좋은 예는 디지털 경험을 사용자에게 더 실감나고 기억에 남도록 만드는 인터랙티브 랜딩 페이지와 3D 렌더링입니다.

UI란 무엇입니까?

UI는 사용자 인터페이스를 의미하며 디지털 존재를 기반으로 제품 또는 서비스의 미학과 매력에 더 ​​중점을 둡니다.

UI는 사용자가 타이포그래피, 색상 팔레트 , 버튼, 애니메이션, 비디오 및 이미지 를 통해 제품과 상호 작용하고 이해할 수 있도록 하는 시각적 접점에 중점을 둡니다 .

사용자 인터페이스는 매력적이고 소화하기 쉬워야 합니다. 색상과 디지털 기능은 UI를 통해 관심과 감성을 만들어 소비자를 제품이나 서비스로 유인할 수 있기 때문입니다.

UX란?

UX는 제품 또는 서비스의 실제 사용 및 구현을 포함하여 처음부터 끝까지 제품 또는 서비스와 관련된 사용자 경험입니다. UX는 UI와 미학을 훨씬 뛰어넘어 미학만이 아닌 제품의 기능을 캡슐화합니다.

UX는 제품의 디지털 및 물리적 측면과 사용자가 제품과 상호 작용하여 문제점을 제거하는 방법을 모두 포함합니다.

Bleeding-Edge 웹, UI 및 UX 디자인 학습을 위한 최고의 리소스

사이트가 매력적이지만 탐색하기 어렵다면 사이트는 뛰어난 UI를 가지고 있지만 끔찍한 UX 디자인 을 가질 수 있습니다. 뛰어난 UX가 있는 웹사이트는 사용하기 쉽지만 시각적으로 흥미롭거나 즐겁지는 않습니다. 창의력과 독창성을 활용할 수 있도록 이것들을 최첨단 디자인과 결합하는 방법을 배우려면 아래의 수많은 환상적인 리소스를 고려하십시오.

1. Don't Make Me Think: Steve Krug 의 웹 사용성에 대한 상식적인 접근

리소스를 찾을 때 쉽게 시작할 수 있는 곳은 해당 주제에 대한 평판 좋은 책입니다. Steve Krug는 UI와 UX를 혁신과 성공적으로 결합한다는 것이 무엇을 의미하는지 확고하게 이해하고 있습니다.

이 책은 디자이너와 개발자가 유용성이 창의성의 적이 아니라는 것을 이해하는 데 도움이 되도록 심층적으로 설명합니다. 그들은 목가적인 사용자 경험과 미학을 육성하기 위해 협력합니다.

Krug는 이러한 디자인 측면을 탐색하는 방법을 설명할 뿐만 아니라 사람들이 사용자, 고객 및 상사를 동시에 수용하는 방법을 배울 수 있도록 도와줍니다.

1. 감성적 디자인: 우리가 일상을 사랑하는(또는 싫어하는) 이유( 돈 노먼 )

UX 디자인을 배우는 또 다른 책은 Don Norman의 책입니다. Norman은 디자이너가 한 가지 관점에서 사물을 볼 수 있는 방법에 대해 자세히 설명하지만 사용자의 입장에 서서 신선한 눈으로 디자인을 바라볼 필요가 있습니다.

그는 디자인이 인간의 본능적이고 때로는 설명할 수 없는 반응을 설명해야 하는 방법을 설명합니다. Norman에게 있어 모든 것은 유쾌한 미학과 재미있는 비주얼을 희생하지 않으면서 인간 중심적인 디자인에 관한 것입니다.

1. 프로그래머를 위한 사용자 인터페이스 디자인 (Joel Spolsky)

일을 할 때 UI와 UX에 대해 걱정하는 것은 디자이너만이 아닙니다. 프로그래머라면 Joel Spolsky의 책을 통해 프로그래머의 관점에서 UI와 UX 디자인에 대해 배울 수 있습니다.

Spolsky의 내러티브는 프로그래머와 디자이너가 예술적 요소와 함께 유용성을 보장하기 위해 따를 수 있는 간단하지만 논리적인 규칙을 간략하게 설명합니다.

이것은 '인형을 위한 UX 디자인'은 아니지만 Spolsky는 일부 사람들에게서 벗어날 수 있는 사용성 개념을 매우 쉽게 파악할 수 있도록 합니다. 그리고 그는 책이 읽고 소화하기 쉽다는 의미에서 자신이 설교하는 것을 실천합니다.

1. 볼더 디지털 아트

책을 읽는 것보다 더 실질적인 학습 방법을 원한다면 UX 디자인에 대한 온라인 수업을 들을 수 있습니다. Boulder Digital Arts에서 제공하는 수업 중 일부는 실시간이고 다른 수업은 언제든지 액세스할 수 있는 녹음입니다.

UX 디자인을 더 잘 이해하고 UI에 통합하는 방법을 원하는 사람을 위한 최고의 코스 중 하나는 사용자 중심 디자인 입문입니다.

수업을 듣는 것은 UX 및 UI 디자인 기술을 연마하는 가장 좋은 방법 중 하나입니다. 과제를 받고 기술을 연습하고 건설적인 피드백을 얻을 수 있기 때문입니다.

1. 디자인랩

온라인 학습을 위한 또 다른 옵션은 Designlab입니다. Designlab은 학교처럼 작동하지만 보다 일대일 학습 접근 방식을 취하므로 모든 학생은 특정 문제 또는 직면할 수 있는 질문에 대해 도움을 줄 디자인 멘토가 있습니다.

Designlab 자체는 학생들의 학습 방식을 실험하는 최첨단 기술이므로 기존 수업보다 많은 개인에게 더 잘 맞는 유연한 경험을 제공합니다.

그들의 UX Academy는 또한 전략적 방식으로 UI와 UX를 함께 메싱하는 데 중점을 두어 학생들에게 사용성의 의미와 중요성에 대한 확고한 이해를 제공합니다.

1. UX 마스터리

UX Mastery는 수십 개의 디자인 클래스를 제공하는 방대한 리소스이며, 그 중 일부는 UX 및 UI 디자인에 중점을 둡니다. 많은 수업에서 연구 접근 방식을 취하여 일부를 유용하게 만드는 요소를 분석하고 UX 및 UI 디자인을 위한 공식을 개발하려고 합니다.

무엇보다도 이 수업은 매우 저렴하며 한 달에 $20 미만입니다. UX 전문가 또는 UXperts라고 부르는 방법으로 배우게 됩니다.

일부 과정에서는 UI 및 UX 디자인 이면의 심리학에 대해 자세히 알아보기까지 하여 학생들이 디자인에서 UI와 UX에 영향을 미치는 인간의 본성을 이해하도록 돕습니다.

1. 나무 위의 집

트리하우스는 단순히 UX와 UI에 대한 학습이 아닌 종합적인 디자인 학습 경험을 원하는 사람에게 최적의 장소입니다.

Treehouse는 디자인, 최첨단, UI 및 UX에 대한 포괄적인 이해를 제공하기 위해 서로 얽혀 있는 일련의 과정인 트랙을 제공합니다. 이 안내 커리큘럼은 과목을 마스터하는 데 필요한 모든 것을 다룹니다.

또한 맞춤형 커리큘럼을 생성할 수 있는 옵션이 있으므로 기본 지식을 기반으로 필요하지 않다고 생각되는 과정은 건너뛸 수 있습니다.

1. 플랫 아이언 스쿨

빠르고 엄격한 학습 경험을 원하십니까? Flat Iron 디자인 부트 캠프는 즉시 고용될 수 있도록 UI 및 UX 디자인의 모든 것을 가르쳐주는 빠른 15주 과정을 제공합니다.

Flat Iron은 최첨단 기술을 반영하도록 코스를 지속적으로 업데이트하므로 항상 최신 정보와 디자인 방법을 배우고 있다는 것을 알 수 있습니다.

모든 디자인 과정은 UX 및 UI 디자인에 중점을 두고 학습하는 모든 것이 사용성과 관련이 있으므로 열악한 사용자 경험을 만들지 않고도 예술적 비전을 실행할 수 있습니다.

1. UX 매그

무료 UI 및 UX 리소스는 UX Mag를 참조하세요. 전문가와 전문 디자이너는 배우고자 하는 사람들에게 매우 도움이 될 수 있는 유용성 및 기타 디자인 측면에 대한 기사를 게시합니다.

기사는 종종 복잡한 아이디어를 분해하여 이해하고 구현하기 쉽게 만듭니다. 잡지는 지속적으로 업데이트되므로 살펴볼 자료가 부족하지 않습니다.

많은 기사에서 새로운 아이디어와 기술의 최첨단을 유지할 수 있는 UX 디자인의 미래에 대해 논의합니다. 또한 영감을 주는 훌륭한 리소스이자 뛰어난 UI 및 UX의 예입니다.

1. UXPin의 무료 UX eBook 라이브러리

최첨단 웹, UI 및 UX 디자인을 위한 또 다른 멋진 무료 리소스는 디자인 및 사용성에 대한 80개 이상의 제목이 있는 이 eBook 라이브러리입니다.

대부분의 무료 책은 UI 및 UX 디자인의 미래에 대한 현재 동향에 중점을 두고 있으므로 최첨단 웹 디자인의 새로운 내용을 파악할 수 있습니다. UI 및 UX 디자인과 함께 다양한 디자인 주제를 다루는 다른 eBook에서 디자인에 대해 자세히 알아볼 수 있습니다.

영감 리소스

최첨단, UI 및 UX 디자인에 대해 배우는 동안 수업, 책 및 기타 리소스가 도움이 되지만 실제로 실행 중인 모범 사례를 보는 데 항상 도움이 됩니다. 다음은 서로 다른 웹사이트 디자인과 유용성을 평가하고 순위를 매기는 세 개의 웹사이트입니다.

모든 사이트가 성공적인 사용성을 위해 쿠키 커터 디자인을 따를 필요는 없으며 이러한 페이지의 많은 사이트는 경이로운 UI와 UX를 달성하기 위해 취할 수 있는 다양한 방법을 보여줍니다.

이러한 사이트를 탐색하고 수상작과 수상작을 살펴보고 유용하고 효과적인 웹사이트 디자인 이 어떤 모습인지 감을 잡으십시오 .

• 오와드
• 사이트 인스파이어
• 한 페이지 사랑

예

패션에서 축제, 휴가지, 웹사이트 개발에 이르기까지 아래의 모든 사이트는 뛰어난 UI와 UX를 갖추고 있어 혁신적인 웹사이트 디자인이 얼마나 매력적이며 탐색하고 소화하기 쉬울 수 있는지 보여줍니다.

상상력이 풍부하고 재미있는 웹사이트 디자인의 뛰어난 예를 확인하려면 가장 현대적인 예가 아래에 나와 있습니다.

• nuenofashion.com
• Capsule.dior.com
• gentilhomme.com
• casa.dolcegabbana.com
• kikk.be
• glasfurdandwalker.com
• findsanctuary.com
• other-mother.com
• mydesignbuddy.co.uk
• bluetour.com
• studiopingpong.com
• alexbeigeweb.dev

마지막 생각들

UX에 대한 모든 책을 읽고 원하는 모든 과정을 수강할 수 있지만 사용성이 무엇인지 이해하려면 무언가를 만들고 사람들이 그것을 사용하도록 초대해야 합니다.

이 모든 리소스가 훌륭한 출발점이지만, 만드는 것을 두려워하지 마십시오. 실패하더라도 10배는 가르칠 것입니다.

더 읽어보기: 2021년 UI/UX, 프로토타이핑 및 와이어프레이밍을 더욱 발전시킬 16가지 최고의 웹 디자인 도구