IT/🎨디자인 5

Windows 앱 디자인(PC) 메뉴얼

https://docs.microsoft.com/ko-kr/windows/apps/design/basics/design-and-ui-intro Windows 앱 디자인 소개(Windows 앱) - Windows apps 모든 UWP 앱에 포함된 유니버설 디자인 기능을 사용하면 광범위한 디바이스에 걸쳐 효과적으로 크기가 조정되는 앱을 빌드할 수 있습니다. docs.microsoft.com https://docs.microsoft.com/ko-kr/windows/apps/design/ Design and code for Windows apps - Windows apps Fluent Design guidelines and UI code examples for creating app experiences on ..

IT/🎨디자인 2021.07.05

Google Material Design

Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts. 레이아웃 그리드는 화면 크기와 방향에 맞춰, 레이아웃 전체에 일관성을 유지합니다. Why? 왜 일관성을 유지시켜 주는 게 좋을까 Google Material..

IT/🎨디자인 2021.05.11

Figma, GoogleSheetsSync, Window Console를 통한 단순 반복 업무 자동화

Figma를 활용한 단순 반복 작업 자동화 이번 프로젝트는 글로벌 서비스로 하나의 어플을 72개국으로 서비스를 내야했다. 각 국가별 프로모션 이미지들이 필요해, 해당 국가의 언어별로 작업이 필요했다. 너무나 많은 단순 박복 작업이 필요했기에 Figma의 Plugin인 Google Sheets Sync를 통해 업무 자동화를 시도해보았다. 작업에 필요한 부분을 정리 해보았는데 다음과 같이 2가지로 구분이 되었다. 프론트에서는 “언어” 번역본 스트링 파일의 값을, 백엔드에서는 “국가” 음원 정보를. 아래와 같이 프론트, 백엔드 정보를 Google Sheets Sync를 이용하기 위해 아래와 같이 해당 색상에 맞춰 네이밍을 변경했다.(예시 이미지1, 2) 진행 중 Export시 문제점이 있었는데 Google S..

IT/🎨디자인 2021.05.08