DPI 스터디 (V1) V1 (190411) DPI 스터디 모니터 해상도, 인치 기반 DPI 계산 DPI계산 웹사이트(1): https://www.sven.de/dpi DPI계산 웹사이트(2): https://www.pixelcalculator.com (기능 제한적, 인쇄 쪽 내용 포함) DPI계산 웹사이트(3): https://www.pxcalc.com DPI계산법 설명 문서: http://nm3.kr/old/46 모니터 DPI감지 및 측정 웹사이트: https://www.infobyip.com/detectmonitordpi.php 픽셀 픽셀 정의: https://namu.wiki/w/픽셀 픽셀 크기 계산기: https://www.pixelto.net/px-to-cm-converter 픽셀은 절대적 크기를 갖지 않고, 그 '.. 스케치에서 단축키 변경하기 스케치는 묘하게 일반적인 그래픽 프로그램의 인터페이스와 다른 단축키 구성을 가지고 있습니다. 그게 참 묘하게 달라서, 다른 프로그램에서 넘어 온 작업자들의 경우 단축키를 커스텀해야 하는 상황에 놓일 수가 있습니다. 다음은 스케치에서 단축키를 변경하는 방법에 대해 소개하고, 변경하면 좋은(조금 더 유니버셜한 그래픽프로그램 단축키 인터페이스에 근접하는) 단축키들을 소개하고자 합니다. 스케치 단축키 변경하기 일단 스케치 앱 내에서는 단축키 변경이 불가합니다. 시스템에서 설정을 해 주어야 하는데 이를 위해 맥의 시스템 환경설정을 실행해야 합니다. 환경설정에서 키보드 항목을 실행해야 합니다. 다음으로 스케치를 실행해서, 단축키를 맵핑하고 싶은 커맨드 이름을 확인합니다. 저는 지금 Fit to 100% 단축키인 A.. 일러스트레이터 compound path & compound shape, path & shape 비교 Compound Shape과 Compound Path Compound Path와 Compound Shape 모두 원래 Shape을 Editable하게 유지하면서 조합을 통한 새로운 조형을 이룰 때 사용. Compound Shape는 Unite, Minus, Interact, Exclude 등 다양한 조합 가능하며 레이어 상으로 하위 개체를 생성함. Compound Path는 Exclude 조합만 가능하며 레이어 상으로 하나의 개체로 처리됨. Compound Path와 Shape 모두 Release하여 조합 이전 조형들을 복원하는 것이 가능하나 Shape이 아닌 Path 형태로 복원됨. Compound Path가 더 일반적인 Vector 그래픽 형태이나 기능성에 제약이 있음. Compound Shape은 .. 모바일용 이메일 디자인을 할 때에 주의해야할 점 5가지 *본 포스트는 "SITE-POINT'에 게재된 " CHRIS COYIER"가 쓴 "5 Golden Rules For Mobile Email Design"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 모바일용 이메일 디자인은 단순히 작은 크기를 고려하여 디자인하는 것이 아니라, 사람들이 모바일웹을 사용하는 다양한 방식들을 고려해서 진행되어야 합니다. 모바일용 이메일 디자인에 있어서 필요한 요소들을 알아 보겠습니다. 1. 이메일은 최대한 단순하게복잡성은 모든 것을 망칩니다. 특별히 이메일에서는 더욱 그렇습니다. 작은 스크린 내에서 깨지기 쉬운 복잡한 구조는 언제든 피하도록 합니다. 또한 모든 모바일 스크린은 '미디어 쿼리(CSS)'를 지원하지.. 웹 기반 SVG배경패턴 생성기 3종 소개 (2017년 초 기준) *본 포스트는 "CSS-TRICK'에 게재된 " CHRIS COYIER"가 쓴 "Websites to Generate SVG Patterns"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. SVG배경패턴 생성기를 웹에서 구하기 어려운 것은 아니지만, 혹시 필요하실 수 있어서 해당 내용을 포스트해 놓습니다. 밑에 세 가지 제네레이터를 모두 사용해 보았는데, 세 가지 모두 작동을 매우 잘 하였으며, 약간의 코드로 SVG 패턴을 쉽게 제작할 수 있었습니다. *SVG배경패턴 생성기 : 차세대 웹 이미지포맷인 SVG 형태의 배경패턴을 생성해주는 시스템을 말합니다. SVG포맷이기 때문에, 확대해도 깨지지 않고, 용량효율이 좋으며, 수정이 용이합니다. .. 국내외 정보보안 및 B2B IT 업체 CI, BI 디자인 모음 (2017년 초 기준) 지란지교소프트의 주된 사업 분야 중 하나인 정보보안 및 B2B IT 분야에는 국내외 많은 업체들이 다양한 사업을 펼치고 있습니다. 이 업체들 모두 각자의 디자인 전략을 가지고 고객과의 커뮤니케이션을 진행하고 있는데요. 디자인팀에서는 정보보안 및 B2B IT 업계의 전반적인 디자인 동향을 알아보는 차원에서 각 업체들의 CI 및 BI를 조사하는 시간을 가져 보았습니다. 특별한 인사이트가 담긴 조사 자료는 아니지만, 말 그대로 업계 디자인 동향을 파악하는 자료로 참고해 주시면 감사하겠습니다. 해당 조사 자료는 2017년 1월의 자료를 근거로 제작되었습니다. 국내 정보보안 및 B2B IT 분야 CI 및 BI 모음 (2017년 초 기준) 해외 정보보안 및 B2B IT 분야 CI 및 BI 모음 (2017년 초 기준) 2016년 가을 공개된 구글 애널리틱스의 새로운 UI디자인 구글 애널리틱스를 이용하시는 분들은 얼마 전부터 UI 최상단에 곧 공개될 새로운 UI를 확인할 수 있는 페이지를 연결시켜 놓았습니다. 해당 페이지로 이동하면 주요 변경 화면에 대한 스크린샷을 제공하고 있습니다. 더불어서 곧 공개될 기업용 유료 서비스인 'Google Analytics 360'에 대한 소개도 함께 기재되어 있습니다. 이번 포스트에서는 세계에서 가장 널리 사용되는 관리자사이트(Admin Website) 중 하나인 구글애널리틱스의 곧 공개될 새로운 UI디자인에 대해 간략히 알아 보겠습니다. 리뉴얼 이전 구글 애널리틱스의 UI디자인 1. 단순화된 네비게이션새로운 구글 메테리얼 디자인 표준을 따릅니다.관리자 관련 서브헤더가 사라지고, 해당 내용은 네비게이션 최하단에 고정했습니다.좌측 네비게이션은 .. 디자이너라면 반드시 봐야할 7가지 TED 강연 영상 *본 포스트는 "Invision Blog'에 게재된 "THE 7 TED TALKS EVERY DESIGNER SHOULD WATCH (PLUS ONE FOR FUN)"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. TED Talk의 1984년의 첫번째 강연 이후, TED는 우리들에게 깊은 감명을 주며 생각할 거리들을 건내주고 있습니다. 이 중 디자인에 관련된 300개 이상의 TED 강연 중 빠트려서는 안 될 강연들을 뽑기로 했으며, 트위터리안들의 도움을 통해 7가지 강연을 추릴 수 있었습니다. (해당 강연들을 한글자막이 있을 경우한글자막이 달린 버전으로 링크를 달아 두었습니다.) 1. 좋은 디자인이 당신을 행복하게 만드는 3가지 방식 by .. 이전 1 ··· 11 12 13 14 15 16 17 ··· 19 다음
