heeyeun

04 Sep 2018

SD Changer 제작기

스케치에서 Apple SD Gothic Neo 폰트가 적용된 텍스트 레이어를 찾아 SF Pro Display 로 바꿔주는 스케치 플러그인을 만들었다.

28 May 2017

초심자를 위한 100명 규모의
행사 매뉴얼

행사를 개최해본 경험이 전혀 없는 사람이 맨땅에서 기획부터 실행까지 하기란 쉽지 않은 일이다. 그래서 Behance portfolio reviews를 진행했던 과정을 정리해 행사를 열고자 하는 이들에게 도움이 되고자 한다.

17 Apr 2017

Open Arrow 작업기

두번째 오픈 소스 프로젝트인 Open Arrow를 만든 이유와 과정을 이야기한다.

22 Dec 2016

SCSS 리스트 스타일

HTML tag 스타일 중 list는 유독 작성하기가 귀찮다. 특히 불릿을 본문 텍스트와 다른 폰트로 하고 싶을때 일이 복잡해진다. 이를 쉽게 몇가지 변수만 조정하면 쓸 수 있도록 SCSS 코드를 써보았다.

25 Sep 2016

Open color 회색의 사용법

며칠 전 Open color를 공개했기에 홍보 겸 간단한 설명서 겸 컬러 스킴 제작과 용처에 관한 글을 써야겠다고 계획하고 있었다. 오늘은 그중 가장 쉽게 읽히면서도 실용성이 높은 주제인 회색 사용법을 풀어보려고 한다.

03 Jul 2016

HyperTerm 설치하기

JavaScript, HTML, CSS 기반의 터미널 프로그램인 HyperTerm을 설치하고, 간단한 테마를 설정한다.

21 Mar 2016

RGB와 HSB

최근에 동료 디자이너에게 HSB의 Brightness 값이 상대적이라는 개념을 설명할 일이 있었다. 마침 비슷한 주제로 세미나를 했던 적이 있어서 그때 썼던 키노트를 활용하려고 했는데 다시 보니 설명이 충분치 않았다. 그래서 정돈된 글로 갈무리할 필요를 느꼈다.

09 Mar 2016

디스플레이상에서
폰트의 크기, 굵기, 명도

Weight가 충분치 못한 폰트로 작업을 하다 선의 굵기와 색상이 서로에게 영향을 미치는 범위가 문득 궁금해졌다. 두 조형 요소의 상관 관계를 폰트에 비추어 생각해본다.

09 Nov 2015

아이콘용 문서를 생성하는 방법 02

지난 글에 이어서 아이콘용 문서를 생성하는 방법에 관해 이야기한다. 지난번에는 Slice를 이용해서 문서를 구성하는 비교적 전통적인 방식을 알아봤다면 이번 글에서는 최근에 추가된 기능인 Artboard와 Export As를 사용하는 법을 알아본다.

27 Oct 2015

아이콘용 문서를 생성하는 방법 01

아이콘을 그릴 때 생성하는 문서에 관해 이야기한다. 문서야 그냥 생성하면 되지 않느냐고 할 수 있지만 조금만 신경 써서 문서를 생성하면 아이콘을 관리하거나 추출할 때 무척 편리하다.

28 Jul 2014

아이콘 그리기
Photoshop or Illustrator?

사람에 따라 아이콘을 그릴 때 사용하는 툴이 다르다. 나는 Illustrator가 아닌 Photoshop으로 작업하곤 하는데 그 이유를 이야기해본다.

26 Jul 2014

음표 아이콘 그리기

음표 모양의 아이콘을 그려보면서 아이콘을 그릴 때 필요한 문서 환경을 셋팅하는 법, 아이콘의 형태를 기초 도형으로 환원해 생각하는 법, Shape Layer를 그리는 법, Shape Layer를 합치는 법, 아이콘을 저장하는 법 등을 설명한다.

14 Jul 2014

아이콘을 그리기 전에 고려할 것들

아이콘을 그리기 전에 고려해야할 아이콘의 크기, 아이콘의 용도, 아이콘의 스타일을 이야기한다. 너무 당연한, 기초적인 내용이지만 그래서 막상 아이콘을 그리다보면 쉽게 간과하게 되는 내용들이다. 그렇기 때문에 가장 강조하고 싶은 내용이기도 하다.

19 May 2014

Photoshop Extension: GuideGuide

Photoshop에서 Guide를 쉽게 그리도록 도와주는 Extension을 GuideGuide를 소개한다.