UI UX7 저작권 없는 무료 이미지 사이트 요즘 블로깅을 거나 프로젝트를 만들어야 할 때 저작권 없는 이미지들이 필요한 경우가 많다. 저작권 걱정 없이 사용할 수 있는 사이트들을 정리해보자!🌈 1. Unsplash 무료 이미지 사이트로 최근 가장 인기 있는 곳 상업용 사용O 출처표기X 재판매X Unsplash 바로가기 Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com 2. BURST Shopify 에서 서비스하는 무료 이미지 사이트 상업용 사용O 출처표기X BURST 바로.. 2022. 9. 7. Airbnb를 분석해보자! Figma를 사용하여 prototype을 만들어보았다. 그 중 Airbnb를 클론했는데 그 이유는 Airbnb가 프론트엔드적으로 완성도가 높은 웹페이지이기 때문이다. Figma를 처음 다뤄봐서 어려웠지만 재밌어서 시간 가는 줄 몰랐다. 프로토타입이란 실제 제품과 거의 흡사하게 구현한 것으로, 페이지 이동과 상호 작용이 가능해 본격적으로 개발에 들어가기 전 단계에 작성하며, UI의 상호 작용을 시뮬레이션하는 것이 목적이다. 그럼 프로토타입을 완성하기 전에 먼저 Airbnb를 분석해보자! 사용중인 UI 디자인 패턴 1️⃣ 모달 (Modal) 모달은 기존에 이용하던 화면 위에 오버레이 되는 창을 뜻한다. 팝업창과 비슷한데 팝업은 브라우저에 의해 강제로 막힐 수 있지만, 모달은 브라우저 설정에 영향을 받지 않아.. 2022. 8. 25. Figma Figma 현재 UI/UX 업계에서 가장 인기 있는 툴이다. https://uxtools.co/survey-2021/ 2021 Design Tools Survey Find your next tool from the responses of thousands of designers around the world. uxtools.co Figma 특징 1. 실시간 협업 기능 Figma는 한 화면에서 여러 명의 사람이 동시에 작업할 수 있는 기능을 제공한다. 이러한 기능은 비대면 협업의 중요성이 높아지면서 Figma를 더욱 매력적인 툴로 만들었다. 2. 다양한 환경 지원 Figma는 웹 브라우저 기반 프로그램이기 때문에 브라우저만 사용할 수 있다면 어떤 환경에서든 사용이 가능하다. Mac, Window, Linu.. 2022. 8. 25. 제이콥 닐슨의 10가지 사용성 평가 기준 제이콥 닐슨의 10가지 사용성 평가 기준 (Jakob’s Ten Usability Heuristics) 10 Usability Heuristics for User Interface Design Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. www.nngroup.com 1. 시스템 상태의 가시성 (Visibility of system status) 합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황에 대한 정보를 항상 제공해야 한다. 피드백이 존.. 2022. 8. 23. UX) 좋은 UX를 만드는 요소 피터 모빌(Peter Morville)의 UX 7요소를 만드는 요소 1. 유용성(Useful) : 사용 가능한가? 유용성은 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소이다. 기능적으로 본연에 목적에 맞는 기능을 하는지가 중요하다. (+ 디자인은 기능 자체에 영향을 주지 않지만 심미적 기능을 제공) 2. 사용성(Usable) : 사용하기 쉬운가? 사용성은 제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소이다. 가능한 단순하면서 직관적이고 사용하기 쉬운 제품이나 서비스를 만들어야 한다. 3. 매력성(Desirable) : 매력적인가? 매력성은 말 그대로 제품이 사용자들에게 매력적인가에 대한 요소이다. 단순히 디자인이 좋은것도 중요하지만 이미지, 브랜딩.. 2022. 8. 23. UI) 자주 쓰이는UI 디자인 패턴 UI 디자인 패턴 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴이다. 자주 사용되는 UI 컴포넌트라고 할 수 있다. (재귀로 구현해보았던 Tree UI도 자주 쓰이는 UI 패턴 중에 하나) 자주 쓰이는 UI 디자인 패턴 모달 (Modal) 모달은 기존에 이용하던 화면 위에 오버레이 되는 창을 뜻한다. 팝업창과 비슷한데 팝업은 브라우저에 의해 강제로 막힐 수 있지만, 모달은 브라우저 설정에 영향을 받지 않아, 꼭 보여주고 싶은 내용이 있다면 모달을 사용하는 것이 좋다. 토글 (Toggle) 토글은 On/Off를 설정할 때 사용하는 스위치 버튼이다. 보통 On/Off와 같이 두 개의 옵션이 있을 때 사용하지만, 여러 개의 옵션.. 2022. 8. 23. 이전 1 2 다음
