Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

이전장에서 웹용을 만든 디자인을 윈도우 네이티브로 이식하는 무모한 실험도 함께 진행해보겠습니다.

  • 웹의 디자인을 WPF로 이식

...

  • 웹용으로 만든 AI생성 디자인이 WPF로 이식되는지 변종 테스트

이전장 : Pencil로 TechNews 디자인


펜슬로 디자인하기

Image Added

Image Added

  • 초본이 가장 깔끔하게 나왔는데 개발자의 손을 타면 디자인을 훼손하는듯 - 디자인을 잘하느냐가 아닌 AI가 디자인한 결과물이 잘적용이 되냐가 목표이기에 최종생성물인 마지막장으로 수행진행

Blend WPF

https://visualstudio.microsoft.com/insiders/?rwnlp=ko

...

  • 키 프레임 애니메이션을 확인및 수정할수 있습니다.  - 동영상 편집기에나 제공되는 애니메이션 기능을 콤포넌트에 적용



Image Added



애니메이션 완성결과

View file
name제목 없음 9.mp4
height400


디자인 초안은 펜슬로한후 최초 시안 사용 그리고 세부조정및 애니메이션등 추가 효과는 Belnd에서 가능해 

WPF의 디자인이 어려웠던점을 펜슬을 이용해 커버하고 샘플이 어플리케이션에  맞추기힘든 웹기반에 사용할 디자인을 적용했지만


어플리케이션 실행

View file
name제목 없음 10.mp4
height400

  • dev모드라 디버깅을 툴이 캡션창에 있으며 , 리사이즈에 따른 반응형도 준수하게 지원

프리디자인이 어려웠던 어플리케이션 진영에 작은 변화를 가지고 오지않을까? 이상 펜슬xWPF 사용후기