디자인 카타

* 아이폰 사파리(Safari) 탭, 무엇을 더 선호하시나요?

https://designus.io/topic/225

• 왜 해당 UI가 더 좋은 지 작성합니다.
  A안. 스마트폰 상호작용 중 75%가 엄지손가락으로 이루어지는데 한 손 만으로 인터페이스를 사용하는데는 A안이 더 적합하다. 게다가 스크롤 다운을 하면 주소창이 사라지는 인터렉션이 있어 콘텐츠 영역을 더욱 더 넓게 사용할 수 있다.
  

• 나머지 하나의 UI는 왜 별로인지, 왜 선택하지 않은지 작성합니다.
  B안. PC에서 모바일로 넘어오면서 익숙했던 경험으로 자연스레 인터페이스 창이 상단에 붙었는데 상단에 위치한 인터페이스를 조작하기 위해선 두 손가락을 사용하거나, 손가락을 멀리 뻗어야 하므로 불편하다.

• 내 의견을 뒷받침 할 수 있는 실 사례가 있는지 찾아봅니다. 도전
  "사파리의 검색 탭은 왜 하단에 있을까?" : https://aeeong.tistory.com/62

* 튜터님 의견

---

하루 한 장 UX의 법칙 100

DAY 02. UX와 UI를 동시에 작업하라.

핵심 논쟁은 한 명의 디자이너가 UX와 UI를 모두 할 수 있는지, 혹은 해야 하는지, 그리고 시각적UI 디자인을 시작하기 전에 얼마나 많은 UX디자인의 기초 작업이 완료되어야 하는지에 관한 것이다. 디자이너 한 명은 UX에 집중하고, 다른 디자이너는 UI에 집중하면서 두 작업을 동시에 진행한다. UX디자인은 사용자의 니즈, 욕구, 행동, 맥락을 고려하는 기초 설계 혹은 청사진이며, UI디자인은 시각적 디자인으로 무언가를 사용하기 쉽고 직관적으로 만드는 것이다. UX와 UI가 처음부터 끝까지 긴밀하게 협력해야 하는 이유는 모든 노력이 같은 방향으로 나아가도록 하기 위함이다.

---

식사 시간 팀 활동

* 디지털 디자인, 이제 어디로 가야 할까?

https://mag.surfit.io/design-trends-beyond-minimalism/

최근 디지털 디자인 분야에서는 플랫 디자인의 단조로움을 넘어, 사용자에게 더 풍부하고 감각적인 경험을 제공하려 한다. 디지털 디자인은 단순히 시각적인 아름다움을 넘어서, 사용자에게 깊이 있는 감각적 경험을 제공하고, 의미 있는 경계를 만들어 집중을 도와주는 방향으로 발전할 것 같다.

---

챕터4_피그마 활용 심화

컴포넌트 인터랙션

* 컴포넌트 인터랙션의 개념

• 우리가 사용하는 서비스는 다양한 UI로 만들어져 있다.
• 이 UI들은 우리 행동에 따라 적합한 시각적 피드백을 제공한다.
• 예를 들면, 버튼을 누르고 있을 때는 색샹이 변하거나 버튼이 실제로 눌린 것 같은 효과를 보여준다.
• 피그마에서 프로토타입을 사용해서 컴포넌트 자체에 UI의 시각적 피드백을 인터랙션으로 구현해줄 수 있다.
• 또한 UI의 상태가 달라지는 경우를 일일히 추가 화면으로 만들지 않아도 되기 때문에, 시간과 비용을 절약할 수 있다.

오버레이 프로토타입

* 오버레이 프로토타입

• 다이얼로그처럼 오버레이 속성은 가진 UI들은 프로토타입에서 오버레이를 활용해 만들 수 있다.
• 프로토타입 대신 다이얼로그가 보이는 화면 디자인 자체가 필요한 경우도 있기 때문에 프로토타입으로 만들건지, 화면 디자인으로만 둘건지는 상황에 맞게 선택해도 괜찮다.

드래그 프로토타입

* 드래그 프로토타입

• 드래그 프로토타입은 드래그하는 방향에 따라 프레임 전환이 발생하는 독특한 기능이다.
• 하나의 프레임에 드래그라는 통일한 트리거로 여러 프레임을 적용할 수 있다.
• 즉, 드래그 방향에 따라 다른 화면이 나오도록 만들 수 있다.
• 이미지 슬라이드 같은 캐러셀이나 회전 등의 인터랙션을 만들 때 유용하게 사용할 수 있다.

---

피그마 기초 및 심화

---

🥰 Blah Blah

어쩐지 할 일이 점점 많아지는 느낌적인 느낌 (과연 느낌일까..) 할 일이 줄줄이 비엔나소시지 같다. 피그마 심화 강의에서 스택(Stack)이랑 독(Dock) 만들 때 좀 헤맸었고 복습이 필요할 것 같다. 그리고 첫 번째 개인과제 피드백이 왔는데 뭔가 개운치 않아 다시 한번 확인해야겠다.