본문 바로가기

전체 글18

[요즘IT] 2021년, UI 디자이너가 모바일 앱에서 흔히 저지르는 실수 본문은 위시켓과 번역가 윌리(Willy)가 함께 만든 해외 콘텐츠 기반 번역문입니다. 사용자 경험(UX)과 관련된 다양한 정보를 다루는 블로그 매체 ‘UX Planet’의 글을 번역했습니다. 작가는 닉 배비치(Nick Babich)는 현업 소프트웨어 개발자인 동시에 블로그 ‘UX플래닛’을 운영하고 있습니다. 본문은 UI 디자이너가 모바일 앱을 디자인할 때, 가장 흔히 저지르는 실수를 알아보고 이를 예방할 수 있는 팁들을 소개합니다. 2021년 현재까지도 많은 디자이너가 모바일 앱 UI를 디자인할 때 같은 실수를 반복하고 있습니다. 이 중 가장 흔한 사례를 여러분과 하나씩 알아보겠습니다. 1. 타이포그래피 본문에 너무 작은 폰트를 사용. UI에 너무 작은 폰트를 사용하는 경우가 종종 있습니다. 12pt 미.. 2021. 8. 25.
실제 UI 디자인 – 다크 모드 실용적인 팁과 요령. 기술은 항상 우리와 함께합니다. 우리는 밤낮으로 앱과 상호 작용하고 웹 사이트를 읽습니다. 경우에 따라 디지털 솔루션의 흰색 화면이 우리 눈에 불편할 수 있습니다. 그렇기 때문에 점점 더 많은 디자이너들이 빛과 어둠이라는 두 가지 테마로 작품을 만드는 데 관심을 기울이고 있습니다. 다크 모드에는 사용자가 자연스럽게 사용할 수 있도록 따라야 하는 특정 규칙 이 있습니다. 이 이야기에는 모두 포함되어 있으므로 긍정적인 경험을 가져다주는 테마를 만들 수 있습니다. 좋아, 좋아하는 커피 잔을 들고 다크 사이드로 전환합시다! 왜 다크모드인가? 어두운 테마의 주요 장점은 저조도 환경에서 더 나은 가독성입니다 . 다크 모드는 장치 화면의 휘도를 줄입니다. 시각적 인체 공학을 개선하고 특정 조명 .. 2021. 8. 25.
색의 의미 _ 그린 생명, 재생, 자연 및 에너지의 색인 녹색 은 성장, 조화, 신선함, 안전, 다산 및 환경의 의미와 관련이 있습니다. 녹색은 또한 돈, 재정, 은행 업무, 야망, 탐욕, 질투 및 월스트리트와도 관련이 있습니다. 녹색 은 치유력이 있으며 인간의 눈으로 보기에 가장 편안하고 편안한 색상으로 알려져 있습니다. 녹색은 시력, 안정성 및 지구력을 향상시키는데 도움이 될 수 있습니다. 녹색은 인간의 눈에 보이는 스펙트럼에서 더 많은 공간을 차지하며 자연에서 가장 많이 볼 수 있는 색상입니다. 인간으로서 모든 곳에서 그것을 보는데 너무 익숙하기 때문에 인테리어 디자인에서 이상적인 배경색으로 선택되기도 합니다. 녹색은 재생, 성장 및 희망과 연관되어 있기 때문에 녹색은 경험의 부족과 성장의 필요성을 나타냅니다. 녹색은.. 2020. 8. 14.
색의 의미 _ 옐로우 햇빛, 희망, 행복의 색인 노란색은 상반되는 의미를 가지고 있습니다. 노란색은 신선함, 행복, 양성, 선명도, 에너지, 낙관주의, 깨달음, 기억, 지성, 명예, 충성도 및 기쁨을 나타내지만, 반대로 겁과 속임을 나타내기도 합니다. 흐릿하거나 거무스름한 노란색은 질병 및 질투를 나타낼 수 있습니다. 연구에 따르면 노란색의 의미는 따뜻함, 활기, 정신 활동 증가, 근육 에너지를 증가 할 수 있습니다. 노란색은 기억력 향상, 의사 소통 촉진, 시력 향상, 자신감 구축 및 신경계 자극에 도움이 됩니다. 밝은 노란색은 주의를 끄는 색상이며 검은색과 함께 사용하면 원거리에서 읽고 볼 수 있는 가장 쉬운 색 조합 중 하나입니다. 학교 버스, 택시 및 교통 표지가 노란색과 검은색으로 칠해진 이유입니다. 노란색은 종종 .. 2020. 7. 29.
색의 의미 _ 오렌지 빨강과 노랑이 혼합된 오렌지색은 빨강과 관련된 에너지와 노랑과 관련된 행복의 혼합물입니다. 오렌지는 기쁨, 따뜻함, 열기, 햇빛, 열정, 창의성, 성공, 격려, 변화, 결단, 건강, 자극, 행복, 재미, 즐거움, 균형, 성욕, 자유, 표현 및 매혹의 의미와 관련이 있습니다. 오렌지 색은 기쁨과 창의성의 색입니다. 오렌지는 동정심, 열정, 따뜻함과 같이 공유해야 할 전반적인 건강과 정서적 에너지를 증진시킵니다. 오렌지는 사람이 실망, 상처 입은 마음 또는 자존심의 타격에서 회복하는 데 도움이 됩니다. 오렌지 색의 의미는 자극적이고 활기차고 화려합니다. 빨강과 노랑으로 구성되어 있지만 차분한 노랑과 결합하여 빨강보다 덜 공격적이고 덜 강렬합니다. 연구에 따르면 오렌지 색은 활동 감각 향상, 사교력 증가, 매.. 2020. 7. 8.
색의 의미 _ 레드 색상은 감정, 인식, 영적, 육체적 건강에 큰 영향을 미칩니다. 브랜드, 비즈니스 및 메시지를 나타내는 색상을 선택할 때 올바른 색상을 선택하고 있습니까? 색상의 의미를 이해하는 것은 매우 중요합니다. 색상의 의미를 이해하면 이를 활용하여 메시지를 보다 효과적으로 전달하고 고객과 고객 사이를 연결할 수 있습니다. 피와 불의 색인 빨강은 사랑, 열정, 욕망, 열, 갈망, 정욕, 성욕, 로맨스, 기쁨, 힘, 리더십, 용기, 활기, 의지력, 분노, 위험의 의미와 관련이 있습니다. 레드는 단호하고, 대담하고, 결단력이 있고, 활기차고, 강력하고, 열정적이며 충동적이고 흥미롭고 공격적입니다. 빨강은 육체 에너지, 정욕, 열정 및 욕망을 나타냅니다. 또한 행동, 자신감, 용기를 상징합니다. 빨간색은 생존과 자기보호.. 2020. 7. 6.
Linkedin : 완벽한 UX 포트폴리오를 만드는 방법 포트폴리오 계획 UX 디자인 포트폴리오는 이전 프로젝트에 대한 일련의 사례 연구로 구성됩니다. 이것들은 UX 프로세스에 접근하는 방법과 디자이너가 누구인지를 보여줍니다. 우리는 채용사례가 단순히 설계결과를 알아채지 못하기 때문이라 생각하고 이러한 사례연구가 얼마나 중요한지를 전달하는 데 열중했습니다. 디자이너가 포트폴리오를 만드는 방법에는 여러 가지가 있으며 여기에는 포함할 다양한 요소가 있습니다. 크리스틴은 디자이너 포트폴리오를 구성하는 가장 일반적인 몇 가지 요소를 언급했습니다. 사례 연구 포트폴리오 대부분은 귀하의 사례 연구일 것입니다. Kristine(디자인 매니저)은 4-6건의 사례 연구를 포함할 것을 권장합니다. 6건 이상의 사례를 포함할 수 있지만 담당자한테 부담을 주고 자신의 장점을 희석할.. 2020. 7. 5.
미니멀 UI 디자인 : 여백에 관한 완벽한 가이드 미니멀한 UI 디자인이란 무엇입니까? 미니멀한 UI 디자인은 기본적으로 미니멀 디자인으로 거슬러 올라갑니다. 제품에 상관없이 20세기 디자인 철학은 "더 적은 것"입니다. 웹 디자인에서 사용 편의성과 우수한 사용자 경험을 유지하면서 주어진 디자인의 기능에 절대적으로 필요한 요소만 포함하여 미니멀리즘을 달성합니다. “최소주의는 무언가 부족한 것이 아닙니다. 모든 필수 요소의 완벽한 양일뿐입니다.” (Inkoniq Design의 UI / UX 디자이너 Sumit Jaiswal) 간단하게 들리나요? 그러나 기존 웹 사이트 디자인에서 단순히 요소를 제거하여 미니멀리즘을 달성할 수는 없습니다. 디자인을 정사각형으로 다시 생각해야 합니다.미니멀리즘과 단순성의 개념은 우리에게 그것이 항상 덜 중요하다고 생각하도록 속.. 2020. 7. 2.
UI 레이아웃 디자인 6가지 패턴 UI 레이아웃 디자인에 관해서는 일반적인 디자인 패턴을 이해함으로써 더 나은 디자인을 만들고 프로토타입 할 수 있습니다. 일관된 UI 레이아웃 디자인 작성은 우리 중 가장 경험이 많은 UX/UI 디자이너들에게도 힘든 작업입니다. UI 패턴의 보고에서 고를 수 있기 때문에 동일한 콘텐츠를 다양한 방법으로 만들 수 있습니다. 웹이나 모바일 UX 디자인에서 가장 중요한 부분입니다. 겉보기에는 그렇게 중요한 부분이라고 생각하지 않을 수 있습니다. 하지만 일반적인 사용자 인터페이스의 설계 패턴을 검토하면 콘텐츠를 가장 효과적으로 표시하는 방법을 확인할 수 있습니다. UI 레이아웃 설계의 6가지 필수 예를 보고 각각의 개요를 소개하려 합니다. UI 패턴을 분석하여 디자인을 프로토타입 할 때 어떻게 사용하는지 이해할.. 2020. 6. 30.
UI 치트 시트 : 버튼 제가 좋아하는 디자인 요소는 버튼입니다. 실제로 사랑의 버튼을 넣습니다. 이 커닝 시트에서는 다양한 종류의 버튼, 상태, 인터렉션을 체험하게 됩니다. 이 스토리에서는 라디오 버튼, 탭, 체크박스 및 기타 유형의 버튼은 무시합니다. 여기에서는 「통상」 버튼만 보겠습니다. 버튼 동작 일반적인 버튼 스타일 버튼 색상 및 스타일링 버튼 상태 및 피드백 버튼 라벨링 터치 대상 버튼 위치 버튼 명예의 전당 나의 생각 1. 버튼 동작 이 섹션에서는 버튼의 계층과 버튼의 통신 언어에 대해 설명을 합니다. 버튼의 액션은 외형이 아니라(다만 사용자는 버튼의 의미를 스타일링으로 알 수 있습니다), 사용법에 따라 결정됩니다. 1.Call to action (CTA / C2A) 상황에 따라 행동 버튼은 일반적으로 서명/등록/지.. 2020. 6. 24.
2020 년의 8 가지 UI 디자인 트렌드 티그는 기술의 빠른 성장이 매년 디자인 트렌드에 영향을 미칩니다. 설계자로서 우리는 기존 및 향후의 설계 추세를 알고 있어야 하며 현재 시장에서 최신 상태를 유지하기 위해 설계 툴킷을 지속적으로 학습, 개선 및 확장해야 합니다.나의 연구, 경험 및 관찰에 기초하여 2020 년에 지켜봐야 할 8 가지 UI / UX 디자인 트렌드를 신중하게 선택했습니다. 시작하겠습니다! :) 일러스트레이션은 오랫동안 디지털 제품 디자인에 있었습니다.지난 몇 년 동안의 진화는 매우 인상적입니다. 매우 인기 있는 디자인 요소 인 일러스트레이션은 제품의 전체 UX에 자연스러운 느낌과 "인간의 터치"를 더합니다. 일러스트레이션은 또한 매우 주목을 끄는 그래버입니다. 맨 위에는 이러한 일러스트레이션에 모션을 적용하여 제품에 생명을 .. 2020. 6. 24.
디자인의 색상 : 사용자 행동에 미치는 영향 이 기사는 사용자 인터페이스 및 브랜딩 디자인, 연관 및 색상 선택이 사용자 행동에 미치는 영향에 다양한 색상을 사용하는 문제에 대해 다루고 있습니다. By Alina Arhipova 우리는 매일 모든 곳에서 다양한 색상으로 둘러싸여 있습니다. 주변 상황을 자세히 살펴보면 여러 가지 색상과 음영으로 놀라게 될 수 있습니다. 사람들은 일상의 색채가 얼마나 화려한 지 알지 못할 수도 있지만 색상은 우리의 행동과 감정에 큰 영향을 미칩니다. 오늘 우리의 기사는 색채 심리학이라는이 문제를 연구하는 과학에 전념합니다. 색상의 의미를 정의하고 디자인에 적합한 색상을 선택하는 방법에 대한 몇 가지 팁을 살펴보겠습니다. 색채 심리학이란 무엇입니까? 인간의 기분과 행동에 대한 색상의 영향을 연구하는 심리학의 한 부분입니.. 2020. 6. 23.