본문 바로가기
피그마(Figma)가 앞으로 대세 디자인 프로그램이 될 수밖에 없는 이유 최근 UX Design Tool 2019 Survey에 따르면 피그마의 이용률 상승세가 뚜렷하며, 이제는 스케치의 절반에 달하는 점유율을 보이고 있다고 밝힌 바가 있습니다. 피그마 베타 시절부터 피그마를 어반젤리스팅하던 사람으로서 이같은 현상이 당연하게(?) 느껴지기도 하면서도, 한편으로 이같은 확장세는 여기서 멈추지 않고 더욱 그 영향력이 증대될 거라는 확신 아닌 확신을 갖게 되었습니다. 특히 단순히 UI디자인 영역에 국한되는 것이 아닌 '디자인 소프트웨어'로서, 과거 2000년대 초반의 포토샵의 위상만큼이나 대중적인 소프트웨어로 디자이너 뿐 아니라 일반인들에게까지 자리잡을 것이라고 생각합니다. 이번 글에서는 그 이유에 대해서 개인적인 견해 몇 가지를 밝히고자 합니다. 피그마의 미친 확장성 윈도우XP에..
일러스트레이터2020에서 진화된 Path Simplify 기능 일러스트레이터의 최신 버전인 2020에서 제공하는 기능 중 가장 주목받는 기능 중 하나가 바로 개선된 Path Simplify 입니다. 기존에도 쓰임이 없는 것은 아니었지만, 이번 버전을 통해서 기능적 효용성이 더욱 커짐과 동시에 고유 인터페이스가 추가되면서 사용성 또한 함께 증가하였습니다. 이 메뉴의 사용은 Object > Path > Simplify에서 사용이 가능합니다. 드라마틱하게 기능성이 향상되었다고 보기는 힘들지만, 어느정도 신뢰할만한 성능을 바탕으로 지저분한 Path를 깔끔하게 정리해주는 역할을 함과 함께 새로 추가된 인터페이스가 매우 사용하기 편리하여 손쉽게 단순화 정돌르 설정할 수 있습니다. 위 사진의 예제는 사실 캘리그라피 형태의 Path이기 때문에 Simplify를 적용하기 조금 애매..
HTML 테이블로 이메일용 반응형 레이아웃 구성하기 (No Media Query, 반응형 테이블) 미디어쿼리 없이 테이블로 반응형 레이아웃을 구성이 가능하다는 걸 알고 계셨나요? 아니 그것보다 왜 그런 방법을 써야 하냐고 물으실 거 같습니다. 사실 미디어쿼리를 쓰면 되기 때문에 이 방법은 딱히 효용이 없다고 느끼실 수도 있습니다. 다만 레가시한 환경에서 반응형 구성이 필요할 때 유용한 방법이 될 수 있습니다. 미디어쿼리가 적용되지 않는 예전 Ie 브라우저에 최적화를 해야 하는 웹페이지이거나, 특히 '이메일' 템플릿을 구성하는 데 있어서 여러 클라이언트와 아웃룩 등의 독특한 랜더링 환경에서 정상적으로 웹페이지를 표시하는 데에 있어서 특히 유용할 수 있습니다. 반응형 테이블: 이메일 템플릿 제작에 유용 용도에 대해 앞서 말씀드렸는데 사실 주된 용도는 바로 이 이메일 템플릿 제작에 활용하는 것이라고 볼 수..
키크론 k1 (v3) keychron 기계식 키보드 리뷰 맥용 세계에서 가장 얇은 기계식 키보드로 잘 알려진 키크론 사의 K1입니다. 출시 이후 세 번의 버전업을 진행한 제품으로 제가 사용하고 있는 제품은 가장 최근인 V3버전입니다. 다른 버전과의 차이는 제가 아는 바로는 키보드 스위치가 다르다고 알고 있습니다. 이전 모델까지는 청축이었는데 V3부터는 황축을 사용한다고 합니다. 이번 리뷰 또한 개인적인 느낌 위주와 동영상 리뷰(타이핑 사운드) 위주의 내용으로 리뷰를 진행하고자 합니다. 얇고 이뻐서 좋다 K2처럼 이 모델 역시 매우 이쁨니다. 스타일이 좀 다르긴 한데, K2는 레트로 느낌이었다면, K1은 그보다는 조금 더 현대적입니다. 이번에는 RGB 백라이트를 구매했는데 이 또한 매우 만족스럽습니다. 그리고 무엇보다 K2의 단점이었던 높이 문제가 이 키보드에서는 없..
[SEO] 웹페이지 프리뷰이미지(썸네일) 디자인가이드 메타데이터를 통해 웹페이지에 대한 정보로 등록되는 항목 중 이미지는 각종 소셜미디어나 인스턴트메신저 등을 통해서 웹페이지에 대해서 표시되는 주요 정보 중 하나입니다. 보통 open graph에서 제공되는 하나의 항목 중 하나로 취급됩니다. 다만 서비스 또는 클라이언트 별로 이 프리뷰 이미지를 표기하는 방식이 다르기 때문에 최대한 적응성이 높은 웹페이지 메타데이터 이미지를 디자인하는 방법에 대해서 알아 보고자 합니다. 메타데이터 상에서는 'image'라고 불리우지만 실질적으로 '프리뷰이미지', '썸네일이미지' 등의 이름으로 더욱 자주 불리기에 이하 글에서는 프리뷰이미지라고 부르도록 하겠습니다. 정사각형 또는 직사각형 선택 웹페이지 메타데이터는 표준화되어 있다고 보기가 애매하고, 서비스와 클라이언트 별로 표..
[SEO] 페이스북의 프리뷰 이미지/정보 강제 갱신하기 웹페에지와 관련된 정보를 나타내 주는 메타데이터는 특정 클라이언트나 서비스 종속적인 코드가 존재합니다. 이 중 가장 표준적인 형태의 메타데이터는 title, description, favicon과 같은 기본적인 요소들 외에 og라고 불리우는 open graph를 들 수 있습니다. 페이스북 프리뷰 이미지/정보에 사용되는 메타데이터는 open graph 정보를 토대로 작성이 됩니다. 페이스북은 자체 캐싱 서버를 가지고 있어서 프리뷰 정보를 캐싱처리합니다. 그래서 이전에 이미 공유한 적이 있는 경우 캐싱 데이터를 토대로 프리뷰를 표시합니다. 이같은 페이스북에서 긁어가는 메타데이터 정보를 강제로 갱신하는 방법은 다음 페이스북 쉐어링 디버거를 사용하는 것입니다. 페이스북 쉐어링 디버거 해당 디버거를 통해서 URL..
어피니티 디자이너가 일러스트레이터를 대체할 수 있을까? 사회 어떤 분야든 독점 체제는 장단기적으로 부정적인 영향력에 대한 가능성을 내재하고 있다. 현재 2D 그래픽 소프트웨어 시장은 누가 뭐라해도 어도비 독점 체제이다. 비트맵 편집툴과 벡터 편집툴 모두 의심의 여지 없이 포토샵과 일러스트레이터가 최고의 품질을 보여준다. 다만 포토샵의 경우 UI 영역까지 도메인이 컸던 툴이었던 것에 반해, 최근에는 다른 전문적인 툴이 등장함으로써 도메인이 다소 축소된 성격은 있다. 그럼에도 디자이너라면 당연히 포토샵과 일러스트레이터에 대한 숙련도가 요구되는 것은 변함이 없으며, 최근에는 클라우드 모델을 통해서 가격 경쟁력까지 갖추게 되면서 그 영향력은 더욱 강해지고 있다. 그런 상황에서 어피니티 시리즈의 등장은 생태계에 다양성을 부여한다는 점에서 매우 고무적으로 보이기도 한다..
맥OS 용량 관리에서 Other 항목 확인/관리하기 맥OS의 스토리지 정보창을 보면 Other 항목에 많은 할당량이 채워져 있는 상황을 자주 발견할 수 있습니다. 이것은 일반적으로 특수한 확장자를 갖는 파일들(PSD, PDF 등)의 집합이거나 캐시데이터 등 시스템운영데이터를 포함합니다. 이 Other 항목을 관리하는 것이 쉬운 일은 아닌데, 일단 기본적으로 OS 설정에서 이를 관리할 수 있는 툴을 제공하지 않습니다. 관련 클리너 앱들을 사용하는 방법이 있을 수도 있지만, 클리너 앱을 새로 까는 것 자체가 주는 리소스에 대한 부담 및 검증되지 않은 서드파티 프로바이더에게 시스템 팡리 접근을 허용하는 것에 대한 부담 등이 있어 이러한 프로그램 사용을 개인적으로는 좋아하지 않는 편입니다. Other 항목 파일 직접 찾기 Finder 앱을 열고 Find 메뉴를 ..