Jane’s Insights

Design

12. UX심리학 2탄. 게슈탈트 이론
2024-06-05·

12. UX심리학 2탄. 게슈탈트 이론

[NN/g 아티클번역] 디자인에서 한 영역 내의 요소들은 관련이 있다는 의미로 인식된다.

11. UX심리학 1탄. 터널 시야와 선택적 주의
2024-06-04·

11. UX심리학 1탄. 터널 시야와 선택적 주의

[NN/g 아티클번역] 사용자는 화면에 떡하니 놓여있는 것을 보지 않는다. 선택적 주의는 사람들이 주의 집중되는 영역 이외의 것들을 간과하게 만든다.

10. 2024의 UX/UI 디자인 트렌드
2024-05-22·

10. 2024의 UX/UI 디자인 트렌드

[Medium번역] 지금이라도 정리해보는 2024 디자인 트렌드

09. 90%의 디자이너는 ‘채용 불가능’이다?
2024-05-21·

09. 90%의 디자이너는 ‘채용 불가능’이다?

[Medium번역] 채용 담당 디자이너의 입장에서, 포트폴리오에 대한 생각

08. 시니어 사용자를 위한 디자이너의 고민
2024-04-18·

08. 시니어 사용자를 위한 디자이너의 고민

우리가 생각하는 ‘좋은 UI’는 어느순간 차별과 배제를 일삼는것이 현실이다.

04. 디자인 시스템 알아가기(1편)
2024-04-16·

04. 디자인 시스템 알아가기(1편)

→ 스타일/디자인가이드와의 차이점: 도출된 컴포넌트는 변형하지 않고 사용한다!!🧐고려해야할 점: 화면의 구조를 원자, 분자, 유기체, 템플릿, 페이지로 구성하는 방식(물질을 구성하는 화학 원리를 인터페이스에 적용한 것)→ 아톰의 사용으로 디자인이 유연하면서 동시에 일관성이 유지됨실제로 사용된 예)Figma /Tokens Studio 플러그인1.디자인시스템 개념모아보기국내 기업 사례

05. 디자인 시스템 활용하기(2편)
2024-04-16·

05. 디자인 시스템 활용하기(2편)

사용할 팔레트의 각 색을 0~100%로 준비한다. (여기서는 gray는 쿨그레이 사용)의미를 가진 핵심적인 색. 악센트, 긍정 부정 경고의 색이 가장 중요하다Semantic: 의미의. 언어의, 여기서는 컬러의 시각적인 문법, 구조, 위계…를 뜻한다 Visual Hierarchy를 나타내기위한 배경, 텍스트, 획의 색상을 (중요도별로 Primary, Secondary, Tertiary) 미리 지정한다.토큰 네이밍 방법: 레벨,폰트 사이즈,행간원문

03. 웹 접근성-Color편
2024-04-15·

03. 웹 접근성-Color편

장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항 입니다.출처: wa korea적합성 수준 등급은 세부지침이 갖는 중요도에 따라 3단계로 분류한 것. (A: 강력하게 권장~ AAA: 접근성 극대화를 위한 최고의 선택)저시력자 및 색각 이상자, 노인 등 을 위한 웹접근성 가이드에 따라 접근성이 떨어지면 이런 식으로 알려준다.같은 기능인데, 프레임이