기록 한 줄기
article thumbnail
5. 텍스트 Tool, 스마트 셀렉션 (작성일자 : 2023.01.13)
Tools/Figma 2023. 4. 2. 19:38

원본 : [Figma] 05. 텍스트 Tool, 스마트 셀렉션 📌텍스트 Tool text tool 패널 세부 설정 […] 아이콘 클릭 문단 작성 [ Plugin ] 메뉴 - [ Browser Plugin Community ] 해당 페이지에서 [ Lorem ipsum ] 설치 ⇒ 무의미한 텍스트를 생성해주는 플러그인 [ Try it out ] 누르면 설치됨 다시 디자인 파일로 넘어와서 [ Plugin ] 메뉴 가보면 설치돼있음 피그마 줄 간격 HTML 코딩에 맞춰져 있음 그래서 정확히 박스 가운데 오게 함 text → vector 변경 텍스트에서 마우스 우클릭 - [ Outline stroke ] 📌스마트 셀렉션 figma 선택 툴이 일정 간격을 유지하는 오브젝트를 효과적으로 관리하는 것 출처 : 오쌤의 ..

article thumbnail
4. 다각형과 별, 선 Tool (작성일자 : 2023.01.13)
Tools/Figma 2023. 4. 2. 19:34

원본 : [Figma] 04. 다각형과 별, 선 Tool 📌다각형 Tool 다각형 형태의 도형을 그리는 툴 단축키 (3강 참조 ⇒ #03. 사각형과 원형 도형 Tool ) shift 키 : 정비율로 그릴 때 alt 키 : 중심에서 그릴 때 다각형 위젯 모서리 둥글게 처리 각형 변경 디자인 패널에서 변경 📌별 Tool 별 도형 위젯 뾰족 처리 모서리 갯수 디자인 패널에서도 조절 가능 📌선 Tool cap과 arrowhead 디자인 패널에서 선택 가능 round : 모서리 둥글게 처리 square : 사각형으로 처리 none 과 차이점 None : 패스선 끝까지 돼있는 것 square : 사각형으로 한 번 더 처리됨 arrow : 좌우 각자 다르게 적용됨 좌측꺼 선택하면 좌측만, 우측꺼 선택하면 우측만 적용..

article thumbnail
3. 사각형과 원형 도형 Tool (작성일자 : 2023.01.12)
Tools/Figma 2023. 4. 2. 19:20

원본 : [Figma] 03. 사각형과 원형 도형 Tool 📌사각형 Tools 사각형 형태의 도형을 그리는 툴 단축키 alt 키 : 중심 기준으로 그리는 단축키 shift 키 : 정비율로 그리는 단축키 alt + shift : 중심에서 시작하는 정사각형 그리기 ctrl + D : 방금 했던 작업 복제 (이동, 도형 포함) shift : 떨어져 있는 다른 도형들 동시 선택 ctrl + G : 여러 도형들 하나로 그룹화 도형 속성 색상 변경 : 도형 선택 후 우측에서 Fill선택 테두리 : 도형 선택 후 우측에서 Stroke 선택 모서리 둥근 사각형 그리기 우측 [ Design ] 탭에서 H 아래 모서리 수치 조절 또는 사각형 그린 후 각 모서리에 있는 o 버튼 눌러 조절 모서리 조절 한쪽 모서리만 할 경우..

article thumbnail
2. Frame/Guide/Grid (작성일자 : 2023.01.12)
Tools/Figma 2023. 4. 2. 19:17

원본 : [Figma] 02. Frame/Guide/Grid 📌Frame 포토샵/스케치/XD 등의 아트보드와 같음 디자인적 작업을 할 틀이라고 생각하면 됨 Frame 종류 📌Guide 오브젝트를 더 섬세하게 작업할 수 있게 도와주는 안내선 눈금자(ruler)에서 드래그해서 꺼내 사용 단축키 : [ shift ] + [ R ] 📌Grid 오브젝트를 더 섬세하게 작업할 수 있게 도와주는 격자선 웹에서는 컬럼 그리드 방식으로 디자인을 많이 하면서 중요해짐 Figma에서의 Grid 장점 여러 컬럼 Grid를 레이어처럼 사용 margin : 프레임과 전체 컬럼 간의 좌우 여백 gutter : 컬럼과 컬럼 사이의 여백 Grid Calculator http://gridcalculator.dk/ 웹 그리드 시스템 계산..

article thumbnail
1. 웹, 앱 사용 및 필수 단축키 (작성일자 : 2023.01.11)
Tools/Figma 2023. 4. 2. 19:14

원본 : [Figma] 01. 웹, 앱 사용 및 필수 단축키 📌Figma 웹, 앱 크롬, 사파리, 파이어폭스 등을 지원해서 웹에서도 작업이 가능 그러나 작업 시 폰트 공유 등의 문제를 고려했을 때 웹보다는 데스크탑 앱을 설치해서 사용하길 권장 출처 : 오쌤의 니가스터디 #01. 설치 및 인터페이스

article thumbnail
3. 프로젝트 수행 상세 기술 (작성일자 : 2023.03.01)
Project Management 2023. 4. 2. 19:05

원본 : 프로젝트 수행 상세 기술 📌 프로젝트 수행 상세 기술 개요 프로젝트 제안 및 수주 사전 분석 (RFI), 사업 공고 제안요청 (RFP) ⇒ 제안요청서 분석 제안 및 견적 (RFQ) ⇒ 제안서 및 제안 발표 자료 작성 낙찰 (계약) ⇒ 견적서 작성 프로젝트 계획 및 시작 팀구성 (자회사-외주) ⇒ 팀빌딩 계획 및 인력 소싱 프로젝트 진행 전반 계획, 진행일정 구성 (대략적) ⇒ WBS 초안 작성 프로젝트 본격 시작 ⇒ 착수보고 작성 기획/설계 요구사항 분석 ⇒ 이해관계자 그룹 정의, 요구사항 분석 기능개발 정의 (WBS) ⇒ WBS 상세 작성 프로세스 정리 ⇒ IA 작성, 프로세스 흐름도 작성 상세화면 기획/설계 ⇒ 스토리보드 작성 관리 디자인 디자인 컨셉 확인, 디자인 시안작업, 시안 확정 및 ..

article thumbnail
2. 프로젝트 전 과정 (작성일자 : 2023.03.01)
Project Management 2023. 4. 2. 19:02

원본 : 프로젝트 전 과정 📌 프로젝트 전 과정 프로젝트 제안 및 수주 사전 분석 (RFI) 사업 발주를 위한 사전 정보 수립 과정 직접 정보 조사 & 관련 사업자들에게 RFI 요청을 통해 정보 조사 사업 공고 제안 요청 (RFP) 사업 공고 공개 공고 & 사업 대상업체 우선 선정 참석 요청 민간 : 기업 홈페이지 혹은 아는 기업 업체에 공고 전달 공공 : 조달청을 통해 공개입찰 진행 제안 및 견적 (RFQ) 사업 제안 및 견적 (투입인력 공수 및 비용 산정) 제안서 : 요구하는 부분에 대해서 어떤 식으로 만들어내겠다라는 계획을 담은 문서 보통은 제안서 및 견적서 제출, 제안 발표를 통한 최종 심사 제안 발표 : 제안서를 요약해서 클라이언트 앞에서 발표 낙찰 (계약) 제안 내용 및 견적 검토를 통한 업체..

article thumbnail
1. PM (Project Manager)이 하는 일 (작성일자 : 2023.02.13)
Project Management 2023. 4. 2. 18:59

원본 : PM이 하는 일 📌 PM Project Manager IT 프로젝트의 총괄 업무 Product Manager IT 상품 개발 및 개선 총괄 업무 📌 PM 주요 업무 제안/수주 IT 개발 사업을 수주하기 위한 업무 지원 프로젝트 준비 사업 수주 후 프로젝트 진행을 위한 준비 프로젝트 진행 관리 개발 프로젝트 전체 진행 관리 이후 관리 프로젝트 종료 과정부터 그 이후 관리 📌 단계별 상세 업무 제안/수주 영업 지원 신규 사업을 발굴하기 위한 영업 활동 지원 제안서 작성 지원 고객이 발주한 사업에 대한 제안서 작성 지원 제안 발표 작성된 제안서 발표 반드시 PM이 해야 됨 클라이언트 측에서 이 사람이 정말 프로젝트를 잘 관리할 수 있는 사람인지 보려고 하기 때문 수주 수주가 확정된 이후 사전 협상 및..