[데브기어 온라인 세미나-다시보기] 최신 UI/UX 디자인 트렌드 앱 개발 방법

[김나래]

 

최신 UI/UX 디자인 트렌드 앱 개발 방법

 

모니터 해상도는 계속해서 좋아지고 있고, 사용자들은 사용성이 좋은 앱을 우선적으로 선택합니다. 개발자들은 고민합니다. 이해하기 쉽고 상호 작용이 뛰어난 UI는 어떻게 디자인해야 할까요?

델파이는 이미 최신 UI를 지원하는 기능들을 제공하고 있습니다.
기존 애플리케이션을 최신 스타일로 현대화할 수 있는 강력한 컴포넌트들과, 무료 스타일들. 여러분은 어떻게 활용하고 계신가요?

이번 세미나에서는 개발자가 알아두면 좋은 최신 UI/UX를 정리하고, 실제 델파이에서 어떻게, 얼마나 쉽게 구현할 수 있는지를 알아봅니다.

• 일시: 2023년 2월 9일(목), 오후 2시 ~ 오후 3시 30분
• 어젠다:
  • 오후 2:00 ~ 2:10 - 인사말
  • 오후 2:10 ~ 2:30 - Part 1. 개발자에게 도움이 되는 앱 디자인
  • 오후 2:30 ~ 2:40 - 쉬는 시간
  • 오후 2:40 ~ 3:20 - Part 2. 세련된 UI/UX를 구현하는 델파이 기술
  • 오후 3:20 ~ 3:30 - 실시간 Q&A

 

발표자료

• 발표자료 & 샘플 소스코드 다운로드 : https://github.com/devgear/UIUXSeminar2023

 

세미나 다시보기

세미나는 총 2개 세션으로 진행되었으며, 다시보기는 [세션 1]과 [세션 2] 각각 나뉘어져 있어 원하는 주제를 선택해서 볼 수 있습니다.

• Part 1. 개발자에게 도움이 되는 앱 디자인

 

• Part 2. 세련된 UI/UX를 구현하는 델파이 기술

 

 

세미나 Q&A

질문> 스마트폰 기종에 해상도가 다른데 간혹 UI가 다르게 표현될 때가 있습니다. 방어할 수 있는 방법이 있을까요?

답변> 모바일 앱 개발시에 빌드 타겟을 윈도우로 지정하고 빌드 한 후에 윈도우에서 폼의 크기를 계속 바꿔 보면서 UI 요소들이 문제 없이 잘 표현 되는지 확인 해보는 것이 좋은 방법 입니다. 특정 크기에서 별도로 원하는 UI 형태가 있다면 메인폼의 OnResize 이벤트에서 Form 의 Width 와 Height 값을 체크한 후 분기 해서 별도로 지정 하면 됩니다.

 

질문> 리스트 상하 스크롤 시 마지막에 튕기는 물리 효과 주는 방법

답변> TFloatAnimation 의 Interpolation 속성을 Bounce 로 하면 튕기는 효과가 나지만 리스트 박스 스크롤에는 TFloatAnimation 속성이 바로 적용이 안됩니다.  Bounce 값을 읽어서 스크롤 좌표애 직접 지정하는 방법을 사용 할 수 있을 것 같습니다.

 

질문> 탭 컨트롤 좌우 넘기기 할 때 스크롤 하는 손가락 따라서 움직이는 방법

답변> 기본 탭을 손가락을 따라 움직이지 않으므로 TRectangle 객체를 사용하여 탭을 만들어서 마우스 다운시 X 좌표를 따라서 움직이게 하면 될것 같습니다. 

 

질문>TMS 관련 자료가 있다면 받아보고 싶습니다.

답변> 이곳 포럼의 기술기고 게기판에 TMS 자료를 많이 올려 두었습니다. 아래 링크를  따라가시면 됩니다.

https://welcome.devgear.co.kr/tags/tms/