본문 바로가기

Kor/UX&UI52

Font? px, pt, inch, pica, em, rem?!?! 시작하기에 앞서.. 아티클에서 다룰 단위 DPI - 1인치당 들어가는 픽셀의 수를 표현한 단위 (Dots per inch) pica - 파이카는 18세기에 만들어진 타이포그래피의 유닛 단위. 보통 1인치는 6분의 1로 나눈 값이다. px - 픽셀 pt - 파이카를 12조각으로 나눈 단위입니다. em - 웹에서 부모요소의 상대적 크기를 갖는 단위 일반적으로 1em = 16px 으로 환산 rem - em의 앞에 root(r)이 붙었으며 부모요소가 아닌 전체 root=html에서 지정한 값을 상대적으로 갖는 크기 단위 폰트는 어디서부터 쓰였을까? 적어도 모니터는 아닐 것이다. 폰트의 크기에 대한 개념은 활자시대에서부터 거슬러 올라왔으며 우리는 폰트를 이해하기 위해서 과거의 단위를 끌어와야한다. 인쇄물의 최소단.. 2023. 2. 27.
UX 디자인에서 색상의 힘: 심리학을 통한 사용자 경험 향상 개요 색상은 UX 디자인의 강력한 도구이며 색상의 심리학을 이해하는 것은 효과적이고 매력적인 사용자 경험을 만드는 데 필수적입니다. 이 기사에서는 색상이 사용자 경험에 미치는 영향을 살펴보고 디자인에 색상을 사용하기 위한 실용적인 팁을 제공합니다. 색상의 의미 색상은 문화적 맥락과 개인적인 경험에 따라 다른 의미와 연관성을 가질 수 있습니다. 다음은 몇 가지 일반적인 색상 조합입니다. 빨간색: 열정, 에너지, 위험 주황색: 친근감, 따뜻함, 흥분 노란색: 행복, 낙천주의, 주의 녹색: 성장, 자연, 균형 파란색: 신뢰, 침착함, 전문성 보라색: 고급스러움, 창의성, 영성 검은색: 정교함, 힘, 신비 흰색: 순수함, 단순함, 천진난만함 회색: 중립성, 격식, 안정성 이러한 연관성이 보편적이지는 않지만 디자.. 2023. 2. 23.
UX 디자인의 미래: 2023년 이후의 트렌드 소개 사용자 경험(UX) 디자인 분야는 최근 몇 년간 급속도로 발전했으며 앞으로도 쇠퇴할 조짐은 보이지 않습니다. 기술이 발전함에 따라 UX 디자이너는 사용자를 위한 혁신적이고 매력적인 경험을 창출해야 하는 새로운 도전과 기회에 직면해 있습니다. 이 기사에서는 2023년 이후의 UX 디자인에서 주목해야 할 몇 가지 트렌드를 살펴보겠습니다. 1. 음성 사용자 인터페이스 Siri, Alexa 및 Google Assistant와 같은 음성 비서의 인기가 높아지면서 VUI(음성 사용자 인터페이스)는 UX 디자인에서 점점 더 중요한 부분이 되고 있습니다. 앞으로 점점 더 많은 제품과 서비스가 VUI를 염두에 두고 설계되어 사용자가 자연어를 사용하여 VUI와 상호작용할 수 있게 될 것입니다. 2. 증강현실 증강 현.. 2023. 2. 22.
서비스 사용자 인터뷰에서 피해야 할 10가지 사항 개요 서비스 이용자 인터뷰를 진행할 때, 존중적이고 공감적이며 유익한 방식으로 접근하는 것이 중요합니다. 서비스 제공자로서, 최상의 서비스를 제공하기 위해 가능한 많은 정보를 수집하고자 합니다. 그러나, 인터뷰에서 피해야 할 특정한 것들이 있습니다. 이 글에서는 서비스 이용자 인터뷰에서 피해야 할 10가지 사항을 살펴보겠습니다. 1. 기술 용어나 복잡한 언어 사용 기술 용어나 복잡한 언어를 사용하면, 서비스 이용자가 기술 용어나 복잡한 언어를 잘 이해하지 못하는 경우, 질문에 대한 이해도와 정확한 답변을 제공하는 것이 어렵습니다. 간단한 언어를 사용함으로써, 서비스 이용자가 질문에 대한 이해도와 정확한 답변을 제공할 수 있도록 도와주어야 합니다. 2. 서비스 이용자 방해나 서두르기 서비스 이용자가 질문에.. 2023. 2. 20.
시각 장애인을 위한 디자인 - 스크린 리더 시각 장애인이란? 시력 장애 - 저시력이나 맹을 이야기한다. 색각 장애 - 색약과 색맹을 이야기한다. 그 외에도 시야 장애, 광각 장애, 굴절 장애 등 많은 분류가 있지만 이 글이 시각 장애인에 대한 깊은 조사를 하는 내용이 아니기 때문에 대부분 알고 있는 시력 장애와 색각 장애를 기준으로 이야기해보자. 시각 장애인을 위한 기능과 디자인 스크린 리더(Screen Reader) 핀치 투 줌 (Pinch to Zoom) 색상과 형태의 명확한 대비 레이블 스크린 리더(Screen Reader) 스크린 리더 기능은 TTS(Text To Speech의 약자로 문자를 음성으로 변환해주는 솔루션을 말합니다.)를 활용해서 저시력자 혹은 맹인에게 화면의 텍스트나 이미지를 읽어주는 것을 말한다. 시력 장애를 가진 분들은 .. 2020. 7. 12.
[101가지 UX 원칙] #17,19 페이지의 무한 스크롤 디자인하기 #17 피드 스타일의 콘텐츠에서만 '무한 스크롤'을 사용하라 '무한 스크롤'이란 쉽게 얘기하면 '인스타그램이나 페이스북 같이 끝이 없이 콘텐츠가 제공되는 형식의 스크롤 방식을 이야기한다. 사용자가 페이지의 하단에 다다르면 더 많은 항목을 비동기적으로 로딩하면서 페이지가 계속 생성되게 하는 방식인데, 사용자들에게 매우 편리한 기능을 제공한다. *어떤 루틴을 완전히 끝내고 제어를 반납하면 동기식 -> 커피를 주문하고 커피가 나갈 때까지 다른 손님의 주문을 받지 않음. *동작이 안 끝났어도 일단 제어권을 반납한 후 지 할 일 계속하면 비동기식 -> 커피를 주문하고 커피가 나올때까지 새로운 주문을 받을 수 있음. 출처: https://jajubogi.tistory.com/14 [까먹지 말자! 자주 보자!] 일반.. 2020. 6. 14.
반응형

티스토리툴바