ui/ux 윈도우 11에서 시각적 디자인을 하는 비법

[Kori]

이안 바커 (Ian Barker)의 "Secrets of Visual Design on Windows 11" 를 번역했습니다. (원문 작성: 2020년 11월 14일, 최종 번역: 2022년 11월)

정말 훌륭한 IDE 소프트웨어를 사용하면 소프트웨어 개발자에게 정말 힘이 된다. RAD 스튜디오에는 델파이만 있는 것이 아니라 더 많은 것들이 있다 - 내 생각에 델파이는 가장 쉬운 전문적인 현대 프로그래밍 언어이다 - 뿐만 아니라, 대단한 것들이 잔뜩 들어있다. 우리의 앱이 실리콘밸리 벤처 자본의 상당한 재정 지원을 받고 있는 것처럼 보일 수 있도록 전문적으로 디자인된 많은 그래픽 프로그램 스타일들 역시 그 중 일부이다. 그 중에서 원하는 것을 고르기만 하면 된다. 더 나아가, 우리는 이미 널리 사용되고 있는 RAD 스튜디오 안에 들어있는 시각적 그리고 비-시각적 컴포넌트 뿐만 아니라 써드-파티에서 제공하는 수많은 라이브러리와 기술들에 이르기까지 너무나 많은 선택을 할 수 있다. 앱이 운영 체제의 최신 버전에서 쓸모있고, 겉모습 역시 현대적이도록 만드는 것은 특히 중요하다. 예를 들면, 윈도우 11 시각적 디자인과 같은  빠르게 움직이는 목표를 맞추려고 할 때를 생각해 볼 수 있다.

목차

윈도우 11을 신경쓰는 것이 정말 필요할까, 일부 컴퓨터에서는 윈도우 11이 실행되지 않는데도?

윈도우 11의 시각적 디자인을 신경써야 하는 이유는?

오래된 앱에 윈도우 11의 시각적 디자인을 입힐 수 있는 가장 빠르고 저렴한 방법은?

윈도우 11에서 내 앱을 시각적으로 개선하기 위해 내가 더 할 수 있는 것은?

'윈도우 11에서 시각적 디자인을 하는 비법' 웨비나를 다시 보려면?

RAD 스튜디오에서 델파이를 사용하여 시각적 디자인을 하는 방법에 대한 더 많은 자료는?

'윈도우 11에서 시각적 디자인을 하는 비법' 웨비나의 발표자료?

---

윈도우 11을 신경쓰는 것이 정말 필요할까, 일부 컴퓨터에서는 윈도우 11이 실행되지 않는데도?

그렇다. 사실이다. 윈도우 11이 예쁘고 무척 많은 새 기능이 있음에도, 윈도우 11은 그 시스템 요구사항을 보면 상당히 많은 오래된 컴퓨터에서 작동하지 않는다. 하지만 무어의 법칙(18 개월마다 컴퓨팅 장비의 비용은 절반으로 줄어들고, 능력은 2배가 된다) - 여전히 사실이다 - 덕분에, 윈도우 11을 실행할 수 없는 컴퓨터는 어쨌든 퇴물이 될 것이고 2-3년 안에 교체될 것이다. 하드웨어 제조사들은 자신들이 만드는 컴퓨터에 신뢰할 수 있는 플랫폼 모듈(TPM, Trusted Platform Module)과 같은 윈도우 11 필수 기능을 담아내기 위해 이미 매우 빠르게 넘어갔다. 그들에서 윈도우 11을 실행할 수 있는 하드웨어를 만드는 것은 생존의 문제이다 - 상어가 우글거리는 리눅스 데스크탑 시장 또는 저가 전쟁을 치뤄야하는 크롬북 시장으로 빠질 것이 아니라면 말이다.

윈도우 11 VCL 스타일을 사용하여 만든 앱이 윈도우 10에서도 잘 작동한다는 것 역시 주목할 가치가 있다. 만약 우리가 마이크로소프트의 최신 UI 키트 (Win UI 3 등)를 사용하여 개발하는 경우 윈도우의 그 이전 버전에서는 제대로 작동하지 않는다. 하지만, VCL 스타일을 사용한 경우는 이와 다르다. 델파이로 작성된 이전 앱은 윈도우 10에 대해 뛰어난 수준의 역-호환성을 가지고 있다. 그리고 우리가 만나는 고객 중에는 심지어 윈도우 7이나 8을 기술적 안전 장치라고 믿고 집착하는 이들도 있기 마련이다.

나의 개인적인 정책은, 마이크로소프트에서 지원을 중단한 윈도우 버전에서는 내 앱 역시 작동을 보장하지 않는다는 것이다. 사실 이미 오래 전에 단종되고 완전히 불안전한 윈도우 XP에서도 내가 가진 잘 만들어진 레거시 앱들 몇몇은 여전히 실행될 수 있고 윈도우 11에서도 확실히 정상 작동한다. 물론 이 점이 내가 델파이를 선택한 이유이기도 하다. 보다 자세히 말하자면, 견고한 안정성, 쉬우면서도 강력한 프로그래밍 언어를 사용해서 개발, 개발된 앱은 런-타임에 이전 호환성을 가질 뿐만 아니라 운영 체제와 하드웨어의 최신 버전에 있는 현재적인 기능을 모두 활용할 수 있도록 하는 능력들 때문에 나는 델파이를 사용한다.      

간단히 말해, 윈도우에서 실행되는 데스크탑 앱 만들기를 계속하는 개발자라면 윈도우 11을 채택해야 할 니즈(Needs)가 있다. 윈도우 11을 채택할 때는, 우리가 만드는 앱이 윈도우 11의 시각 디자인 원칙에 어울리도록 조정해야 한다. 그래서 앱의 전체적인 모습이 현대적이고 적절하게 보이게 된다.

윈도우 11의 시각적 디자인을 신경써야 하는 이유는?

만약 UI(사용자 인터페이스)가 여전히 윈도우 비스타 또는 그 이전 시대에서 온 '회색 슬라브' 스타일이라면, 우리의 앱이 완벽하게 작동하고 알맞은 기능을 제공하고 버그가 없음에도 불구하고, 개발자는 자신의 앱을 구식이라고 여기는 사용자들의 인식에 맞서 싸우고 있을 것이다. 만약 버그가 있다면 (나는 버그 생성 전문가이다. 당신도 그렇지 않은가?), 그리고 앱에 있는 버튼들이 여전히 1990년대 스타일을 자랑스럽게 유지하고 있다면, 사용자들은 앱의 품질이 실제보다 더 나쁘다고 믿을 것이다. 

사실 가혹한 현실이다. 사용자들은 뛰어난 시각적 디자인을 갖춘 앱이 더 최신이고 버그 역시 더 적을 것이라고 인식하니 말이다. 그러면서도 사용자들은 자신들에게 익숙한 UI를 고수하는 경향이 있다. 집고 넘어갈 점은, 델파이 7과 같이 존경할 만한 IDE 버전은 아무 문제가 없다. 다만, 요즘 시대에 다중-모니터, 32인치 4K, 재생 빈도 120hz 컴퓨터 스크린에서 20년 전에 사용되던 델파이 7으로 만든 앱을 표현하는 경우가 아니라면 말이다. 델파이 7이 2002년에 (그리고 여전히) 사용하기 즐겁다는 건 사실이다. 하지만, 그렇다고 해서 델파이 7가 윈도우 11(또는 윈도우 8 또는 10)용 앱을 계속 만들기에 적합하다는 의미는 아니다.

시대가 변했다. 그리고, 델파이 VCL의 능력은 진화하여 마이크로소프트의 방대한 마케팅과 디자인 팀에서 제공하는 훌륭한 최신 발전과 발맞추고 있다. 델파이 7을 고집하는 것은 델파이 언어 자체의 발전(델파이 7로 유니코드를 반영할 수 있는가?...아니다.)과 델파이 언어 뿐만 아니라 IDE 사용 경험 자체에 반영된 멋진 모든 기능들과 현대화 능력을 무시하는 것이다. 

만약 지금, 여전히 사랑받고 있지만, 약간 삐걱거리는 이전 버전의 델파이 또는 RAD 스튜디오를 사용하고 있다면 적어도 RAD 스튜디오 11.2를 받아서 직접 확인해 보는 것이 어떨까?

오래된 앱에 윈도우 11의 시각적 디자인을 입힐 수 있는 가장 빠르고 저렴한 방법은?

스타일(들)은 RAD 스튜디오에서 델파이가 발전하고 있는 운영 체제(OS)의 현대 버전들과 언어의 발전에 발맞추는 다양한 방법 중에 한 가지일 뿐이다. 하지만, 너무 간단해서 사용하지 않을 핑계가 거의 없다!

RAD 스튜디오에서 tools 메뉴를 클릭하고 GetIt Package Manager…를 선택한다.

겟잇 패키지 매니저 창이 나오면 왼쪽에 있는 카테고리 메뉴에서 Styles를 클릭하고, 위쪽 검색 상자 안에 "Windows11"이라고 입력한다.

그러면, 전문적으로 디자인된 멋진 윈도우 11 스타일 테마(들)이 나온다. 원하는 테마를 선택하고 클릭을 몇번하면 우리의 앱에서 사용할 수 있다. 실제 사용 방법은 이 웨비나를 다시보기 하면 뒷부분에서 볼 수 있을 것이다.

윈도우 11에서 내 앱을 시각적으로 개선하기 위해 내가 더 할 수 있는 것은?

이 웨비나에서는, 또한, 많은 사람들이 추구하는 반투명 '아크릴' 룩앤필을 앱에 추가하는 몇가지 다른 방법과 정말 비용 효율적인 써드-파티 컨트롤을 보여준다. 

다른 것들도 이 웨비나에서 많이 다루고 있다. RAD 스튜디오에는 기능, RTL 기술, 컴포넌트(들)이 잔뜩 들어 있어서 윈도우는 물론이고 맥OS, 안드로이드, iOS에서 최고의 네이티브 경험을 실현할 수 있다. 

사실, 불과 몇년 전과 비교해도, 소프트웨어 개발자이자 디자이너인 우리가 델파이와 C++을 사용하여 할 수 있는 것들이 비약적으로 많아졌다.

1 시간짜리 웨비나는 모든 주제의  표면을 긁기에 충분한 시간일 뿐이다.

이 웨비나를 보면, 우리가 할 수 있는 것들 중에 몇 가지를 볼 수 있을 것이다.

 

내장된 컨트롤 그리고 써드-파티에서 제공하는 컨트롤를 통해 풍부하게 형성된 에코 시스템을 이용하자.

'윈도우 11에서 시각적 디자인을 하는 비법' 웨비나를 다시 보려면?

'윈도우 11에서 시각적 디자인을 하는 비법' 웨비나는 아래에서 지금 다시보기할 수 있다. 나는 이 웨비나에서 "음..."이라는 말을 하지 않도록 신경썼어야 했는데, 핑계를 대자면, 실시간 웨비나여서 나는 발표를 하는 동시에 질문을 읽고 답하느라 가끔 내 머리가 멈추는데 그 때 입에서 먼저 "음..."하고 소리를 냈기 때문이다. 나는 현역 개발자이고 커피를 엄청 마시지만, 종종 "음..."을 통해 내 작은 회색 세포들을 소집한다.

궁금해한 사람들을 위해 알려주면, 나는 이 웨비나를 시작하기 15 분 전에, 결함을 감내할 수 있도록 전세계에 병렬로 연결된 클라우드 서버 안에 들어 있는 암호화된 데이터에서 트랜잭션 5천만 개를 뽑아내는 복잡한 작업을 하는 중이었다. - 물론, 모든 코드는 델파이로 작성되었다.

이 웨비나를 즐기기를 바란다.   

RAD 스튜디오에서 델파이를 사용하여 시각적 디자인을 하는 방법에 대한 더 많은 자료는?

지난 주에는 미리 녹화된 그리고 보다 짧은 웨비나를 진행했다. 다시보기 등 지난 주 웨비나에 대한 블로그 글은 아래에 있다.

'윈도우 11에서 시각적 디자인을 하는 비법' 웨비나의 발표자료?

발표 자료를 다운로드 받는 곳: https://github.com/checkdigits/w11_gui_webinar
여기를 클릭하면 총 18장을 하나하나 넘겨 볼 수 있다.