본문 바로가기

전체보기

웹 기반 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 ..
큰 이미지를 여러 장으로 자동으로 나누어서 출력하는 법 포스터 및 현수막 등 사이즈가 큰 작업물에 대한 인쇄 작업을 진행할 때는 실제 크기의 작업 결과를 확인하기가 힘들 때가 있습니다. 그런 경우 일반적인 작업 환경에서 할 수 있는 방법으로 A4나 A3 사이즈의 용지로 분할인쇄하는 것이 있습니다. 분할인쇄의 경우, 이미지를 수동으로 분할하는 과정이 매우 귀찮은 작업이 될 수 있는데, Adobe Acrobat(또는 Adobe Acrobat Reader)를 통해서 이 작업이 쉽게 가능합니다. 일반적인 작업 포맷인 PSD, AI, TIFF 등의 이미지 원본 파일을 PDF 포맷으로 EXPORTING합니다. 그 다음에는 PDF파일을 열은 후, 위 이미지에서 보이는 것처럼 인쇄 버튼을 누르면 뜨는 인쇄 다이얼로그에서 POSTER 인쇄 방식을 선택하면 자동으로 선택된 용..
UI디자인가이드(스타일가이드,개발가이드,디자인명세) 만들기 (2016년 기준) (내용수정) (내용수정, 2019-09-18)본 글은 2016년에 기재된 비교적 오래된 내용을 담은 포스트입니다. 관련 내용을 2019년 09월 기준으로 추가 드립니다.아래 소개된 툴들은 이제 거의 사용되지 않습니다.UI디자인가이드 제작에 있어 '제플린'이라는 디자인명세 및 핸드오프 툴이 거의 업계 표준으로 자리잡았습니다.그 외의 일부 기업에서는 전통적인 파워포인트를 여전히 활용하고 있습니다.그사이 명세적 측면보다 디자인의 구체적 활용안 및 컴포넌트화를 다루는 '디자인시스템'이라는 확장된 개념이 등장했습니다.용어의 모호성은 여전합니다. 디자인가이드, 디자인명세, 스타일가이드, 디자인규격 등 혼용되고 있는 상황입니다.UI디자인가이드, 디자인명세, 스타일가이드 등의 각 용어에 대한 의미성과 프로젝트 상황에 맞춰 사용하시..
'저장' 아이콘을 바꿀 수 있는 방법은 없을까? *본 포스트는 "Medium'에 게재된 Seth Coelen의 "A Better Save Icon"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 플로피디스크 모양의 '저장' 아이콘은 일종의 '근시안적' 아이콘 디자인의 사례라고 볼 수 있습니다. 최근의 어린 친구들은 플로피디스크가 무엇인지 조차 알지 못하기 때문입니다. 이제는 이 '저장' 아이콘을 보다 오랜 기간 동안 통용될 수 있는 아이콘으로 새로 디자인되어야 할 때가 아닌가 싶습니다. 물론 이것은 매우 어려운 일로 보입니다. 다음은 새로운 저장 아이콘을 만들기 위해 저를 포함한 여러 디자이너들이 노력한 결과를 공유 드립니다. Piggy Bank by Ricardo Moreira돼지 저금..
해외 웹디자이너들이 선호하는 폰트 10개 *본 포스트는 "Hongkiat'에 게재된 "Top 10 Fonts Web Designers Love"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 제가 웹/그래픽디자인을 처음 배우기 시작할 때 항상 어떤 폰트를 사용할지 고민하고, 또 실무에서는 어떤 폰트를 주로 사용하는지 궁금했습니다. 그래서 저는 실제 디자이너들이 어떤 폰트를 자주 사용하고 또 선호하는 지, 더불어서 타이포그래피 관련 어떤 이슈를 지니고 있는지에 대해서 조사를 진행하기로 했으며, 그 결과를 공유하고자 합니다. Polldaddy,Forrsr, Facebook, Twitter와 같은 서비스를 통해서 조사를 진행했으며, 총 14개국에 있는 34명의 디자이너들로부터 어떤 폰트..
❤️ 외주/과외 문의
🖥️ 클라우드 메뉴판 : 디지털팝

티스토리툴바