🔖 2022년 2월 2주 TOP3

🔖 2022년 2월 2주 TOP3

프로를위한 UI/UX 디자인의 5가지비밀

이 뜻은 본질적으로 최종 사용자가 웹 사이트를 방문하거나 앱을 사용할 때 디자인(또는 디자이너)에 대해 전혀 생각해서는 안 된다는 것을 의미합니다.궁극적인 목표는 사용자의 마음에 지울 수 없는 인상을 남기면서도 과도한 관심을 끌지 않는 것을 만드는 것이죠.

이 이상은 다양한 분야의 디자이너들의 목표가 되어야 하며, 사용자 경험(UX)과 웹사이트 디자인에서도 다르지 않습니다. 이를 염두에 두고 앱이나 웹사이트를 디자인하는 동안 간과하기 쉬운 최고의 UX UI 디자인 비밀을 한번 파헤쳐 보겠습니다.

스토리텔링의 기술 마스터하기

우리는 종종 콘텐츠에서 스토리텔링의 힘에 대해서 이야기합니다. 그러나 디자인은 디지털 시대의 콘텐츠에서 없어서는안될 부분이기 때문에 시각적 스토리텔링이 *사일로화된 디자인보다 빠르게 우선시되고 있습니다. 주의 집중 시간이 빠르게 줄어들고 있는 세상에서 이는 앱의 참여도와 UI UX 디자인에 중대한 영향을 미칠 수 있습니다. 이와 관련하여 사용할 수 있는 몇 가지 편리한 기술과 도구는 다음과 같습니다.

(*사일로(Silo): 다양한 직군에서 하나의 서비스를 만들기 위해 구성된 것)

색상 팔레트:

색상 선택 및 조합은 요소에 생명을 불어넣고 이와 같은 올바른 내용을 강조하기 때문에 시각적 디자인의 중요한 부분을형성합니다.

와이어프레임:

와이어프레임은 웹 페이지의 실용적인 기능을 매핑하고 UI UX 병목 현상을 조기에 식별하는 데 도움이 됩니다. 사용성을 최우선으로 하기 때문에 웹/앱의 종단 간 워크플로를 매핑하는 것이 더 쉬워집니다.

시각적 계층 구조:

이것은 전체 사용자 경험과 직접적으로 연결됩니다. UI UX 요소의 적절한 구성과 배치로 사용자가 전반적인 메시지와의도를 더 쉽게 흡수할 수 있습니다.

프로토타입:

워크플로와 스토리가 준비되면 프로토타입은 최종 결과가 어떻게 보일지 이해하는 데 도움이 됩니다. 이는 우선 순위 요소를 선택하고 디자인 프로세스를 간소화하는 데 도움이 됩니다.

결정권의 마비

너무 많은 옵션이나 선택이 있으면 결정이 마비될 수 있습니다. 그렇게되면 사람들이 완전히 만족하지 못하는 결정을 내리게 될 수 있습니다.

최종 사용자에게 더 많은 옵션을 제공할수록 더 많은 분석을 하게 됩니다. 어떤 사람들은 너무 겁이 많고 압도되어 버려서CTA에 완전히 도달하지 못할 수도 있죠.

만약 단순함이 인터페이스 디자인의 초점이 아니라면 나쁜 사용자 경험을 제공할 가능성이 높습니다. 사실, 사용자 중88%는 혼란스러운 경험을 한 뒤에 다시 돌아올 가능성이 적습니다.

가능하면 가능한 선택을 제한하세요. 편리하게 사용할 수 있는 디자인 비밀 중 하나입니다. 또는 사용자 여정의 해당 단계에서 관련이 없는 요소를 숨길 수도 있습니다.

..

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

2022년 디자인 트렌드

2022년 UX/UI 디자인 예측 🎉

좋아요, 예측해 볼 시간이에요. 준비됐나요? 당신이 좋아하는 커피 머그잔을 들고 시작해 봐요!

가상 현실

지난 몇 년 동안 우리는 가상 현실 또는 혼합 현실이 미래라고 들었습니다.  이제 Facebook이 이름을 Meta로 변경하고미래에 대한 비전을 제시했을 때 상황이 심각한 추세로 바뀔 수 있습니다.

디자이너인 여러분은 가상 현실에 대해 더 많이 배우고, 가상 현실을 위한 훌륭한 경험을 만드는 방법을 배워야 합니다. 오늘날의 웹이나 모바일 앱 디자인과는 가능성이 많이 다릅니다.

메타에서 선보인 프로토타입 햅틱 글러브를 통해 사용자는 디지털 사물을 느낄 수 있습니다!

또한 Apple이 곧 혼합 현실 장치를 선보일 것이라는 소문도 있습니다.  우리 모두는 Apple Glasses 또는 iGlasses에 대해들어봤고 어떤 사람들은 2022년에 출시될 것으로 예상합니다. 설령 Apple이 새로운 범주의 장치 출시를 연기하더라도(Google Glasses가 실패한 후 조심해야 함) iOS의 증강 현실  장치는 훌륭하게 작동하며 새로운 목적에 맞게 조정할 수있습니다.

디자이너로서 우리는 앞으로의 트렌드에 더 많은 관심을 기울여야 합니다. 이것은 모바일이 사람들이 앱을 사용하고 서로 연결하는 방식에 혁명을 일으킨 이후 가장 큰 일입니다.

어떻게 하는 거죠? 먼저 가상 현실을 현실로 만들고자 하는 회사를 찾으십시오. Meta, Apple, Google이 무엇을 하고 있는지 봐야 합니다. 그런 다음 현재 디자인 지침을 배우고 도구를 실험해 보세요. 이 부분에서 앞으로 많은 변화(툴이 새로운 가능성과 기기에 적응할 것)를 기대하지만, 가상현실을 위한 디자인의 토대가 마련되는 것은 좋은 일입니다.

'노 코드'(No Code)가 표준이 될 것입니다.

 No Code는 제가 몇 년 동안 관찰한 추세입니다. 저는 스티브 잡스가 디자인이란 겉모습이 아니라고 한 말이 마음에 들었습니다. 이것이 그 솔루션이 작동하는 방식입니다. 제 솔루션이 의도한 대로 작동하도록 하기 위해 몇 가지 프로그래밍언어를 배웠습니다(심지어 몇 년 동안 개발자로 일했습니다). 하지만 이것은 많은 디자이너들이 할 수 있는 방법이 아닙니다. 다행히도, 점점 더 많은 솔루션이 도움을 주고 있습니다.

디자이너라면 가장 먼저 주목해야 할 것은 Webflow입니다.  Webflow를 사용하면 랜딩 페이지에서 블로그 및 회사 웹사이트를 통해 상점과 더 복잡한 플랫폼에 이르기까지 모든 종류의 웹 사이트를 만들 수 있습니다. UX/UI 리소스를 위해만든 모든 랜딩 페이지는 Webflow로 구축되었으며, 솔루션이 어떻게 발전하는지 매우 기쁘게 생각합니다.

Webflow의 장점은 사용 편의성에 있습니다. 개발자와 동일한 매개변수와 기능을 사용하지만 시각적으로 사용합니다. 이렇게 하면 실제로 부드러운 상호 작용과 애니메이션을 만들 수 있습니다. 당신은 거의 모든 것을 조작하고 어떻게 작동하는지 테스트할 수 있는 힘을 가지고 있습니다.

..

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

사용자 인터페이스의 클레이모피즘

평면 스크린에서 깊이의 환상을 갈구하는 방법.

새로운 디자인 트렌드가 등장하고 있습니다. 이번에는 UI 세계에서 벗어나 예술 공간으로 발을 들여봅시다.

안녕하세요, 클레이모피즘입니다!  👋

잠시 후 이 스타일의 모습과 특징에 대해 알아보겠습니다. 그 전에 이 방에 있는 Neumorphic이라는 코끼리를 처리해야합니다.

다시 깊이를 재창조하다.

명백한 것부터 시작하겠습니다. 첫 번째 아티클에서 언급했던 이유로 인해 뉴모피즘은 실제로 성공하지 못했습니다. 저는 그것의 가장 큰 문제가 접근성이었다고 생각하지 않습니다. 약간의 조정으로 접근 가능하게 만들 수 있기 때문이니까요. 그래도 아니었습니다. 더 큰 문제는 대부분의 예시에서도 보듯이 단순히 시각적으로 지루하다는 것이었습니다. 이를보상할 수준의 충실도를 달성하려면 많은 예술적 기술과 거의 불가능한 프론트엔드 기능이 필요했었습니다.

뉴모피즘은 개발자 커뮤니티에서 매우 강력한 지지자들이 있었고 일부 프로덕트는 실제로 그 스타일을 사용하여 구축되었습니다. 좋든 나쁘든 말이죠.

그러나 디자이너들은 대부분의 프로덕트에서 흔히 볼 수 있는 평면 디자인에 점점 지루해졌습니다. 사람들은 가짜일지라도 더 깊이 있는 것을 원하는 것처럼 보이지만 반드시 뉴모피즘이 시도한 방식으로 행해지는 것은 아닙니다.

일부 실제 프로덕트는 실제로 Neumorphic 스타일을 사용하여 제작되었습니다.

뉴모피즘 2.0?

평면 디스플레이의 초창기부터 우리는 평면 디스플레이에서 깊이를 시뮬레이션하려고 했습니다. 그 높은 수준의 스큐어모픽 접근 방식은 우리가 보고 있는 것을 더 잘 처리하는 동시에 더 친근하고 유기적이며 단순한 인간이 되는 데 도움이됩니다.

푹신한, 친근한, 3D

메타버스의 등장과 NFT의 3D 장면의 인기가 높아짐에 따라 폭발했습니다.  Spline과 같은 도구는 모든 디자이너가Photoshop에서 작업하다가 Sketch가 했던 방식처럼 풍경을 바꾸었습니다.

그러나 한 가지 특정 스타일의 3D가 인기를 얻고 있는 것으로 보이며 종종 그렇지 않으면 이는 최소한의 디자인과 혼합됩니다.  저는 그것을 "fluffy 3d"라고 부르며 이것이 주류가 되는 것을 처음 알게 된 것은 스타트업 Pitch가 이를 귀여운키 비주얼로 사용했을 때였습니다. 그 이후로 Amrit Pal Singh, Sam Briskar, Icons8의 팀 및 다른 사람들은 이 스타일을탐구하여 아트워크, UI 에셋 및 아이콘을 통해 이 스타일을 더욱 발전시켰습니다.

..

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

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

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

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

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

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