Design
-
파일원본 https://gds.gmarket.co.kr/brand/logos 공식 사이트 Logos - Gmarket Design System G마켓의 브랜드 정체성, 사용성, 일관성을 고려한 디자인 시스템의 가이드라인을 소개합니다. gds.gmarket.co.kr 심볼형,브랜드로고, 앱아이콘 3가지 RGB 파일만 따로 분리 했어요.
Gmarket 지마켓 로고, AI 심볼형, 타입형파일원본 https://gds.gmarket.co.kr/brand/logos 공식 사이트 Logos - Gmarket Design System G마켓의 브랜드 정체성, 사용성, 일관성을 고려한 디자인 시스템의 가이드라인을 소개합니다. gds.gmarket.co.kr 심볼형,브랜드로고, 앱아이콘 3가지 RGB 파일만 따로 분리 했어요.
2022.10.12 -
피그마에서도 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..
[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..
2022.10.03 -
제이콥의 법칙 사람들은 이미 알고 있는 방식으로 작동하기를 원한다. 1)멘탈모델 :경험, 요구사항, 지식, 감정, 추리 2)스테레오 타입 힉의 법칙 선택지의 개수가 늘면 의사 결정에 걸리는 시간이 늘어난다. RT(반응시간) = a+b log2(n) n: 자극의 개수 a,b 임의의 상수를 말함. 1) 온보딩 밀러의 법칙 사람이 최대한 기억할 수 있는 범위는 7+-2개라는 법칙 사람은 많은 것을 한번에 기억하지 못한다. 사람은 정보를 인식할때 덩어리 단위로 인식한다. 테슬러의 법칙 모든 시스템에는 더 줄일 수 없는 일정량의 복잡성이 존재한다. 사용자에게 시스템 복잡성을 감당하게 하지 말고 이것을 인터렉션이나 시스템 개발 과정에서 어느 쪽에서든 처리해야 한다. 피츠의 법칙 터치하려고 하는 대상의 크기와 거리는..
UX의 기본이 되는 원칙들제이콥의 법칙 사람들은 이미 알고 있는 방식으로 작동하기를 원한다. 1)멘탈모델 :경험, 요구사항, 지식, 감정, 추리 2)스테레오 타입 힉의 법칙 선택지의 개수가 늘면 의사 결정에 걸리는 시간이 늘어난다. RT(반응시간) = a+b log2(n) n: 자극의 개수 a,b 임의의 상수를 말함. 1) 온보딩 밀러의 법칙 사람이 최대한 기억할 수 있는 범위는 7+-2개라는 법칙 사람은 많은 것을 한번에 기억하지 못한다. 사람은 정보를 인식할때 덩어리 단위로 인식한다. 테슬러의 법칙 모든 시스템에는 더 줄일 수 없는 일정량의 복잡성이 존재한다. 사용자에게 시스템 복잡성을 감당하게 하지 말고 이것을 인터렉션이나 시스템 개발 과정에서 어느 쪽에서든 처리해야 한다. 피츠의 법칙 터치하려고 하는 대상의 크기와 거리는..
2022.09.22 -
https://www.joongang.co.kr/article/25102345 어도비, 피그마 28조 인수…10년 만에 대박난 30대 청년 정체 창업 10년 만에 억만장자 대열에 오르게 됐다. www.joongang.co.kr 피그마 28조원에 어도비에 인수됐다고 하네요 ... ㅠㅠ 피그마가 어도비 자리를 위협하는 경쟁사여서 막대한 자금을 투자해서라도 인수했나 봅니다. 근데 어도비에 인수되더라도 피그마 기능 계속 업데이트 해주는거 맞겠죠? ㅜㅜ 갑자기 피그마가 포토샵이나 XD처럼 오류나면서 꺼지는거 상상하면 나는 돈다.. 기사 내용 ‘포토샵’으로 유명한 미국 소프트웨어 업체 어도비(Adobe)가 경쟁업체 피그마(Figma)를 200억 달러(약 28조원)에 인수하기로 하면서 피그마 공동 창업자인 딜런 필드..
어도비, 피그마 28조 인수…10년만에 대박난 30대 청년 정체https://www.joongang.co.kr/article/25102345 어도비, 피그마 28조 인수…10년 만에 대박난 30대 청년 정체 창업 10년 만에 억만장자 대열에 오르게 됐다. www.joongang.co.kr 피그마 28조원에 어도비에 인수됐다고 하네요 ... ㅠㅠ 피그마가 어도비 자리를 위협하는 경쟁사여서 막대한 자금을 투자해서라도 인수했나 봅니다. 근데 어도비에 인수되더라도 피그마 기능 계속 업데이트 해주는거 맞겠죠? ㅜㅜ 갑자기 피그마가 포토샵이나 XD처럼 오류나면서 꺼지는거 상상하면 나는 돈다.. 기사 내용 ‘포토샵’으로 유명한 미국 소프트웨어 업체 어도비(Adobe)가 경쟁업체 피그마(Figma)를 200억 달러(약 28조원)에 인수하기로 하면서 피그마 공동 창업자인 딜런 필드..
2022.09.20 -
가끔 fig파일로 저장하는 방법을 검색해서 들어오시는 분들이 있어서 정보 공유차 저장하는 방법을 공유합니다. file > Save As .fig.. 를 해서 내보내는 방법이 있습니다. 단축키가 없는 이유 피그마는 실시간 공동작업에 최적화 되어 있는 브라우저 기반 프로그램입니다. 모든 작업 내용은 따로 저장할 필요 없이 auto save로 자동저장 됩니다. 그리고 작업 내역에 어떤 작업자가 몇시에 작업했는지에 대한 정보가 실시간으로 계속 동기화 되고 있다보니 피그마에서는 파일내보내기가 주요기능이 아니어서 단축키를 제공하지 않는것 같습니다. 각종 보안 방법 1) 유료 계정일 경우에는 회사명의 계정으로만 접속이 가능하도록 보안이 가능합니다. 2) 팀 프로젝트 폴더를 만들어서 admin 접속권한자가 허용하지 않..
[Figma] 피그마 내보내기 . fig 확장자로 저장하기가끔 fig파일로 저장하는 방법을 검색해서 들어오시는 분들이 있어서 정보 공유차 저장하는 방법을 공유합니다. file > Save As .fig.. 를 해서 내보내는 방법이 있습니다. 단축키가 없는 이유 피그마는 실시간 공동작업에 최적화 되어 있는 브라우저 기반 프로그램입니다. 모든 작업 내용은 따로 저장할 필요 없이 auto save로 자동저장 됩니다. 그리고 작업 내역에 어떤 작업자가 몇시에 작업했는지에 대한 정보가 실시간으로 계속 동기화 되고 있다보니 피그마에서는 파일내보내기가 주요기능이 아니어서 단축키를 제공하지 않는것 같습니다. 각종 보안 방법 1) 유료 계정일 경우에는 회사명의 계정으로만 접속이 가능하도록 보안이 가능합니다. 2) 팀 프로젝트 폴더를 만들어서 admin 접속권한자가 허용하지 않..
2022.09.19 -
1. 텍스트 링크 (외부 url 을 넣는 방법입니다.) 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. create link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈도우에서는 ctrl+K) * 이걸로 file > export to pdf 로 추출하면 링크를 넣은 pdf문서도 제작할 수 있어요. 2. prototype 패널에서 링크 걸기 (프로토타이핑에서 액션 실행용) 1. 프로토타입에서 이벤트 실행하기 위해 만들어둔 오브젝트를 일단 컴포넌트로 만듭니다. 컴포넌트가 되면 보라색라인과 아이콘으로 변경된걸 확인할 수 있습니다. 2. 오른쪽 패널 두번째 탭 prototype을 누르면 interactions 에서 클릭시에 링..
[Figma] 피그마 하이퍼 링크 걸기(외부창 열기) , 프로토타입에서 클릭 이벤트 링크만들기 2가지방법1. 텍스트 링크 (외부 url 을 넣는 방법입니다.) 간단하게 텍스트에 링크를 넣을 수 있습니다. 텍스트를 작성했을때 상단 메뉴에 링크 아이콘이 보입니다. create link를 눌러서 링크 생성이 가능합니다. * 단축키: 맥에서 command+K, 윈도우에서는 ctrl+K) * 이걸로 file > export to pdf 로 추출하면 링크를 넣은 pdf문서도 제작할 수 있어요. 2. prototype 패널에서 링크 걸기 (프로토타이핑에서 액션 실행용) 1. 프로토타입에서 이벤트 실행하기 위해 만들어둔 오브젝트를 일단 컴포넌트로 만듭니다. 컴포넌트가 되면 보라색라인과 아이콘으로 변경된걸 확인할 수 있습니다. 2. 오른쪽 패널 두번째 탭 prototype을 누르면 interactions 에서 클릭시에 링..
2022.09.16