티스토리

ppg.Studio

검색하기

블로그 홈

ppg.Studio

paper-garden.tistory.com/m

papergarden__ 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

네이버 페이 로고 SVG, PNG 공감수 0 댓글수 0 2024. 9. 3.
X 로고(트위터) eps 파일 eps, JPG 구성 공감수 0 댓글수 0 2024. 8. 30.
JYP 엔터테인먼트 로고, ai, svg, png JYP 엔터테인먼트 CIAI, SVG, PNG 이미지 슬로건형태랑 CI형태 공감수 1 댓글수 0 2024. 8. 30.
카카오페이 로고 AI, PNG, SVG AI, PNG, SVG 파일 파일 구성 공감수 1 댓글수 0 2024. 1. 6.
농심 로고 AI, PNG, SVG 농심 AI-심볼형, 로고타입형 공감수 0 댓글수 0 2023. 12. 20.
Bing 빙 로고 다운로드 공감수 0 댓글수 0 2023. 12. 18.
Meta 메타 로고 svg, png 파일 다운로드 메타 로고 svg 메타 로고 PNG (3000X2000) 공감수 0 댓글수 0 2023. 12. 18.
[Figma] 컴포넌트 만들기 1탄 출처: figma 공식 사이트 컴포넌트 , 반복 재사용 가능한 UI 요소 컴포넌트를 사용하는 이유 디자인 자산 운용으로 작업 효율성 증대하기 만들어 놓은 디자인 자산을 다시 재활용 할 수 있습니다. 메인 요소를 수정하면 복제된 디자인에도 수정사항이 반영 되어 반복 작업을 줄여줍니다 라이브러리 기능을 활용해서 디자인시스템운용 컴포넌트로 제작한 UI 요소들을 라이브러리로 보내놓고 다른 프로젝트 파일에서도 라이브러리를 통해 불러와서 재사용 가능합니다. 요소들을 전부 합쳐 거대한 디자인 시스템으로 규격화 할 수 있습니다. 1. 컴포넌트 만들기 1-1. 마우스 우클릭후에 'Create component' 실행 component를 생성하면 메인 컴포넌트가 생성됩니다. 메인 컴포넌트(부모)를 복제한 것을 Instan.. 공감수 0 댓글수 0 2023. 6. 14.
[figma] 팀을 다른 회사로 옮기기, 파일 대규모 이동 (무료버전 불가,유료기능) 프로젝트 파일을 옮기는건 기본적으로 빈번하게 자주 쓰는 기능이라서 별로 어렵지 않은데 팀을 통으로 다른 회사에 보내는 방법을 알고 있으신가요? 일일이 프로젝트 파일을 낱개로 옮기지 않고 통채로 옮길 수 있습니다. 팀 조직을 다른 회사로 간단하게 보낼 수 있습니다. 팀에 퇴사자가 있는경우 그 퇴사자만 제외하고 새로운 회사 계정을 생성해서 갈아 타는게 가능해진다고 해요. 주의할점&안내사항 ❶프로페셔널, 오거나이저, 엔터프라이즈 에서만 팀 이전이 가능하고요, 무료로 사용중인경우에는 사용할 수 없는 기능입니다. ❷더 치사한건요(?) 프로페셔널은 오직 오거나이저와 엔터프라이즈 쪽으로 팀이나 프로젝트를 보내는것만 가능하고 반대로 받는건 불가능합니다. ➌ 기존 작업 파일에서 만약에 라이브러리를 불러와서 에셋을 연동해.. 공감수 0 댓글수 0 2023. 6. 3.
Naver 네이버 로고 심볼,타입형 PNG, AI, SVG AI 파일 SVG파일 PNG파일 공감수 0 댓글수 0 2023. 4. 27.
[Figma] 피그마로 PPT 만들기 PDF로 추출하기 일단 Frame을 전체 다 선택해 주시고 File > Export frames to PDF 를 눌러서 pdf 확장자로 내보내면 됩니다. 16:9 비율로 제작하면 됩니다. 2560X1440 2048X1152 1920X1080 1440X810 1280X720 1024X576 다른 추천글 2022.09.16 - [design/figma] - [Figma] 피그마 하이퍼 링크 걸기 , 링크만들기 2가지방법 [Figma] 피그마 하이퍼 링크 걸기 , 링크만들기 2가지방법 1. 텍스트 링크 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. creat link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈 paper-garden.tis.. 공감수 1 댓글수 2 2023. 4. 19.
[Figma]피그마에서 PDF 파일 불러오기 불가 / PDF 이미지 변환 https://cloudconvert.com/pdf-to-png PDF to PNG | CloudConvert PDF Converter PDF PDF is a document file format that contains text, images, data etc. This document type is Operating System independent. It is an open standard that compresses a document and vector graphics. It can be viewed in web browsers if the PDF plu cloudconvert.com 최근에 PDF 파일을 피그마에서 작업할 일이 있었는데요 pdf 파일 추출은 가능하지만 불러오는건 할 수 없었어요.. 공감수 0 댓글수 0 2023. 4. 6.
Tictok 틱톡 로고 원본파일 다운로드 svg 파일 공감수 0 댓글수 0 2023. 3. 28.
Youtube 유튜브 공식 로고 다운로드 (AI/eps/ PNG/RGB/ 인쇄용CMYK) 공식 사이트 로고파일 입니다. SVG로 쓰시려면 AI파일이나 eps를 변환해서 사용하셔야 할것 같아요. 기본 컬러 로고 다크모드 배경일때 블랙&화이트 버전 브랜드 리소스 링크 https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors YouTube Brand Resources and Guidelines - How YouTube Works Explore our brand resources to learn the guidelines of the use and application of the YouTube brand and access our Brand Request Form. www.youtube.com 공감수 0 댓글수 0 2023. 2. 14.
Instagram 인스타그램 공식 로고 JPG/AI/PNG/SVG 다운받기 | 컬러, 블랙, 화이트 버전 파일다운로드 파일 구성 : 블랙/화이트/컬러버전 : AI, PNG, JPG, SVG 작업하다가 급하게 찾아서 써야할때가 있어서 백업겸 공유합니다.😀 공식 사이트 https://about.meta.com/brand/resources/instagram/instagram-brand/ 공감수 0 댓글수 0 2023. 2. 5.
DISCORD 디스코드 로고 , 심볼 파일 다운로드 구성 png/ SVG/ AI/ - wordmark - symbol - 2021년 새로운 로고 공감수 0 댓글수 0 2023. 2. 3.
[Figma]피그마에서 png, svg, jpeg 등 이미지 파일 저장하기 (뷰어권한/에디트권한) 1. Viewer 뷰어 일때 이미지 출력 방법 숫자 1x 는 원본 크기로 추출 (윈도우) 2x는 2배 크기입니다. (기타 디스플레이 대응) + 아이콘을 눌러서 더 필요한 확장자나 여러 크기로 추출하시면 됩니다. 2. Edit, Owner, Admin권한일때 export하기 1. 오른쪽 패널 / Design 탭을 누르면 제일 밑 하단에 위치해 있습니다. 2. 만약 비어 있는 상태면 + 아이콘을 눌러서 추출(export)할 파일을 활성화 합니다. 3 .export 할 파일을 활성화 하면 제가 캡쳐한 이미지처럼 export '이미지 파일명'이 입력된 버튼이 나타납니다. 4. + 아이콘을 눌러서 PNG, SVG, JPG 등 다양한 옵션을 추가하셔서 사용하실 수 있습니다. 3. 전체 이미지를 한꺼번에 추출하기 1.. 공감수 5 댓글수 0 2023. 2. 1.
[AI/SW 온라인 실무교육] 파이썬 쌩 기초학습 1강 출력하기 print() (콤마), 를 사용해서 여러 자료 출력이 가능하다. print(3,"Hello") 여러줄의 문장을 출력할땐 print를 여러번 사용 print("비행기에 타신 승객 여러분") print("행복한 여행 되십시오") print("기내식은 바밤바") Phthon에 있는 대표적인 자료들 1. 숫자형(Number) 숫자로 이루어진 자료형 정수나 실수 등을 다룰 수 있다. 숫자 끼리의 연산이 가능하다. -정수 integer -실수 float -복소수 2. 문자열 (String) 문자나 문자들을 늘어놓는것 큰 따옴표, 작은따옴표로 구분 '', ""로 묶어준 자료들이다. 'Hello!' '3.14' "3.14" 3.리스트(List) 위의 숫자형, 문자열 등의 여러 자료형을 한번에 담는 자료형이다.. 공감수 0 댓글수 0 2022. 11. 30.
[오픈소스] 무료 이모지 소스 3가지 1. 트위터 오픈 소스 twitter open source twomoji / 코드형 트위터에서 즐기는 Twitter Open Source “📣 Developers 👩‍💻 and designers 👨‍🎨 This year’s newest emoji are now supported in Twemoji 11.0! 🥳 https://t.co/RY3IGtg7bc” twitter.com 2. 토스에서 제공하는 토스페이스 tossface /glyph 폰트형 이모지 (mac에서만 설치 가능) 설치해서 써봤는데 이미지로 추출해서 디자인 파일로 활용하려면 adobe나 keynote 등의 사용가능한 프로그램에서 토스폰트를 적용해서 이미지로 변환을 거쳐서 사용해야 함. 피그마에서는 왜 안보이는건지 모르겠다.. →다운로드 링크.. 공감수 0 댓글수 0 2022. 10. 18.
Gmarket 지마켓 로고, AI 심볼형, 타입형 파일원본 https://gds.gmarket.co.kr/brand/logos 공식 사이트 Logos - Gmarket Design System G마켓의 브랜드 정체성, 사용성, 일관성을 고려한 디자인 시스템의 가이드라인을 소개합니다. gds.gmarket.co.kr 심볼형,브랜드로고, 앱아이콘 3가지 RGB 파일만 따로 분리 했어요. 공감수 0 댓글수 0 2022. 10. 12.
[Figma]피그마 프로토타입에서 영상과 Gif 이미지 넣기 피그마에서도 gif이미지를 넣는게 가능한데 움직이는 형태의 이미지를 보려면 Present모드에서 보는게 가능하다. 발표용 ppt를 만들거나 디자인 프로토타입 버전에서 움직이는 애니메이션 이미지를 보여줘야 할 필요가 있을 때 활용해 볼 수 있다. 부가설명은 피그마 가이드 문서 내용 참고. https://help.figma.com/hc/en-us/articles/360041486873-Add-animated-GIFs-to-prototypeshttps://help.figma.com/hc/en-us/articles/8878274530455 Add animated GIFs to prototypes Who can use this feature Supported on any team or organization pl.. 공감수 0 댓글수 0 2022. 10. 3.
UX의 기본이 되는 원칙들 제이콥의 법칙 사람들은 이미 알고 있는 방식으로 작동하기를 원한다. 1)멘탈모델 :경험, 요구사항, 지식, 감정, 추리 2)스테레오 타입 힉의 법칙 선택지의 개수가 늘면 의사 결정에 걸리는 시간이 늘어난다. RT(반응시간) = a+b log2(n) n: 자극의 개수 a,b 임의의 상수를 말함. 1) 온보딩 밀러의 법칙 사람이 최대한 기억할 수 있는 범위는 7+-2개라는 법칙 사람은 많은 것을 한번에 기억하지 못한다. 사람은 정보를 인식할때 덩어리 단위로 인식한다. 테슬러의 법칙 모든 시스템에는 더 줄일 수 없는 일정량의 복잡성이 존재한다. 사용자에게 시스템 복잡성을 감당하게 하지 말고 이것을 인터렉션이나 시스템 개발 과정에서 어느 쪽에서든 처리해야 한다. 피츠의 법칙 터치하려고 하는 대상의 크기와 거리는.. 공감수 0 댓글수 0 2022. 9. 22.
어도비, 피그마 28조 인수…10년만에 대박난 30대 청년 정체 https://www.joongang.co.kr/article/25102345 어도비, 피그마 28조 인수…10년 만에 대박난 30대 청년 정체 창업 10년 만에 억만장자 대열에 오르게 됐다. www.joongang.co.kr 피그마 28조원에 어도비에 인수됐다고 하네요 ... ㅠㅠ 피그마가 어도비 자리를 위협하는 경쟁사여서 막대한 자금을 투자해서라도 인수했나 봅니다. 근데 어도비에 인수되더라도 피그마 기능 계속 업데이트 해주는거 맞겠죠? ㅜㅜ 갑자기 피그마가 포토샵이나 XD처럼 오류나면서 꺼지는거 상상하면 나는 돈다.. 기사 내용 ‘포토샵’으로 유명한 미국 소프트웨어 업체 어도비(Adobe)가 경쟁업체 피그마(Figma)를 200억 달러(약 28조원)에 인수하기로 하면서 피그마 공동 창업자인 딜런 필드.. 공감수 0 댓글수 0 2022. 9. 20.
[Figma] 피그마 내보내기 . fig 확장자로 저장하기 가끔 fig파일로 저장하는 방법을 검색해서 들어오시는 분들이 있어서 정보 공유차 저장하는 방법을 공유합니다. file > Save As .fig.. 를 해서 내보내는 방법이 있습니다. 단축키가 없는 이유 피그마는 실시간 공동작업에 최적화 되어 있는 브라우저 기반 프로그램입니다. 모든 작업 내용은 따로 저장할 필요 없이 auto save로 자동저장 됩니다. 그리고 작업 내역에 어떤 작업자가 몇시에 작업했는지에 대한 정보가 실시간으로 계속 동기화 되고 있다보니 피그마에서는 파일내보내기가 주요기능이 아니어서 단축키를 제공하지 않는것 같습니다. 각종 보안 방법 1) 유료 계정일 경우에는 회사명의 계정으로만 접속이 가능하도록 보안이 가능합니다. 2) 팀 프로젝트 폴더를 만들어서 admin 접속권한자가 허용하지 않.. 공감수 0 댓글수 0 2022. 9. 19.
[Figma] 피그마 하이퍼 링크 걸기(외부창 열기) , 프로토타입에서 클릭 이벤트 링크만들기 2가지방법 1. 텍스트 링크 (외부 url 을 넣는 방법입니다.) 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. create link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈도우에서는 ctrl+K) * 이걸로 file > export to pdf 로 추출하면 링크를 넣은 pdf문서도 제작할 수 있어요. 2. prototype 패널에서 링크 걸기 (프로토타이핑에서 액션 실행용) 1. 프로토타입에서 이벤트 실행하기 위해 만들어둔 오브젝트를 일단 컴포넌트로 만듭니다. 컴포넌트가 되면 보라색라인과 아이콘으로 변경된걸 확인할 수 있습니다. 2. 오른쪽 패널 두번째 탭 prototype을 누르면 interactions 에서 클릭시에 링.. 공감수 1 댓글수 0 2022. 9. 16.
[Figma] 맥 유용한 Figma 단축키 (Figma shortcut) [공지]티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 가독성이 매우 떨어져 곧 업데이트 할 예정입니다. 방문자 분들 단축키 보기가 조금 불편하시겠지만 조금만 기다려 주세요. [업데이트&오타 수정 내역 ] 더보기 2024.1.4 티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 곧 업데이트 할 예정입니다. 방문자 분들 불편하시더라도 조금만 기다려 주세요. 2023.04.27 - section을 selection으로 오기입해서 수정했습니다. - 사용 빈도수가 낮았던 단축키를 업데이트했습니다. - ETC: 실시간 대화하는 기능 단축키 추가 - Cursor: 움직이면서 실행하는 단축키 추가 2022.11.30 section 툴 추가 2022.. 공감수 6 댓글수 0 2022. 9. 15.
[Figma] 피그마에서 표지 만들기, thumbnail 제작하기 섬네일 만들지 않으면 맨 첫번째 프레임이 자동으로 노출되지요.. 조금더 직관적이고 빠르게 파일을 구별하려면 섬네일을 사용하는게 좋더라구요. 1. 만드는 방법 피그마에서는 섬네일 추천 사이즈 1600X960으로 얘기하는데 굳이 맞추지 않아도 되는것 같아요. 마우스 우클릭 후에 Set as thumbnail 눌러주면 끝입니다. 너무 간단해요. 2. 해제하는 방법 해제하는것도 동일하게 마우스 우클릭한 다음에 Restore default thumbnail을 누르면 됩니다. 끝... 😇 공감수 0 댓글수 0 2022. 9. 15.
[Figma] 피그마 플러그인 추천 6개 벌써 피그마 사용한지 2년 정도 흐른것 같은데 플러그인 이것저것 설치해 보다가 정착템? 으로 계속 쓰고 있는 플러그인 소개 해볼까 합니다. 플러그인 설치한건 많은데 손이 안가는 템들은 탈락시켰습니다. 1. 스타일 가이드를 제작해주는 툴 measure tools 스타일 가이드 제작용 툴 , 가볍고 단순해서 쓰기 편합니다. 외부 사용자를 위한 가이드 문서를 제작해야 되는 경우가 있는데 이미지 사이즈나 오브젝트 사이 간격을 빠르게 추출해줍니다. 2. 픽셀 퍼펙트 만들어 주는 플러그인 PixelPerfact 이거 좋은데 왜 아무도 안쓰는건가요... 이미지나 아이콘등의 파일을 불러왔을때 픽셀이 소수점으로 깨질 경우가 있죠? 이 툴을 써주면 한번에 정리가 돼요 3. 비주얼 작업시, 아이소매트릭 효과에 유용한 플러그.. 공감수 1 댓글수 0 2022. 9. 7.
[데이터베이스의 이해] 데이터베이스의 활용 키워드 OLTP(갱신), OLAP(조회, CRM, SCM 제조부문: ERP, RTE, CRM, BI / 금융: EAI, EDW / 유통부문: RFID, KMS 물류부문: CVO, PORT-MIS, KROIS 지리/교통부문: GIS, RS, GPS, ITS, LBS, SIM 의료부문 : PACS, U헬스 교육부문 : NEIS 1. 기업내부 데이터베이스 정보통신만 구축이 가속화 되면서 1990년대의 기업내부 데이터베이스는 기업 경영 전반에 관한 인사, 조직, 생산, 영업 활동 등을 포함한 모든 자료를 연계하여 일관된 체계로 구축, 운영하는 경영 활동의 기반이 되는 전사 시스템으로 확대 되었다. 가. 1980년대 기업 내부 데이터베이스 OLTP(On-Line Transaction Processing) 호스트 .. 공감수 0 댓글수 0 2022. 8. 22.
[데이터의 이해] 데이터베이스 정의와 특징 1. 용어의 연혁 1950년대 : 미국에서 군대의 군비상황을 집중 관리하기 위하여 컴퓨터 도서관을 설립하면서 데이터 기지라는 뜻의 데이터베이스가 탄생 1963년 6월 : 미국 'SDC'가 개최한 심포지엄에서 데이터베이스라는 용어 공식 사용 데이터베이스 초기 개념인 '대량의 데이터를 축적하는 기지' 1963:GE의 C. 바크만은 데이터베이스 관리 시스템인 IDS 개발 1965년: 2차 심포지엄에서 시스템을 통한 체계적 관리와 저장 등의 의미를 담은 '데이터베이스 시스템'이라는 용어 등장 1970년대 초반: 유럽에서 '데이터베이스'라는 단일어가 일반화 됨 1975년 : 미국의 CAC가 KORSTIC을 통해 서비스되면서 우리나라에서 데이터베이스 이용이 이루어짐 1980년 : KORSTIC이 해외 전문 데이터베.. 공감수 0 댓글수 0 2022. 8. 22.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.