디자인프로그램/Figma (32) 썸네일형 리스트형 [피그마강좌] 기초테스트!! - 피그마 좀 해봤다면 드루와~~ 안녕하세요. 오쌤입니다. 피그마 기초 테스트를 만들어봤습니다. 나는 과연 피그마 공부를 잘하였는가? 아래 주소를 클릭하면 됩니다. https://forms.gle/QmCrxe7N1YVkuVfo6 오쌤의 니가스터디 - 피그마기초 평가 오쌤의 니가스터디의 피그마 기초강좌를 들으신 분들은 한번 풀어보세요. 점수가 60점이하이면 다시 복습하시길 추천드립니다. 구독자 분들이 아니여도 괜찮으니 한번 풀어보시길 바랍니다. 총 docs.google.com 피그마 기초 부분의 테스트를 만들어 봤습니다. 피그마에서 2023년에 새로 나온 Variable, DevMode 등은 제외했습니다. 오쌤의 니가스터디 피그마 기조강좌를 들은 분들이 테스트하면 좋습니다. 시험은 객관식으로 20문제입니다. 총점 100점, 개당 5점입니다.. [Figma] 29강 Position Fixed와 ScrollTo기능 - 오쌤의 니가스터디 ** 자세한 강의는 유튜브도 있어요! https://youtu.be/WsT01xGUFVY - 유튜브 멤버십 중급 강좌 이상을 신청해야 볼 수 있습니다! 1. Position Fixed - 사이트들을 보다 보면 헤더영역이 고정되었다거나, 스크롤탑버튼이 따라다니는 것을 볼 수 있습니다. - HTML/CSS에서 그 기능은 position: fixed; 를 통해 사용합니다. - position관련 기능을 피그마도 지원하고 있습니다. - 프로토타입 패널에 가면 [Scroll behavior]의 [Position] 기능으로 있습니다. Scroll width parent : 기본 값으로 프로토타입 실행에서 스크롤 이동 시 자신의 위치에 고정된 상태를 의미합니다. Fixed : 프로토타입 실행에서 스크롤 이동 시 화면.. [Figma] 28강 Text Ellipsis(...생략기호효과) ** 자세한 강의는 유튜브 쇼츠로도 있어요! https://youtube.com/shorts/hbObYS83y9o 1. 글자 생략기호 처리하기 - 디자인을 하다 보면 텍스트 상자의 크기를 지정하고, 그 범위를 벗어나면 생략기호를 줘야 하는 경우가 생깁니다. - 포토샵에서 디자인할 때는 일부러 그냥 박스에 ...을 줘야 하지만 피그마는 기능으로 있습니다. - 추후 구글시트싱크(Google Sheet Sync)를 통해 글자를 한 번에 적용할 때 알아서 범위를 넘어가지 않게도 해줍니다. - 위와 같이 5줄만 표시할 수 있는 텍스트 상자 범위인데, 글자가 넘어갔다고 보겠습니다. 1) 디자인패널의 Text 추가 옵션 누르기 - 빨갛게 체크한 [...]아이콘을 클릭해 줍니다. 2) 추가 옵션 창에서 글자 줄임 효과.. [Figma] 26강 하이퍼링크 넣기 - 오쌤의 니가스터디 ** 자세한 강의는 유튜브 쇼츠로도 있어요! https://youtube.com/shorts/e4GiQg7fhQw - 이번 강좌에서는 피그마에서 글자에 링크 거는 것을 보도록 하겠습니다. - 디자인에서 해당 글자를 누르면 인터넷 페이지가 열립니다. 1. 하이퍼링크 걸기 - 프레임을 하나 제작하고 글자를 작성 후 선택을 합니다. - 그럼 위와 같은 링크 아이콘이 뜹니다. - 마우스 올리면 Create link라고 툴팁도 뜨죠? - 그 아이콘을 클릭해줍니다. - 누르면 URL을 쓰라는 툴팁이 뜹니다. - 그리고 커서가 깜박 깜빡이죠? 이때 여기에 주소를 씁니다. - 네이버 주소를 작성해 봤습니다. - 아래 주소를 복사해서 붙여보세요. http://naver.com - 그러고 나서 엔터를 칩니다. - 링크가 .. 피그마 유료 결제 취소 - plan 변경법 1. 우선 팀을 선택합니다. 2. 팀에서 [Go to admin view]를 눌러 줍니다. 3. setting에 들어가서 [cancle plan]을 누릅니다. 4. 그럼 창이 뜨면서 취소 이유를 체크합니다. - 저는 비싸다고 체크를 했습니다. 다른 이유가 있다면 선택해주세요. - 맨 하단은 취소 관련으로 피그마에서 전화한다는 내용인데 체크하지 말고 [continue]버튼을 눌러 줍니다. 5. [cancle plan]버튼을 눌러 줍니다. 취소하기로 선택하시면 2023년 9월 23일 현재 청구 기간이 끝나면 ossam이 무료 스타터 플랜으로 다운그레이드됩니다. ㅜ_ㅠ 오늘 결제가 되었는데, 그래도 한달 더 열심히 써봐야겠습니다. [Figma강좌] 반응형웹 UI/UX 포트폴리오 제작 - 회원전용영상 안녕하세요~ 오쌤입니다. 제가 유튜브에 피그마 반응형웹 UI/UX 포트폴리오 제작 영상을 올리고 있습니다. 이 영상들은 회원전용영상입니다. 난이도가 좀 있는 스페셜강좌는 회원전용으로 올리고 있습니다. 많은 관심 부탁드릴게요! 많관부😄 자세한 커리큘럼 및 제작 안내영상은 하단의 영상을 보세요. https://youtu.be/KlNB8An6asY [Figma] 25강 캐러셀 카드(Carousel Card) - 오쌤의 니가스터디 ** 강의는 유튜브 영상으로 제공됩니다. https://youtu.be/0rDXu2RuWvg ** 오늘은 캐러셀 디자인을 해보도록 하겠습니다. 캐러셀(Carousel)은 원래 수하물 컨베이어 벨트 같은 것을 의미하는데 웹앱 UI/UX 디자인에서는 회전되며 돌아가는 슬라이드들을 캐러셀이라고 부릅니다. - 위에 보이는 것 처럼 스와이프(Swipe) 제스처를 사용해서 다른 슬라이드를 보이게 해주는 것을 의미합니다. - 캐러셀은 자동으로 움직일 수도, 제스쳐에 의해서 움직일 수도 있습니다. ** 완성 이미지 - 이번 강좌에서 저와 함께 만들어 볼 예제입니다. - 유럽여행 Steady Seller 상품들을 캐러셀 카드로 같이 만들어 봅시다!! ** 필요한 이미지 소스 출처 : https://pixabay.com/.. [Figma강좌아님] Adobe, Figma인수😢 - 200억달러 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://youtu.be/pY5n6INnuv0 어도비가 피그마 인수했다고? 진짜인 거야??? 어도비가 피그마 인수한다규? https://www.hankyung.com/international/article/202209153662i 어도비, 디자인 소프트웨어 '피그마' 200억달러에 인수 어도비, 디자인 소프트웨어 '피그마' 200억달러에 인수, 노유정 기자, 국제 www.hankyung.com - 진짜군요..... - 과연 피그마는 무료로 남을 수 있을 것인가? - XD로 병합돼서 영원히 사라지는 것은 아닐지? - 설마 인디자인처럼 방치하고 버리는 건 아니겠죠? - 기사에서는 일단 인수 후에도 XD에 통합되지 않고, 계속 개발될 것이며, 대신.. 이전 1 2 3 4 다음
