본문 바로가기

디자인11

피그마(Figma) 소개 & 다운로드 설치 방법 나는 요즘 피그마(Figma) 프로그램을 사용하여 디자인 업무를 하고 있다. 2년 전쯤 지인의 소개로 알게 되었는데 처음 사용해 보자마자 이 녀석의 매력이 흠뻑 빠져서 이제는 거의 베프와도 같은 없어서는 안되는 존재가 되었다. (완전 소중) 피그마는 UI 디자인 프로토타입 도구로 스케치(Sketch)나 어도비XD와 비슷한 툴이라고 생각하면 된다. 당연히 이 프로그램들을 이미 사용해 본 경험이 있는 디자이너들이라면 어려움 없이 빠르게 적응이 가능하며, 포토샵만 할 줄 알더라도 단축키 등 비슷한 부분이 많기 때문에 하루만 마음잡고 집중하면 어느정도 기본적은 스킬들은 모두 익힐 수 있을 것이라 생각된다. 장점이 많은 피그마(figma)를 여러 사람들과 공유하고 싶어서 오래 전부터 계획하고 있었지만, 이런저런 .. 2021. 7. 28.
일러스트레이터 윤곽선 모드 취소하기 가끔 일러스트레이터를 하다보면 뭐가 잘못 눌러졌는지 윤곽선 모드로 변경되어 이러지도 저러지도 못하는 경우가 있다. 나는 웹디자이너이기 때문에 포토샵은 꽤 익숙하지만, 일러스트레이터는 자주 사용하는 기능 외에 세부적인 것은 잘 모른다. 이번 포스팅에서는 윤곽선 모드에서 탈출하는 단축키를 공유하려고 한다. 이것도 알고나면 초간단! 자, 이렇게 되었다면 일단 파일의 제목 부분을 확인해보자. 모드가 CMYK/윤곽선으로 변경되어 있다. 이 윤곽선 모드를 다시 미리보기 모드로 변경해야 색상 등을 정상적으로 확인할 수 있는데, 모드 변경 단축키는 맥의 경우 command + y, 윈도우의 경우 ctrl + y이다. 단축키를 사용하고 나면 CMYK/미리 보기로 모드가 바뀌는 것을 확인할 수 있을 것이다. 일러스트 윤곽.. 2021. 7. 7.
일러스트레이터 테두리 병합 / 선을 면으로 만들기 일러스트레이터에서 작업을 마무리하고 출력을 진행할 때 글씨, 테두리 등을 모두 윤곽선으로 처리해주어야 한다. (보통 글자를 깬다는 표현을 사용) 방법이 어렵지는 않은데 나같은 경우 일러스트레이터를 매일 사용하는 것이 아니라서 할 때마다 경로를 헷갈리곤 한다. 오늘도 한참을 헤매고 나서 안되겠다 싶어 블로그에 기록해두기로 했다. 일러스트 단축키로 글자 깨기 개발언어도 그렇고 디자인툴도 그렇고, 뭐든 설명할 때는 예제와 함께 보여주는 것이 최고인 것 같다. 아래와 같이 텍스트로 해이나를 쓰고 노란색으로 테두리도 주었다. 글자를 깨는 것(아웃라인 처리)은 단축키로 쉽게 해결할 수 있다. 맥의 경우에는 command + shift + o, 윈도우의 경우에는 ctrl + shift + o를 눌러주면 된다. 단축키.. 2021. 7. 7.
어도비 일러스트레이터 메모리(RAM) 부족할 때 어도비 일러스트레이터(Adobe Illustrator)를 열고 A4 양면 전단 작업을 하고 있는데 갑자기 "사용할 수 있는 메모리(RAM)가 부족하여 작업을 완료할 수 없습니다." 라는 메세지가 떴다. 이어서 "오브젝트의 모양을 처리할 충분한 사용 가능 메모리가 없습니다." 라는 메세지도 떴다. (망...) 아트워크를 복사할 때 메모리가 부족하다는 경고 메세지가 표시되고 일러스트레이터가 갑자기 종료된다면, 어도비에서는 아래와 같이 해결해 보라고 제안하고 있다. 1. 장치에 최신 버전의 일러스트 업데이트 2. 환경 설정을 기본 설정으로 재설정 3. 플러그인 및 스크래치 디스크 설정 4. Window의 경우 그래픽 카드 드라이버 업데이트 여부 확인 & MAC의 경우 최신 버전 시스템 OS 설치 여부 확인 나.. 2021. 3. 10.
KCC 은영체 이번에 소개할 무료서체는 한국저작권위원회에서 제작한 KCC 은영체이다. 오픈 폰트 라이센스(=Open Font License, 줄여서 OFL)로 해당 폰트를 그대로 판매하지 않는 한 자유롭게 이용이 가능하다. 상업적 이용 및 변경 등 2차 저작물을 작성할 수 있다는 의미이다. ※ 저작물명, 저작자명, 출처, 라이센스 표기 피그마를 열고 폰트 테스트를 해 보았는데 "뷃, 꿹, 윬" 같은 글자는 표현할 수 없었다. 하지만 '뷁'은 가능했다. 무심한 듯 꽤나 빠른 속도로 써내려간 느낌의 손글씨인데, 전체적인 균형이 잘 맞는 듯 하여 마음에 든다. 확실히 어른 글씨체로 어린이 서체와는 거리가 멀다. 개인적으로는 편지글 형식의 디자인 작업을 할 때 유용하게 사용할 수 있을 것 같다. 웹폰트로 사용하고 싶다면 아래.. 2021. 2. 17.
여기어때 잘난체 Jalnan 전국 호텔, 펜션, 모텔부터 워터파크, 놀이공원, 아쿠아리움까지 최저가로 할인 예약을 도와주는 '여기어때' 앱을 아는 사람이 많을 것이다. 이번에 소개할 서체는 '여기어때'에서 직접 제작하여 배포하고 있는 '잘난체'이다. 잘난체는 여기어때의 BI 특징을 모티브로 하여 만들어졌다고 한다. 여기어때 BI의 가장 큰 특징인 기둥의 시작과 맺음을 그대로 서체에 녹여 냈으며 네모꼴의 꽉 찬 모듈로 BI가 주는 안정적인 느낌이 적용된 서체이다. ㅅ, ㅈ, ㅊ과 같이 아래 두 획이 교차되는 자음 형태에 뛰고 있는 사람의 형상을 표현하여 여기어때 만의 브랜드 퍼스널리티인 '젊음, 위트'를 서체 속에 담았다. 평소에 특이한 자음들의 모습을 보고... 이게 잘난체를 대표하는 특징이라고 생각했었는데, 사이트 설명을 듣고 보.. 2021. 2. 11.
에스코어 드림 S-Core Dream [1 thin ~ 9 Black] 이 포스팅에서 소개할 서체는 에스코어 드림이라는 서체이다. 에스코어 드림은 (주)에스코어에서 제작한 폰트로 '자유로운 글꼴 사용을 통해 사회 구성원간의 문화 가치 공유와 나눔을 실천'하기 위해 만들어졌다. 에스코어 드림은 'Dream(꿈)'과 '드리다'라는 두가지 뜻을 가지고 있다. 꽉 찬 직사각형 구조의 제목용 글꼴로써 복고적인 형태에 현대적인 감성을 담았다. 각 자소에서 보여지는 수직적인 획의 마감은 전체적인 구조와 어우러져 새로운 글꼴의 표정을 제시한다. 에스코어 드림 서체는 9가지의 다양한 두께로 제공된다는 점이 장점이다. 홈페이지에는 제목용 글꼴이라고 소개되어 있지만 나는 개인적으로 1 Thin ~ 3 Light 까지의 얇은 두께를 본문용으로 사용하는 것을 선호한다. 실제로 아래와 같이 에스코어.. 2021. 2. 11.
G마켓 산스 Gmarket Sans [Light/Medium/Bold] 디자이너에게 타이포그래피는 무시할 수 없는 요소이다. 그도 그럴 것이 어떤 서체를 어떤 크기로 어떻게 배치하느냐에 따라 결과물이 완전히 달라지기 때문이다. 잘 된 타이포그래피는 전체 레이아웃과 조화를 이루어 전달하고자 하는 메세지를 좀 더 명확하게 드러낼 수 있으나, 반대로 잘 되지 않은 타이포그래피는 원하는 목적을 달성하기 몹시 힘들 것이다. 일단 그걸 보는 사람들이 심난하고 애매하고, 또 예쁘지가 않다-_-; 아름답지 않으면 살아갈 가치가 없다고! 나는 좀 더 다양한 서체를 사용하고 싶어서 모 디자인 업체의 라이센스를 유료 구매하여 사용하고 있지만, 요즘은 상업적으로 사용 가능한 무료 서체들도 쓸만한 것이 정말 많다. 그래서 올해 2월 티스토리 프로젝트(?)로 자유롭게 다운로드 할 수 있는 무료서체들.. 2021. 2. 7.
[25주년 축하해] 디자인 소스는 클립아트 코리아! 디자인 업무를 하다보면 디자인 소스를 모두 창작하여 사용하는 데에는 한계가 있다. 원하는 사진이나 요소를 모두 구하는 것은 사실상 불가능하며, 시간도 많이 걸려서 업무효율 꽝=_= 제작하는 동안 스트레스도 많이 받는다. 그래서 우리 회사는 몇년째 통로이미지의 디자인 소스를 사용하고 있다. (소개 전 미리 말씀드리자면 '유료 라이센스'입니다.) 디자인 소스가 필요하다면, 클립아트 코리아! 클립아트 코리아를 모르는 국내 디자이너는 거의 없을 것이라 생각된다. 타 디자인 소스 업체들에 비해 퀄리티와 갯수 모두 압도적으로 뛰어나기 때문에 한번 발을 들이면 벗어날 수 없다. (실제로 중간에 다른 업체의 디자인 소스와 비교해보고 싶어서 라이센스를 동시에 구매하여 사용했던 적이 있는데, 퀄리티 차이로 인해 통로이미지.. 2020. 10. 6.
ios / android 앱 아이콘 사이즈 한번에 조절하기 회사의 앱 아이콘 디자인을 변경하려고 하는데, ios와 안드로이드에서 요구하는 사이즈에 맞추어 일일이 변경해주어야 하는 작업이 너무 번거롭게 느껴졌다. 그러던 중에 자동으로 앱 아이콘 사이즈를 변경해주는 사이트를 알게 되어 순식간에 해결 되었다. (감동하는 중) appiconmaker.co/ App Icon Maker - Resize App Icon to all sizes for iOS/Android projects. App Icon Maker / App Icon Resizer AppIconMaker.co is a cloud service free icon maker which optimizes your app icon with proficient speed and generates icons of al.. 2020. 9. 11.