본문 바로가기

728x90
반응형

이미지캐러셀

피그마(figma) 최신 트렌드의 검색 바(interactive search bar) 단계별로 자세히 만드는 방법(PPT 기능 비교) 검색 바는 웹/모바일 모두에 있어 가장 중요한 기능입니다. 그리고 검색되는 검색 바는 계속적으로 진행되고 있습니다. 검색 바는 네이버, 구글 등에서 하고 있는 전체 검색 바의 형태가 있고, 중분류 주제 혹은 소분류 주제를 찾는 검색 바의 형태가 있습니다. 아래와 같은 검색바 형태가 있습니다. 오늘은 아래와 같은 최신 트렌드 검색 바 형태를 만들어보는 시간을 가져보겠습니다. 이제 피그마를 켜주세요! 피그마로 최신 트렌드 검색 바(Search bar) 만드는 방법 1. 돋보기 만들기 1) 단축기 'O' 원 사용 : 18X18 크기, Fill 제거, stroke 2 2) 단축기 'P' 펜툴 사용(두 번째 그림 참고) : 4x4 크기, center, 양 끝 round 변경 3) 단축기 'ctrl+g' 그룹화 :.. 더보기
[피그마 중급 강의 9강] PPT와 다른 Figma의 강력한 프로토타입 기능 이미지 캐러셀 슬라이드(image carousel slider) 아직도 ppt로 작업하나요? 오늘은 이미지 캐러셀에 대해서 배워 볼 건데요. 이미지 캐러셀 슬라이드가 무엇인지 먼저 알아보겠습니다. 이미지 캐러셀 슬라이드는 유저가 스크롤을 내리지 않고도 볼 수 있는 정보의 양을 극대화하기 위해 사용하는 기법입니다. ppt로는 슬라이드 작동하는 것을 보기 쉽지 않아서 이커머스에서도 이와 같은 이미지 캐러셀을 사용하고 있습니다. 모든 것은 응용하고 예쁘게 디자인을 하는 것에 있습니다. 하는 방법만 익히면 그다음부터는 UI/UX 설계하면서 예쁘게 만들어보세요! 이미지 캐러셀 슬라이드 만드는 방법 1. 이미지 5개를 준비하고 frame은 아이폰 13 pro로 준비합니다. 이미지를 정중앙에 배치하고 여러분들이 원하는 크기를 배치합니다. 여기에서 중요한 점은 양옆에 이제 작은 그림들이 들어갈 것이기에 레이아.. 더보기

728x90
반응형