본문 바로가기

공부/디자인31

해상도, DPI, PPI, PX, DP, PT 개념! 완벽 정리 UI디자인을 하면서 필수로 이해해야 할 개념들이 있다면, 바로 DPI, PPI, PX ,DP, PT의 개념입니다. 디자인에 엄청 중요한 요소는 아니지만, 기본개념을 알고 디자인하는 것과 그냥 하는 것은 또 다른 문제입니다. 개발자랑 충분하게 소통하기 위해서도 해당 개념은 잘 알고 있는 것이 좋아요.  DPI vs PPI- DPI : Dot per inch, 1인치 안에 들어간 점의 수, 높을수록 선명 - PPI : Pixel per inch, 1인치 안에 들어간 픽셀의 수, 높을수록 선명 점이냐 픽셀이냐 차이이며, 근본적으로 의미하는 것은 동일합니다.온라인에서 ppi를, 오프라인 제작물 디자인에서 dpi를 쓰는 것이 일반적입니다. (인쇄시에 dot을 기준으로 인쇄가 되기 때문이죠)  해상도우리가 보고 있.. 2025. 4. 14.
커스터마이징 가능한 이미지 청첩장 디자인 템플릿 추천! 안녕하세요! lazy yellow입니다.디자인을 하다보니, 친구들에게 하나 둘 이미지 청첩장을 만들어 주곤 했는데요. 조금 더 많은 분들이 커스텀하실 수 있도록 제 최애 디자인을  템플릿으로 만들어 판매 시작합니다.   이미지청첩장 템플릿5,000원  / 이미지청첩장, 뭐가 좋을까요?-. 저장이 쉬워 지인들이 좋아해요!-. 한 번 만들면 평생소장 가능!-. 인스타 스토리, 피드, 카톡 프로필 등 다양하게 활용 가능해요! -. 모바일 청첩장이 어려운 어른들에게도 좋아요!-. 템플릿을 구매하면, 여러가지 사진으로 여러개 만들 수 있어요!  / 구매방법1) 댓글로 구매의사를 밝혀주시면2) 대댓글로 계좌를 알려드려요!3) 계좌 입금확인 후, 템플릿 링크를 보내드립니다 :)  더보기-. 해당 상품은 디지털템플릿으.. 2025. 4. 12.
2025 어도비 메이크잇 서울 후기 좋은 기회로 작년에 이어 올해도 어도비 메이킷 행사에 다녀오게 되었습니다. 디자이너와 마케터들이 모여서 어도비의 신기능을 체험하고, 실제 실무에서 어떻게 어도비의 신기능들이 사용되는지 확인할 수 있는 자리었어요. 신기능이라고 하면 생성형 AI와 협업툴이 주요한 기능입니다. 작년엔 생성형AI 기능인 어도비 파이어플라이가 가장 큰 핫 이슈였는데요. 올해는 그 이상의 협업툴들을 보면서 어도비가 정말 많이 발전해나가고 있다는 걸 다시 한번 느꼈습니다. 2025 어도비 메이킷 서울- 매년 1회 개최 됩니다.- 상세프로그램은 아래 링크에서 확인할 수 있습니다. - 얼리버드 5만원, 일반입장권 7만원 https://www.makeitseoul.com/ Make it. Seoul여기를 눌러 링크를 확인 하세요.ww.. 2025. 4. 10.
플러스엑스 UI패키지 강의 최종 후기! 오늘은 플러스엑스 UI패키지 강의 최종 후기를 작성해 보려고 한다. 처음 시작할때, 언제 다 듣지 싶었는데 벌써 한 달이 됐다니 감회가 새롭다. 초반에 챌린지 일수에 맞춰서 강의 계획을 짜두기를 잘한 것 같다. 챌린지 기간 내에 모두 들을 수 있어서 홀가분 함! 사설은 여기까지만 하고, 실제 이 강의가 어땠는지에 대해 이야기 해보고자 한다. 내가 강의를 들은 이유, 나는 회사에서 UI/UX를 하고 있지만 이쪽 분야 전문 사수가 없어 프로세스나 실무에서 항상 어려움이 있었다. 특히 이번에 큰 프로젝트를 하나 진행하게 되었는데 그 과정에서 여러가지 궁금증이 생기고, 어려움이 생겼고 이를 해소하기 위한 방안을 찾다가 실무에 최적화된 플러스엑스의 UI패키지 강의를 들어보자고 생각했던 것이다. (팀장님도 이런 부.. 2023. 8. 19.
플러스엑스 UI패키지 강의후기 - (27) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - 애니메이션 소스 활용하기 ◆ 정리 및 느낀점 - 뭔가 애니메이션 소스 활용하기에서 실무 팁을 받을 수 있을 것 같아 기대했지만.. 현실은 after effect 배워야 할 것 같은 느낌을 받았다. 프리미어도 마찬가지고. 이번 강의 끝나면 after effect를 배워서 인터랙션을 더 활용해봐야 겠다. - 일단 오늘 강의에서 알려주신건 animation source를 어떻게 활용하는지 였는데, 총 4가지 정도로 나눠볼 수있다. 처음 들어보는 것도 2개나 있음;; 1) PNG sequence (after effect or 프리미어로 만듬) : 모든 프레임을 PNG로 저장하는 방법이다. 2) APNG : GIF 같은 파일인데 이또한 after .. 2023. 8. 13.
플러스엑스 UI패키지 강의후기 - (26) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - 가이드 제작 ◆ 정리 및 느낀점 - 일단 어제 진도를 다 못뺀 figma 인터랙션 프로토타이핑을 마저 진행했다. 원래 나는 강의를 1.2배속 정도로 듣는데, 0.8로 해도 뭔가 안되는게 많고 따라가기가 어려워서 (기본적으로 화면을 빨리돌리심 강의 자체가) 일단 어떻게 어떻게 따라는 했지만 결과는 약간 부끄럽다는 ^^.. - 이후 가이드 제작 관련하여 오늘 배운 것은... 약간 놀라웠다... 이미지 가이드에 이어 인터랙션 가이드라는게 있는건지 이번에 구체적으로 알게 되었는데, 인터랙션 가이드도 이미지 가이드만큼이나 세세하다니, 근데 돌아보면 당연한 이야기 같기도하다. 당연히 세세하게 전달해야지 디자이너가 원하는 인터랙션이 나올테니까. - 인.. 2023. 8. 12.
플러스엑스 UI패키지 강의 후기 - (25) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - 인터랙션 디자인 테스트 02 ◆ 정리 및 느낀점 - 오늘은 인터랙션을 직접 만들어 보는 것을 figma 파일로 진행했다. 예전에 피그마 툴 다룰때 애니메이션 몇 번 다뤄본적이 있었는데 오늘은 조금 더 고난이도의 느낌... 한시 간 짜리 강의인데, 툴 강의가 아니다 보니 너무 슉슉 넘어가서 ㅠㅠ 따라잡는데 너무 많은 소요시간이 들었다. 일단 가장 중요한 것은 피그마에서 인터랙션을 넣으려면 레이어 정리가 필수라는 점. 이전에 다른 강의에서 툴 배웠을때, 레이어 명을 많이 따라간다는 이야기를 들었었는데, 고 내용 같다. - 오늘 피그마로 주로했던건 마스킹을 활용한 글자 인터랙션과 라인이 자연스럽게 나오게 하는 인터랙션 그리고.. 문제의 동그라미.. 2023. 8. 11.
플러스엑스 UI패키지 강의 후기 - (24) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - 인터랙션 디자인 테스트 ◆ 정리 및 느낀점 - 전일 인터렉션 디자인에서 다뤘던 내용중 디자인 후의 단계가 바로 인터랙션 디자인 테스트이다. 사실 인터랙션 가이드를 화면별로 모두 만들면 좋지만 그러기 쉽지 않은 경우가 있을 수 있으므로, 말로 다 설명이 어려울 때 요 디자인 테스트를 진행한다고 한다. - 인터랙션 테스트를 위한 애니메이션 구현시, 염두에 두어야 할 것은 1) 반응은 빠르고 정확하게 나오도록 2)현실에서 보던 규칙이 적용된것처럼 자연스럽도록 3)다른요소와 어우러져 해당 인터렉션이 인식 되도록 4)목적과 의도가 명확하게 느껴질 수 있도록 하는 것이다. - 특히 지속시간과 속도가 중요한데, 속도는 milesecond(=ms)로 표.. 2023. 8. 10.
플러스엑스 UI패키지 강의 후기 - (23) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - 인터랙션 디자인 ◆ 정리 및 느낀점 - 인터랙션 디자인은 어떻게 만들어 지는 것일까? 나는 그동안 레퍼런스만을 계속 참고했는데, 이번 강의에서 어떻게 구체적으로 인터랙션을 디자인하게 되는지에 대해 배울 수 있었다. - 1단계 ) concept 잡기 : 성격과 분위기에 맞는 컨셉을 잡는다. 1) Brand Identity에 따라 컨셉 잡기 : 예를들어 브랜드과 경쾌하고, 친근하고, 부드럽다면 인터랙션의 움직임도 거기에 맞추어 진행한다. 인터랙션이 시각적인 것이라 강의에 있던 에어 프리미아 예시를 보니 바로 이해할 수 있었음 2) Contents & Elements : 가장 많이 사용되는 것으로 콘텐츠와 요소요소에 인터랙션을 넣어 화면탐색 하.. 2023. 8. 9.
플러스엑스 UI패키지 강의 후기 - (22) ◆ 오늘 수강/복습 할 부분 Part4. UI 인터랙션 디자인 - Overview - 인터랙션 디자인의 이해 ◆ 정리 및 느낀점 - 초기에 "인터랙션 디자인"은 또 뭐야? 라고 하던 시절이 있었는데, 오늘 개념을 확실히 잡아 가는 것 같아서 좋다! - 인터랙션이란? 상호작용이라는 뜻 ㄴ 인터랙션 디자인이란? 개체와 개체 사이의 상호작용을 설계하는 일, 사람들은 경험을 토대로 예측을하고 이것이 행동으로 이어지게 되어있다, 디자이너는 자연스럽게 유저의 행동을 유도하도록 하는 것이 중요! - 인터랙션 디자인 시 고려해야 할 두가지 부분을 포괄해 만족스러운 경험을 제공하는 것이 최종 목표 1) 사용자와의 상호작용 방식에 초점을 맞추기 : 이를 위해선 사용자의 상태, 상황, 목표, 물리적 상황에 대한 이해가 필요.. 2023. 8. 8.
플러스엑스 UI패키지 강의 후기 - (21) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - 프로젝트 완료 이후의 협업 ◆ 정리 및 느낀점 - 아무래도 플러스엑스는 에이전시이다 보니, 완료후 업체 전달하는 것이 주요한 업무 중 하나일 것이다. 이번 강의는, 어떻게 업체에 전달하고, 프로젝트 종료이후에 무엇을 챙기는지에 대한 이야기여서 나랑은 살짝 동떨어졌지만, 에이전시의 업무 프로세스를 알아보는 좋은 수업이었음 - 일단 프로젝트 종료후 업체 전달 시에 폴더링등 재점검을 한다고 한다. 이 과정에서 USB, 외장하드를 통해 전달하기도 하는데, (이 부분이 살짝 의외였다) 최근에는 구글 드라이브로 전달 많이 한다고 한다. - 종료 이후에 챙기는 것들로는 1)프로젝트에 대한 만족도 설문조사 2)각종 어워드 출품 준비 3)PR준비 (behan.. 2023. 8. 7.
플러스엑스 UI패키지 강의후기 - (20) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - QA (Quality Assuarance) ◆ 정리 및 느낀점 - 오늘은 디자인 및 개발 이후의 QA에 대한 수업을 들었다! 먼저 QA시 고려해야 할 사항은 1)기능성 : 기획한게 잘 작동하는지, 2)심미성 : 디자인 한대로 잘 나왔는지 3)호환성 : 디바이스, OS, 회원가입유무등에 따라 모두 괜찮은 화면을 가지고 있는지! 이를 위해 다양한 환경에서의 test가 필요하다 - 플러스엑스에서는 testurl이 나오면, 이를 바탕으로 "진행기간, 범위, tool, 업무범위, 할당자" 등을 정하고 시작한다고 한다. * 할당자는 아래와 같이 보통 나눈다고 한다 UX designer : 설계상의 문제 UI designer : 디자인 파일의 문제 Dev.. 2023. 8. 6.
플러스엑스 UI패키지 강의 후기 - (19) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - UI 디자인 가이드 ◆ 정리 및 느낀점 -오늘은 UI디자인 가이드에 대해서 배웠다. UI 디자인 가이드란 : 서비스에 사용되는 디자인 스타일 규칙과 가이드라인! 여기에는 2가지 가이드가 있는데, 1) UI개발가이드 2) 이미지 운영가이드가 각각 그것이다. - UI디자인 가이드가 필요한 이유는 아래와 같다. 1) 효율성 : 개발자에게 디자이너의 의도를 명확하게 전달하기 위해서 필요 2) 일관성 있는 사용자 경험 제공 가능 - UI디자인 가이드 작성시 고려사항 1) 타겟이 되는 디바이스, 언어 등 기본적인 기준 정리 필요 : ios, Aos 어떤 기준에 맞출건지 혼합할건지 등 2) 우선순위 고려하기 : 공통적으로 사용되는 가이드를 우선 작업 하여.. 2023. 8. 5.
플러스엑스 UI패키지 강의 후기 - (18) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - 협업 툴 ◆ 정리 및 느낀점 -오늘은 협업 툴에 대한 강의 였다. 이저에 협업 툴에 대해 한 번 훑고간 적이 있었는데 그때와 크게 다르진 않음, 플러스엑스는 에이전시이다보니까 제안단계에서부터 필요한 툴들도 같이 이야기를 해주셨고, 나는 여기서 내 상황에 맞는것만 골라서 필기 및 기억하기로 했다. 커뮤니케이션 툴 같은 경우 우리도 예전에는 라인을 썼는데 지금은 슬랙 사용중이라 장점은 다 비슷비슷한 느낌! 관리용으로 구글시트를 쓴다고하시는데, 이 부분은 우리도 동일하다. 파일 버전관리가 꽤 힘든 부분이 있으니까, 다같이 클라우드에서 공유되는 구글시트를 사용하면 훨씬 편하긴 하다. - 구글시트에서 눈여겨 볼만한 점은 레퍼런스 리서치 sheet를 별.. 2023. 8. 4.
플러스엑스 UI패키지 강의 후기 - (17) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - 플러스엑스의 네이밍 룰 ◆ 정리 및 느낀점 - 네이밍 룰을 한 번도 배워본 적이 없는데, 이번에 전문가들이 어떻게 하고 있는지 알게 되서 앞으로 프로젝트 하는데 굉장히 많은 도움이 될 것 같다. 당장 하고 있는 것 부터 바꿀 예정! - 플러스엑스에서는 총 4개 폴더, 파일, 레이어, 에셋에 대한 네이밍 규칙을 가지고 있는데, 쭉 들어보니 아무래도 오프라인으로 다 추출해서 폴더/파일로 모아 놓는 경우가 많아 보였다. 우리 회사가 지향하는 것과는 살짝 달라서 이 부분은 감안해서 듣기는 했다! 다만 온라인으로 파일을 관리하더라도 파일명 규칙이 있으면 좋으니까 향후에는 이 부분을 참고해서 진행하면 좋을듯. - 폴더는 뛰어넘고 파일 쪽으로 가면, 아래.. 2023. 8. 3.
플러스엑스 UI패키지 강의 후기 - (16) ◆ 오늘 수강/복습 할 부분 Part3. UI 디자인 협업 - Overview - 협업 ◆ 정리 및 느낀점 - 궁금했던 협업 부분.. 역시나.. 할일 추가 ㅎㅎ.. 플러스엑스는 UX/UI/DX파트로 구분되어 기획/디자인/개발을 맡는다고 한다. - 각 부서에서 신경쓰면 좋을 것을 우선적으로 정리해본다면 아래와 같다. UX UI DX Research Ideation interview Persona User Flow Moodboard Color Layout, Grid Typography Image Architecture Interaction Maintenance Efficiency Feasibility - 협업을 하면 좋은 점은 굉장히 많지만, plusx에서 느끼는 것은 1) 효과적인 workflow구성이 가.. 2023. 8. 2.
플러스엑스 UI패키지 강의 후기 - (15) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - PlusX와 구성요소 ◆ 정리 및 느낀점 - 전일 배웠던 UI 구성요소를 PlusX에서는 어떻게 적용하고 있는지 알아보는 강의가 오늘 강의였다. 배우다 보니... 기존에 진행해왔던 프로젝트들을 정리하기 위해 가이드 부터 손을 봐야겠다는 생각이 들었다.. 한숨.. - 플러스엑스에서 구성요소를 활용하는 방법은 아래와 같다. 1) point color는 point 답게! 화면의 5-10%정도에만 point color를 적용한다고 한다. 이외 basic컬러로는 black 부터 white를 모두 7단계정도로 두고, 그 중 4-6개를 선택해서 사용 한다고 한다. 2) 폰트규칙을 아주 세밀하게 작성한다. 보통 system font로 많이 디자인하고, 폰트.. 2023. 8. 1.
플러스엑스 UI패키지 강의 후기 - (14) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - 구성요소의 이해 ◆ 정리 및 느낀점 - 오늘은 UI에서 가장 중요하다고 볼 수 있는 구성요소에 대해 배웠다. 크게 정리하면 아래와 같다. - 4가지 구성요는 컬러, 폰트, 모양, 인터랙션으로 축약해볼 수 있다. - 이외 컴포넌트라고 불리는 구성요소들이 있는데, 이것을 다시 3가지 Navigation(정보탐색), Input(정보입력), Information(정보전달)으로 구분할 수 있다. 이 부분이 보통 일할때 중요했어서 이 부부을 정리해보고자 한다. Navigation GNB(Global Navigation bar) = 상단메뉴, 탑메뉴, 메뉴바 - Header에 보통 배치 - 사용자가 쉽게 이동할 수 있도록 하는것 LNB(Local navi.. 2023. 7. 31.
플러스엑스 UI패키지 강의 후기 - (13) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - UI구조의 이해 ◆ 정리 및 느낀점 - 앞에서도 계속 나왔던 이야기이지만, UI는 APP인지 WEB인지에 따라 성격이 달라지므로, 이부분을 항상 염두에 두어야 한다. 요게 오늘 강의에서 가장 첫 번째로 정리해야 했던 점! - 두 번째로 인지하고 싶은 점은 레이어 정리를 잘하자.... 최근에 했던 작업중에 레이어 정리를 꼼꼼하게 잘한게 하나도 없는것 같다.. 같이 협업하시는 분들이 힘드셨을 것 같음.. 앞으로라도 잘해야지. - UI구조는 조직성과 일관성 2가지 기준을 두고 만들어지게 되는데, 조직성은 적절하게 그룹핑이 되어있는지, 일관성은 사용자가 예측 가능한지를 기준으로 둔다고 한다. - UI 구조 : Header or Top / Conten.. 2023. 7. 30.
플러스엑스 UI패키지 강의 후기 - (12) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - PlusX와 그리드 ◆ 정리 및 느낀점 - 오늘 강의를 통해 그리드와 레이아웃에 대해 실무 감이 조금이나마 잡히는 느낌이다. 나는 혼자 UI를 디자인하면서 그리드가 없으면 꼭 기초가 안된 애 처럼 보일까봐 노심초사 하면서 그리드를 그려왔는데, 오늘 강의를 듣고보니.. 그리드 ... 너 꼭 필요한 건 아니었구나... 특히, 그럼 어떤 그리드를 쓰는게 좋을까 많이 고민을 했었는데, 이것도 딱 하나를 정해두기보다 그 상황에 따라 여러가지로 다르게 하는게 맞다는 것도 답을 얻어서 기뻤다. 오히려 기존 것에 얽매이면 새로운 그리드를 시도하지 못해서 creative가 저하 될 수 있다고 함... plusx도 새로운 아이디어를 다각도로 시도해보기 위해서 .. 2023. 7. 29.
플러스엑스 UI패키지 강의 후기 - (11) (feat. 게슈탈트 이론) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - 레이아웃에 대한 이해 ◆ 정리 및 느낀점 - 오늘 정말 중요한 것들을 많이 배움! (이론적이긴 하지만) 회사에서 일할 때 상대방을 설득하는 방법이 여러가지가 있는데(레퍼런스 들이대기,. 윗 분 의견 전달하기 등등..) 그 중 유용한 것이 바로 '이론'이다. 이론에 따르면요.. 이게 더 효과적... 오늘은 그 '이론'을 배운 날! - 일단 같은 사이트라고해서 모든 layout이 다 같지는 않아도 된다고 하니 참고하자. - 위에서 말한 이론은 게슈탈트 이론! "전체는 부분의 합이 아니다"를 기반으로 한다. 1) Similarity : 유사성 ㅇ 인간은 grouping하여 생각하려는 경향이 있다. 어떻게? 바로 크기나 형태가 같은 것을 같은 그룹이.. 2023. 7. 28.
플러스엑스 UI패키지 강의 후기 - (10) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - 그리드에 대한 이해 ◆ 정리 및 느낀점 - UI디자인시 그리드가 필수일까? 라는 고민을 많이했었는데, 오늘 수업을 듣고 결론을 내릴 수 있었다. 그리드는 필수가 아니다! 다만 권장되는 가이드일 뿐! 그리드를 사용하면 1)디자인에 통일성을 부여할 수 있고 2)내부적으로 기준이 설정되어 협업이 용이 3)해상도 대응에 유리해서 특히 반응형 웹사이트 제작시에 좋고 4)유저로 하여금 일관적인 그리드로 긍정적인 서비스 경험을 유지할 수 있는 장점이 있다. 다만 꼭 그리드를 사용하지 않더라도 크리에이티브한 레이아웃을 만드는 경우도 있기 때문에, 결국 본인의 선택인 것이다. - 일단 그리드 기본 잡고 넘어가기! 그리드는, 마진(컨테이너를 둘러싸고 있는 값).. 2023. 7. 27.
플러스엑스 UI패키지 강의 후기 - (9) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - PlusX와 해상도 ◆ 정리 및 느낀점 - 오늘은 어제 배운것 중 플러스엑스에서는 해상도를 어떻게 다루고 있는지를 조금더 회사 관점에서 다룬 강의였다. 앞서 말한 것처럼 UI디자이너라면 해상도를 직접 판단하고, 선택할 줄 알아야 하는데, 플러스엑스에서 어떤 기준으로 선택하는지 안내 해주심! - 먼저 크게 파트너사가 제안하는 경우와 그렇지 않은 경우가 있는데, 제안하는 경우 파트너사의 의견을 따르면 됨으로 크게 문제가 되지 않고, 직접 선택해야 하는 경우 아래의 룰들이 적용된다고 한다. 1) 프로젝트 작업의 성격 : 이것이 제안에서 그치냐 아니면 실제 구축까지 이어지느냐에 따라 플러스엑스에서는 해상도를 선택하고 있다. 실제 구축까지 가는 경우 .. 2023. 7. 26.
플러스엑스 UI패키지 강의 후기 - (8) ◆ 오늘 수강/복습 할 부분 Part2. UI 디자인 기초 - PlusX, 작업 환경에 대한 이해 ◆ 정리 및 느낀점 - 전일 말했던 것처럼 UI디자이너라면 기본적으로 알아야 할 필수지식들이 있는데, 오늘은 해당 지식들에 대해 조금더 자세히 배워보는 시간이었다. 1) 아트보드(=해상도) : 아트보드는 1배수로 작업하고, 1.5배, 2배, 3배, 4배 해서 개발자에게 hand-off한다. 2) 그래픽 : 그래픽에는 벡터와 레스터가 있는데, 흔히 우리가 아는 일러스트 파일이 벡터(ai, svg), 깨지는 jpg파일이 레스터(jpg, png)... 디자인 비전공자인 나는 포토샵에서 레스터라이즈화가 왜있는지 몰랐는데 이번 기회에 알게 됐다는 후문.. 3) unit : 픽셀로 사용하게 되면 디바이스별 ppi, d.. 2023. 7. 25.

티스토리툴바