본문 바로가기

UX 디자인

웹디자인에 팬톤 컬러 적용을 위해 활용 가능한 웹사이트 소개 지난 번에 팬톤에서 제작한 컬러 어플리케이션을 소개해 드린 적이 있는데요. 이번에는 데스크탑/노트북 상에서 웹/앱 디자인을 할 때 컬러링 관련해서 활용이 가능한 웹사이트들을 소개해 드리고자 합니다. 이전 모바일 앱과 마찬가지로 팬톤과 관련된 웹사이트들로 컬러 팔레트 및 파인더 역할을 합니다.1. 팬톤 웹 컬러파인더팬톤 공식 홈페이지에서 제공하는 컬러파인더입니다. 컬러피커를 통해서 색상을 지정하면 그 색과 가장 유사한 팬톤컬러를 뽑아주는 역할을 합니다. 막연하게 색상을 구상하고 있을 때, 구체적이고 또 검증된 색상 코드를 표시해 주는 역할을 합니다.URL : https://www.pantone.com/color-finder 2. 팬톤 컬러스팬톤 표준 색상들을 한 눈에 알아 보기 쉽게 나열하여 보여주는 웹사..
모니터 컬러 캘리브레이션 웹에서 약식으로 하기 *본 포스트는 "Make Use Of'에 게재된 " Saikat Basu"가 쓴 "5 online Tools to Help Calibrate Your Monitor"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 모니터 캘리브레이션을 정확히 하기 위해서는 궁극적으로 캘리브레이션 장치가 필요합니다. 하지만 이런 장치들은 대부분 고가이고 물리적 공간을 많이 차지하여 구비하기가 쉽지 않은 것이 사실입니다. 여기 어려운 캘리브레이션을 약식으로나마 웹 상에서 쉽게 진행할 수 있는 방법 5가지를 소개하고자 합니다. 2010년 포스트이기 때문에 일부 웹사이트는 작동을 하지 않을 수도 있습니다만, 몇몇 사이트들은 아직도 잘 작동하며, 꽤 괜찮은 캘리브레이..
포토샵 VS 스케치, 스케치에서만 할 수 있는 5가지 기능 *본 포스트는 "InVision Blog'에 게재된 " Joseph Angelo Todaro"가 쓴 "SKETCH VS. PHOTOSHOP: THE 5 THINGS SKETCH CAN DO THAT PHOTOSHOP CAN’T"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 무엇이 스케치를 디지털 프로덕트 제작에 적합한 툴로 만들어 주는 것일까요? 여기 그 5가지 기능을 소개하도록 합니다. 1. 스케치 vs. 포토샵 : 공유 스타일(Shared Style) 포토샵의 레이어 스타일은 새로운 스타일을 적용하는 데에 매우 유용합니다만, 해당 레이어 스타일을 일괄 적용/수정하는 것은 불가능하다는 단점이 있습니다. 스케치의 'Shared Styles..
일러스트레이터에서 픽셀 아이콘을 잘 만드는 8가지 방법 소개 *본 포스트는 "Digital Synopsis'에 게재된 "8 Dos and Don’ts Of Creating Pixel Icons In Illustrator"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. UI/UX디자이너 M.A Kather는 어도비 일러스트레이터로 픽셀 아이콘을 제작할 때 주의해야 할 8가지 주의사항에 대해서 글을 작성하였습니다. Kather는 이전에 포토샵과 일러스트레이터를 비교한 아티클을 이전에 공유한 적도 있었습니다. 디자인 초보자에서 프로페셔널 레벨 사용자까지 활용할 수 있는 픽셀 아이콘 디자인 시 참고할 8가지 사항 아래에서 확인해 보시죠1. 심플함 2. 기본 기하학 조형3. 정면 시점4. 정수값5. 픽셀 프리..
외주/과외 문의

티스토리툴바