반응형

전체 글 104

[ figma ] 02. 피그마 화면구조 ,메뉴, 룰러(Ruler)와 가이드(Guide)

화면구조, 메뉴, 룰러, 가이드 # 교재 p44 Design — 기본 UI/UX 디자인 파일. 화면 설계, 컴포넌트 제작 등 일반적인 디자인 작업에 사용합니다.FigJam — 온라인 화이트보드 툴. 브레인스토밍, 플로우차트, 회의 정리 등 협업 기획 작업에 사용합니다.Slides — 프레젠테이션 슬라이드 제작 도구. 피그마 안에서 바로 발표 자료를 만들 수 있습니다.Buzz — 팀 내 공지, 뉴스레터, 업데이트 등을 만드는 커뮤니케이션용 문서 도구입니다.Site — 웹사이트를 디자인하고 바로 퍼블리시할 수 있는 웹빌더 기능입니다. Make — 디자인을 기반으로 실제 동작하는 인터랙티브 콘텐츠나 앱을 만드는 도구입니다. # design 화면구조 # Page 여러 아트보..

figma 2023.07.21

[ figma ] 피그마 단축키

피그마 단축키  Ctrl(cmd)+Shift+/를 누르시면 여러 단축키 확인하기명령어 검색 : ctrl + /이동과 선택:V: 이동 도구 A: 선택 도구 Shift + 드래그: 여러 개의 요소 선택 Ctrl (Cmd) + 드래그: 선택한 요소 이동 시 그리드에 자동 스냅 Alt (Option) + 드래그: 요소를 복사해서 이동편집:Ctrl (Cmd) + C: 복사 Ctrl (Cmd) + V: 붙여넣기 Ctrl (Cmd) + Z: 되돌리기 Ctrl (Cmd) + Shift + Z: 다시 실행 Delete: 요소 삭제 화면 조작:Spacebar: 화면 드래그 Ctrl (Cmd) + +/-: 확대/축소 1: 100% 화면 보기 2: 캔버스에 맞추기 0: 선택한 요소 확대 레이어 및 그룹 관..

figma 2023.07.21

[ figma ] 01. 가입하기, 피그마 소개

가입하기, 피그마 소개 #. 사이트 접속https://www.figma.com/ 한글https://www.figma.com/ko-kr/ 엡데이트 이전에 사용중인 분들은 피그마 UI3 베타버전 사용으로 업데이트 #. 가입 ( 이메일가입 )Google 계정Google 비즈니스 계정 등 Google 계정을 갖고 있는 경우 Google 계정 세부 정보를 사용해 Figma 계정에 가입할 수 있습니다.Figma.com으로 이동하여 오른쪽 상단에서 가입을 클릭합니다. 또는 링크(https://www.figma.com/signup)로 직접 이동합니다. 창 상단에서 Google로 계속을 선택합니다.이미 Google에 로그인되어 있다면 세부 정보를 확인하라는 메시지가 표시됩니다.Google에 로그인되어 있지 않다면..

figma 2023.07.21

[코딩에디터] 비주얼스튜디오 코드(Visual Studio Code) 설치 , 확장 플러그인(Extension) 설치 방법

비주얼스튜디오 코드설치, 확장 플러그인설치 방법 https://visualstudio.microsoft.com/ko/ Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요.visualstudio.microsoft.com https://visualstudio.microsoft.com/ko/downloads/ 1. "동의합니다(A)"를 선택 2. "다음(N) >"을 선택해 다음 단계로 이동후 "다음(N) >"을 누르고 "설치(I) " 마지막으로 "종료" 3. 설치완료 ..

HTML5 2023.06.01
반응형