아이콘디자인 기초 파악하기 본 포스트는 18년 12월 8일 대전디자이너스 주간 디자인스터디에서 공유된 자료를 기반으로 작성되었습니다. 아이콘디자인 개요 아이콘디자인이 무엇인지 생각하는데 앞서 아이콘이 무엇인가에 대한 생각이 우선해야 할 것으로 보입니다. 기본적으로 아이콘은 비언어적 커뮤니케이션을 위한 기호 체계의 형식이라고 볼 수 있습니다. 기호의 역사는 인류의 역사와 궤를 같이 한다고 볼 수 있을 것 같습니다. 쉽게 말해 픽토그램 등의 용어로 통용되는 비언어적 기호를 말한다고 볼 수 있습니다. 최근 들어 유난히 아이콘에 대한 관심도가 높아진 이유는 무엇일까요? 여러가지 요인이 있을 수 있지만, 2007년을 기점으로 시작된 모바일 혁명은, 인간 삶의 디지털화를 가속화하였습니다. 더 많은 디스플레이를 더 많은 용도로 쓰게 되면서 자.. 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. 단순화된 네비게이션새로운 구글 메테리얼 디자인 표준을 따릅니다.관리자 관련 서브헤더가 사라지고, 해당 내용은 네비게이션 최하단에 고정했습니다.좌측 네비게이션은 .. 이전 1 ··· 25 26 27 28 29 30 31 ··· 33 다음
