본문 바로가기

UI

(2)
Section3 Unit2 [사용자 친화 웹] UI/UX - Figma로 스카이스캐너 클론하기 Section3 Unit2 [사용자 친화 웹] UI/UX - Figma로 스카이스캐너 클론하기 ⭐️ 과제. Figma 클론 피그마로 웹이나 앱의 디자인을 클론하고 프로토타입을 적용시키는 과제였다. 기본적인 요구 조건으로는 최소 Lo-Fi 수준의 프로토타입 구현이었으며 페이지 이동, 스크롤 이벤트, 최소 1개의 마스터 컴포넌트와 인스턴스를 포함한 프로토타입 제작이었다. 페어와 함께 복잡한 웹 말고 앱으로 하자고 했고, 앱 중에서도 심플한 디자인의 스카이스캐너를 선택했다 :) 컴포넌트를 만들거나 구성을 짜는 것 정도는 재미있었는데 디자인을 하나하나 구현하는 건 너무 노가다였다... 하지만 우린 해냈다.. 간단한 UI의 어플이라 페이지 3개도 거뜬히.. 😊✨👀🐱☀️ 피그마 과제 끝! 🌙 오늘의 회고 오늘도 페..
Section3 Unit2 [사용자 친화 웹] UI/UX Section3 Unit2 [사용자 친화 웹] UI/UX 📌 Chapter1. UI/UX 개념 • UI (User Interface, 사용자 인터페이스) • UX (User Experience, 사용자 경험) → 이전 섹션에서도 언급되었지만, 좋은 사용자 경험(UX; user experience)은 직관적이고 쉬운 UI에서 나온다. 📌 Chapter2. UI 디자인 • UI 디자인 패턴은 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴이다. 자주 쓰이는 UI 디자인 패턴을 익혀두면 UI를 디자인하기가 보다 쉬워지고, 프론트엔드 개발자, 디자이너, PM 과의 의사소통도 원활해져 협업 효율도 높아진다. → 모달, 토글, 탭, 드..

반응형