chococupcake 님의 블로그

일단 이게 최종본 기획에서 의도한 쉬고 싶은 10~60대 남녀노소를 가리지 않고 더운데 밖에 나가기 싫지만 먹을 건 편하게 먹고 싶은 마음을 최대한 셀링 포인트로 만들고 싶어등 에 '배달이' 캐릭터를 배너의 목적에 맞게 편안하게 집에서 배달 아이스라떼를 마시는 모습으로 AI 를 이용해 이미지를 생성하고 부수적으로 배민이라는 회사를 알려주기위해 오른쪽 밑에 "배민1 " 로고 를 배치함으로써 어느 회사인지 한번더 인식 시켜주고 이 배너에서 가장중요 하게 여긴부분은 멘트를 어떻게 유혹적으로 해야 클릭과 구매로 고객을 이동시킬까 인데 더울때 가장 많이 하는 말 '힘들다 집에 있자' 를 배치함(배민 을지로체 다운받아 사용)으로서 자연스럽게 머리와 마음에나가기 싫지만 맛있는건 먹고 싶어라는 마음을 가지게 해 ..

구체적 + 시각적 + 목적 중심 GPT야, 이미지FX에서 사용할 "카페 신메뉴 홍보 배너" 이미지를 만들 건데 프롬프트를 작성해줘. 1️⃣레퍼런스 수집 - 레퍼런스 배너 이미지 5장 이상- 특징분석1) 색감 : 고유의 한나체 민트를 메인컬러로 사용 브랜드의 신선한 이미지를 각인2) 문구 : 배민 자체 한나체를 사용하여 굵고 투박하지만 개성있는 검은색 서체로 배치해 정보 전달력 극대화 3) 레이아웃( 디자인의 다양한 구성 요호를 제한된공간 안에 효과적으로배치하는구도와 구조) : 가장 상단에 시선을 끄는 큰글씨를 배치하고 , 중간에 브랜드 캐릭터 이미지를 넣어 시선을 잡은뒤 최하단에 매장명과 전화번호 같은 핵심정보를 남기는 정석적인 3단 구조 2️⃣ 배너 기획서 작성▶ ▶ 여름에 귀찮아서..

◆ 의사 상태와 컴포넌트 프로퍼티의사상태(컴포넌트/UI가 가질수 있는 또 다른 형태와 모습)의사(가짜의,가상의 Pseudo 수도라고 읽는다)◆ 합성 컴포넌와 네스티스 인스턴스◈ 컴포넌트 프로퍼티 란? ▪ 의사상태에서, 컴포넌트는 가상의 상태를 가질수 있다 ▪ 컴포넌트가 가상의 상태를 가질때 , 형태가 조금씩 변화할 수 있다. ▪ 또한 컴포넌트 안의 요소가 바뀌는 경우도 있다 ▪ 컴포넌트 프로퍼티는 이런 변화와 변경을 만들 수 있는 피그마 컴포넌트기능 이다 ▶ 컴포넌트 프로퍼티는 왜? 쓰나요 ▪ 피그마로 UI를 디자인한다는 건 컴포넌트를 만들고 인스턴스를 다루는 것과 밀접한 관련이 있다 ▪ 오토레이아웃 등 피그마를 최대한 활용해 컴포넌트를 만들고 , ..

※ 수업목표 1) UI 디자인 환경을 이해하고 적합한 디자인 원칙을 수립할 수 있다2) 피그마에서 스타일 을 생성하고 관리할 수 있다 . 3) 컴포넌트 개념을 이해하고 기능 및 형태에 따라 분류할 수 있다 ◈ UI 디자인에서의 컬러와 폰트 º UI 를 디자인할 때 가장 기초가 되는 재료인 컬러와 폰트를 알아야 디자인을 시작함º 특히 디지털 환경에서 컬러와 폰트의 특징 ◈ 컴포넌트와 인스턴스º 피그마에서 만들수 있는 컴포턴트와 그 복사본인 인스턴스 º 스타일 가이드와 UI키트, 디자인 시스템 ◈ 파운데이션UI를 디자인하기 전에 알아야하는 기초 중에 가장 중요한건 컬러와 폰트 파운데이션의 뜻: UI를 구성하는 가장 작은 알갱이이자 기초 재료피그마를 통..

실습 AI 와 함께하기 처음으로 들어가는 작업 ? 조사하는 단계 명령어나 영어로 하면 더 잘인식함. 'Structured promting(구조화 지시)'연습 이거쓰면 LLM 이 인식을 더 잘인식하니까 연습하기 {system : 너는 팀스파르타 수강생들을 만화로 그리는 화가다사용자 : 팀스파르타에서 it 자격증을 취즉하고 취뽀하는 우리를 그려줘image :1. 그림은 카툰형식으로 2. 머리에는 팀스파르타 모자를 쓰도록 3.배경에는 폭탄이 터지도록 4. 만약에 못 그리는 부분이 있다면 이유를 설명하도록} LLM을 통해서 취득하고 싶은 자격증에 대한 요점, 요양 핵심 암기노트 만들기 { system : 너는 30대 여자 JLPT N3급을 따..

프롬프트 기초 - AI 에게 잘 묻는법 프롬프트란 ? →LLM 한테 던지는 지시문 LLM한테 입력하는 모든 문장/명령이 사실 프롬프트 이다 LLM의 정체성, 주요임무, 사용자를 설정하기 위해서 !(사용자 설정 LLM 너가 주로 상대하는 유저 이런사람이야 라는걸 인식시켜주는 것) 프롬프트의 요소 지시(Instruction) - LLM이 수행해야 하는 명령 입력값(Input Data) - LLM이 받아 들일 값, 그림 , 글, 수치, 파일 등 문맥(Context) - 추가적인 정보, 어조 , 말 출력지시자(Output Indicator) - 출력 틀, 양식 예시(Example) - 사용자가 원하는 추가적인 예시 (이 구성요소가 항상적용되진 않는다) 프롬프트 요소와 매개변수 요소는 다르다!! 매개변수의 요..

체계적으로 배우는 피그마 기초 완전 정복 (2)프레임, 오토 레이아웃, 컨스트레인트, 리사이징 피그마 디자인의 기본단위 프레임 Frame >오토 레이아웃 과 리사이징 º 오토레이아웃 UI 구조 설계에서 핵심적인 역활 / 모든 UI 가 오토레이아웃 사용해서 만들어진다 해도 과언Xº 오토레이아웃 간의 규칙 리사이징 프레임과 그룹 코드는 디자인을 어떻게 읽는가??1) 디자인을 코드로 변환 2) 코드는 디자인을 레고 처럼 쌓는다 블록모델/박스모델3) 웹과 앱은 코드를 읽고, 디자인으로 다시 바꿔서 화면에 보여준다.따라서 UI 를 그린다, 화면을 디자인 한다고 할때 코드로 변환할수 있는 구조즉, 박스 모듈에 대한것을 개념적으로 가지고 있어야 한다.그 구조를 위한 기능이 프레임!! 프레임과 그룹 (둘다 피그마에서 ..

피그마의 이동툴과 크기 조정 툴 이동툴(=무)과 같이 항상나오는것 크기 조정툴(=스케일)Move 툴 = 단축기 V Scale 툴 = 단축기 K 크기를 강제로 조정하는 것 기본적으로는 Move 툴로 조정한다고 생각하기 도형과 글자 만들기사각형그리기 Shift 누르고 드래그 하면 정사각형도형을 둥들게 만들고 싶을때 !! 너비 또는 높이의 절반의 곡률로 적용하기 외형 // 모서리 반경 50 했을 때 나오는 모습 100*100 원을 만든것과 같다 ..

＃UI 디자인 : 스마트폰 화면 속 버튼이나 글씨의 모양을 다루는 "겉모습꾸미기"예시 멋지게 생긴 컵을 만드는 것이 UI 디자인＃UX 디자인 : 사용자가 서비스를 편하고 기분좋게 쓰도록 만드는 "경험설계하기"예시 컵을 손으로 쥐었을떄 떨어트리지 않고 편하게 마실수 있게 하는것이 UX 디자인 체계적으로 배우는 피그마 기초 완전 정복 (1) - 피그마 인터페이스를 배우고 사용할수 있다- 레이어의 개념을 이해하고 만들 수 있다- 도형을 생성하고 원하는 대로 편집할 수 있다 피그마는 ▶ 제품을 만드는 모든 사람을 위한 디자인 툴이자 협업 도구 입니다. 현재 가장 뛰어난 협업 : 회사..

1. 오늘 학습 키워드 1) 우리팀의 구성인원 - 박정삼,김정민,원동균,허지민,조수현,김수연2) 팀노션 작성법3) 2. 오늘 학습한 내용을 나만의 언어로 정리하기- 팀노션 작성법- 멤버카드 작성법: 챗GPT나 제미나이등을 활용해 프로필 사진을 만들고 자신에 관해 어필- window 키 + 방향키를 누르면 화면분할 !!- widndow 키+ shift + S = 화면캡쳐 드래그한 영역은 복사되고 Ctrl+ V 로 붙여넣을수 있다 ※ 나노바나나란 → 구글이 개발한 최신 인공지능 (AI) 로 이미지 생성 모델의 코드명정식 명칭은 '제미나이2.5 플래시 이미지 입니다.특징 : 복잡한 편집도구없어도 사용자가 자연어(일상적인 대화)로 명령만 내리면 이미지의 특정 부분을 수정하거나 여러 이미지를 자연스럽게 합성하고..