디자인프로그램 (61) 썸네일형 리스트형 [포토샵강좌] 7강 포토샵 홈화면 최근 파일 제거하기 - 이번에는 포토샵 첫 화면에 매번 뜨는 홈화면 최근 파일을 삭제하는 방법을 보도록 하겠습니다. - 있으면 편한 기능이기도 하지만 없애고 싶을 때도 있죠? - 저도 자주 잊는 파트여서 블로그에 글을 써보고자 합니다. ## 포토샵 홈화면 ## 홈화면에 보일 파일 개수 지정하기 - 이건 포토샵의 환경설정에 있습니다. 1. [Ctrl]+[K] 단축키 눌러서 찾아주세요. 2. [Edit]메뉴-[Preference]-[General]을 눌러도 됩니다. - 그리고 환경 설정에서 [File Handiling] 누릅니다. 한국어는 [파일 처리]일 거예요. - 그 화면의 맨 마지막에 [Recent File List Contains]가 원래 20개로 되어 있는데 0개로 바꾸면 리스트가 삭제됩니다. [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에 통합되지 않고, 계속 개발될 것이며, 대신.. [Figma] 24강 코드 Inspect패널과 Zeplin - 오쌤의 니가스터디 ** 자세한 강의는 유튜브 영상으로 제공됩니다. https://youtu.be/NYWR4G5OtZA ** 이번 강좌에서는 디자인이 다된 파일을 개발자에게 넘길 때 유용한 작업과 코드 Inspect패널사용법에 대해 알아보도록 하겠습니다. 그와 관련된 유용한 플러그인인 zeplin과 clean document 플러그인도 배워보도록 하겠습니다. 1. 코드 변환 전 체크 요소 - 디자인이 너무 중첩되었거나, 레이어에 이름을 작성하지 않았거나 하면 코드로 변환 시 의도치 않게 나올 수 있습니다. - 그래서 미리 여러 가지를 체크하고 개발자에게 넘기면 좋을 듯 합니다. 1) 레이어 정리 - 일단 모든 레이어에는 이름을 잘 지정해주세요. 혹시 vector로 빼야 하는 이름이 동일한 경우 [rename it]플러그인을.. [Figma] 23강 Variants를 이용한 탭바컨텐츠 - 오쌤의 니가스터디 ** 자세한 강의는 유튜브 영상으로 제공됩니다. https://www.youtube.com/watch?v=DlsvQKry-cc ** 이번 강좌에서는 탭바컨텐츠를 제작해보겠습니다. - Variants기능을 이용하면 탭바버튼을 얼마나 쉽게 제작할 수 있는지 보도록 하겠습니다. - 그리고 프로토타입 기능을 이용해서 실제 탭버튼 클릭시 화면 전환도 해보도록 하겠습니다. ** 완성 예시 ** 사용될 이미지 다운받기 출처 : https://pixabay.com/ko/ - 놀라운 무료 이미지 pixabay - 위의 svg파일은 버튼에 들어갈 화살표입니다. ** 사용될 텍스트 이태리남부 환상투어 투어코스 : 로마출발 → 폼페이 → 소렌토전망대 → 포지타노 → 로마도착 여행일정 : 원데이 - 투어날짜는 자세히보기를 눌러.. [Figma] 22강 피그마파일공유 및 코멘트툴 - 오쌤의 니가스터디 ** 자세한 영상은 유튜브 영상으로 제공됩니다. https://youtu.be/-WsXLsBYKcs 1. 피그마 파일 공유 - Share - 피그마는 기획자, 디자이너, 개발자가 프로젝트를 편하게 공유하기 위해 고안된 프로그램입니다. - 협업 프로그램으로 개발된 프로토타입툴이기 때문에 공유 기능이 굉장히 잘 되어 있습니다. - 그래서 이번 강좌에서 공유기능에 대해서 알아보도록 하겠습니다. 1) [Share]버튼 누르기 - 툴박스 바에 오른쪽에 보면 파란색으로 [Share]버튼이 있습니다. - [Share]버튼을 누르면 공유관련 옵션팝업이 대화상자로 뜹니다. 2) [Share] 공유옵션 팝업 - [Invite]라는 탭으로 초대할 수 있는 파트가 뜨는 것이 보입니다. - 옆에는 [Publish to Comm.. [Figma] 21강 이미지(소스)내보내기(feat. 디자인에셋내보내기) - 오쌤의 니가스터디 ** 자세한 강의는 유튜브 영상으로 제공됩니다. https://youtu.be/rcmB6XMZVrc - 이번 강좌에서는 이미지(소스) 내보내는 방법을 알아보겠습니다. - XD에서는 디자인에셋 내보내기라는 용어를 써서 제목에 feat로 달아봤습니다. - 피그마 역시 XD처럼 내보내는 것이 아주 편리합니다. - 모바일에 대응한 1x, 2x, 3x로 내보낼 수도 있고, 내보내기를 체크한 것만 내보낼 수도 있습니다. - 그리고 원래 svg를 이용했거나, 벡터 혹은 직접 제작한 것은 SVG파일로도 내보낼 수 있습니다. 1. 해상도 설명 - 1x, 2x, 3x??? - 이제 내보내기(Export) 수업을 하게 되는데, 처음부터 1x, 2x, 3x가 나옵니다. - 이건 애플 즉 아이폰에서의 해상도관련 용어입니다. -.. 이전 1 2 3 4 5 6 ··· 8 다음
