본문 바로가기
블로그 빌더로서의 티스토리 플랫폼 특단점 최근 초대장을 매개로 이루어지던 폐쇄형 블로깅 플랫폼이었던 티스토리가 최근 개방형으로 별도의 초대장 없이도 누구나 블로그를 빌드할 수 있도록 서비스 성격이 개편되었다. 이글루스의 함께 2000년대 초반의 블로그 시장을 주도했던 티스토리가 어떠한 성격의 서비스로 자리잡고 있는지 그리고 활용폭은 얼마나 되는지 파악하고자 한다. 특점 쉬운 가입과 사이트 개설 커스텀 도메인과 SSL 무료 지원 마크다운 에디터 지원 기본적 SEO 지원 모던한 디자인 HTML/CSS 편집 지원 단점 페이지 리스팅 외 사이트 구조를 벗어나기 힘듬 특정 카테고리 기반 페이지 리스팅 불가능 (가능하나 복잡성 높음) 전체적으로 아티클 기반의 블로깅 빌더로서의 제약적 성격이 강함 리소스 관리 힘듬 다변적 개발 환경 지원 안 됨 아티클 기반..
아이콘디자인 기초 파악하기 본 포스트는 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년 초 기준)
외주/과외 문의