05. 색상 적용 비율 60·30·10
1 60·30·10 비율이란 색을 고르는 일만큼 어디에 얼마나 칠하느냐가 중요하다. 방을 꾸밀 때 벽은 넓게 한 가지 톤으로, 가구는 그보다 적게, 쿼션·액자 같은 소품은 포인트로 조금만 쓰는 것과 같다. 화면도 색의 면적을 이 비율로 나눈다. 비율 이름 칠하는 곳 60% 바탕 배경·가장 넓은 면. 연한 중립색 30% 보조 카드·구역 같은 큰 덩어리. 흰색·연회색 10% 강조 … 더 읽기
난이도: 입문
1 60·30·10 비율이란 색을 고르는 일만큼 어디에 얼마나 칠하느냐가 중요하다. 방을 꾸밀 때 벽은 넓게 한 가지 톤으로, 가구는 그보다 적게, 쿼션·액자 같은 소품은 포인트로 조금만 쓰는 것과 같다. 화면도 색의 면적을 이 비율로 나눈다. 비율 이름 칠하는 곳 60% 바탕 배경·가장 넓은 면. 연한 중립색 30% 보조 카드·구역 같은 큰 덩어리. 흰색·연회색 10% 강조 … 더 읽기
대화가 바뀌거나 길어져도 끊기지 않고 업무를 이어가도록, guide·progress·terms·decision·failure 다섯 갈래의 기록 구조를 직접 만들어 대화 밖 파일로 관리한다. 컴퓨터에서 폴더와 텍스트 파일을 만들 수 있고 웹 브라우저로 생성형 AI 서비스에 접속할 수 있으면 따라올 수 있다. 끝까지 따라 하면 새 대화에서 기록 파일만 제공해도 AI가 현재 상태를 정확히 짚고 다음 작업을 이어가는 한 벌의 인계용 … 더 읽기
이번 작업에서는 반복 업무를 입력·처리·확인·출력·실패 대응으로 나눈 흐름표를 "workflow.md" 파일에 설계한다. "ai_prompt" 폴더에서 하위 폴더와 파일을 만들 수 있고 AI에 요청문을 입력해 본 적이 있으면 따라올 수 있다. 끝까지 따라 하면 시작 조건과 실패 후 재시작 위치, 중복 실행을 막는 기록까지 갖춘 업무 흐름표가 손에 남아, 같은 일을 안정적으로 반복할 절차를 익힌다. 1 – 반복 … 더 읽기
자주 쓰는 AI 요청을 빈칸만 채워 다시 쓸 수 있는 변수 템플릿 파일로 만든다. "ai_prompt" 폴더를 만들어 본 적이 있고 텍스트 파일을 만들고 저장할 수 있으면 따라올 수 있다. 끝까지 따라 하면 매번 바뀌는 값과 항상 지켜야 할 규칙이 나뉜 문서 검수 템플릿 파일이 손에 남아, 자료만 바꿔 끼우면 같은 품질로 반복 사용할 수 있다. … 더 읽기
이 문서에서는 교육용 짧은 영상 하나를 보는 사람과 핵심 메시지부터 정해 장면표, 이미지 요청문, 음성 원고까지 같은 방향으로 기획한다. "ai_prompt" 폴더에 파일을 만들 수 있고 생성형 AI 서비스에 접속할 수 있으면 따라올 수 있다. 끝까지 따라 하면 시간 합계가 맞는 장면표와 장면 하나를 옮긴 이미지 요청문, 읽기 쉬운 음성 원고가 한 파일에 모여, 콘텐츠를 멋보다 … 더 읽기
이 문서에서는 목표, 입력 자료, 배경, 제약, 출력 형식, 확인 기준 여섯 항목을 갖춘 요청문을 직접 짜 본다. 컴퓨터에서 텍스트 파일을 만들 수 있고 웹 브라우저로 생성형 AI 서비스에 접속할 수 있으면 따라올 수 있다. 끝까지 따라 하면 모호한 한 줄짜리 요청을 여섯 항목으로 채운 요청문으로 고치고, 그 결과를 한 파일에 정리한 기록이 손에 남는다. … 더 읽기
이 문서에서는 생성형 AI에게 같은 일을 여러 방식으로 시켜 보며 제로샷·원샷·퓨샷·CoT·제로샷 CoT 다섯 가지 요청 기법의 차이를 직접 비교합니다. 컴퓨터에서 폴더와 텍스트 파일을 만들 수 있고 웹 브라우저로 생성형 AI 서비스에 접속할 수 있으면 따라올 수 있습니다. 끝까지 따라 하면 다섯 기법으로 받은 답이 한 파일에 모여, 어떤 요청 방식이 더 정확하고 일정한 결과를 내는지 … 더 읽기
1. 컴포넌트 프로퍼티 피그마의 컴포넌트 프로퍼티(Component Properties)는 컴포넌트 내부의 요소를 일일이 수정하지 않고도, 인스턴스 패널에서 속성값을 변경해 디자인을 효율적으로 관리하는 기능이다. [완료파일)] 2. 종류 프로퍼티 설명 활용 예시 Boolean 레이어의 표시 여부를 True/False로 제어 아이콘 표시/숨김, 버튼 라벨 표시 여부 Text 인스턴스 내 텍스트 내용을 직접 수정 버튼 문구, 입력 필드 플레이스홀더 Instance Swap 컴포넌트 … 더 읽기
▪ 만들 것 웹사이트 한 곳을 6개 항목으로 평가해 칸을 모두 채운 벤치마킹 보고서 1건. ▪ 왜 하는가 벤치마킹은 경쟁 사이트를 여러 관점에서 같은 기준으로 비교 분석해, 내 서비스를 어떻게 다르게 만들지 정하는 조사다. 콘텐츠·화면 구조·디자인·홍보처럼 항목을 나눠 경쟁 사이트를 살펴보면, 그들이 잘하는 점과 부족한 점이 항목마다 드러난다. 그 차이에서 내 서비스가 따라갈 점과 다르게 … 더 읽기
▪ 만들 것 1차시 벤치마킹에서 찾은 차별화를 바탕으로 정한 콘셉트 한 문장과 톤&매너(색·글꼴·이미지 느낌)를 한 장에 모은 디자인 방향성 시트 1건. ▪ 왜 하는가 벤치마킹에서 따라갈 점과 다르게 갈 점을 찾았다면, 다음은 그 방향을 실제 디자인 언어로 옮기는 일이다. 사이트가 어떤 한 가지 방향(콘셉트)으로 가는지, 색과 글꼴과 이미지가 어떤 느낌(톤&매너)인지 먼저 정해 두면, 이후 설계와 … 더 읽기