Window App UI/UX 레퍼런스 사이트가 있을까요?

🪟 윈도우 프로그래밍 Q&A
1

안녕하세요 주로 WPF를 사용해서 자동화 소프트웨어 개발 중인 초보 개발자 입니다.

아무래도 소규모 팀이다 보니 디자이너 없이 개발자가 디자인까지 맡아서 하고 있습니다.
항상 신규 프로젝트 진행할때 화면 UI/UX 디자인이 제일 고민을 많이 하고 시간이 오래 걸리는것 같네요…

선배님들은 혹시 Window App 화면 UI/UX 디자인 설계시 참고하시는 레퍼런스 사이트가 있으신가요?
모바일 App은 참고할만한 레퍼런스가 많은데 Windows App은 디자인이 좋다, 이쁘다 생각이 드는 레퍼런스를 구하기가 힘드네요 ㅠ

2개의 좋아요
2

Resources matching “desktop ui” | Figma – Figma

desktop ui 키워드로 필터링 한 결과입니다.

Resources matching “component library” | Figma – Figma
component library 키워드로 필터링 한 결과입니다.

모두 Windows App 스타일은 아니지만 WPF에 반영할 수 있을듯 합니다.

참고하세요.

3개의 좋아요
3

안녕하세요, 저도 가끔 디자인 리소스를 찾아보곤 하는데요…

기본적인 디자인 방법에 대해서는 구글의 Material Design 3가 아주 좋은 자료라고 생각합니다…!!

.NET만을 타겟으로 한 컴포넌트 및 레이아웃의 경우에는 주로 DevExpress, Infragistics의 자료를 보는 편입니다.

  1. .NET UI Controls & Components for Developers of Mobile, Desktop, Web, BI Reporting Apps
  2. Infragistics UI Controls and Tools For Developers and UX Pros

실전 디자인? 은 유튜브에서 구독해두고 보는 것들이 좀 있네요

  1. AAE IdeaPro - YouTube
  2. RJ Code Advance EN - YouTube

도움이 되었으면 좋겠습니다!

1개의 좋아요
4

디자이너 없고. 고객이 이쁘게 해달라고 하면, 좀 오래됐지만 그냥 이거 씁니다. GitHub - MaterialDesignInXAML/MaterialDesignInXamlToolkit: Google's Material Design in XAML & WPF, for C# & VB.Net.

2개의 좋아요
5

저는

이거 추천드립니다.

8개의 좋아요
6

다들 도움 감사드립니다! MaterialDesign은 이미 사용중인데 활용해서 대시보드 화면 구성하는게 어렵네요 ㅎㅎ

7
1개의 좋아요
8

WPF Gallery Preview - Free download and install on Windows | Microsoft Store

.net 9.0 부터 지원하는 기본 FluentTheme를 이용합니다.
부족한 컨트롤 기능은 lepoco/wpfui를 겸용하여 사용합니다.

링크의 Gallery preview 앱에서 Design Guidance를 참고하여 mica, acrylic 효과를 적용하면 깔끔한 앱을 구현하실 수 있습니다.

Design Guidance>Background,Stroke 정보를 참고하시면
Border 컨트롤에 Fluent 효과의 대시보드도 쉽게 구현이 가능합니다.

<Border
    Padding="16"
    Background="{DynamicResource LayerOnMicaBaseAltFillColorDefaultBrush}"
    BorderBrush="{DynamicResource ControlElevationBorderBrush}"
    BorderThickness="1"
    CornerRadius="12"
    Effect="{DynamicResource ShadowDepth1}">
2개의 좋아요