영화 타이틀 모션 그래픽 디자이너로 유명한 솔 바스는 이런 말을 했어. 나는 우리가 하는 모든 일들이 아름답기를 바랍니다. 나는 클라이언트가 아름다움의 가치를 이해하고 유용하다고 여기든 말든 상관하지 않습니다. 아름다움은 내게 의미가 있습니다. 그것이 내가 삶을 살아가고 싶은 방식입니다. 나는 아름다운 걸 만들고 싶어요, 아무도 신경쓰지 않더라도. I want everything we do to be beautiful. I don’t give a damn whether the client understands that that’s worth anything, or that the client thinks it’s worth anything, or whether it is worth anything. It..

블로그에 광고를 달아볼까 고민한 결과가 요즘 내게 즐거운 허들을 만들어 주고 있어. 그동안 개발자, 퍼블리셔에게 따져 묻기만 했던 ^^ 기술적인 부분을 조금씩 파고들다 보니, 생각보다 알아야 할 것도 많고 재밌는 부분도 많아서, IT분야의 디자이너로서 그동안 미뤄왔던 숙제를 하는 느낌으로 공부하고 있어. 아직은 모르는 내용이 산더미지만, 언젠가는 따라잡겠지. 암. 오늘의 고민은 Google PageSpeed Insight (링크) 웹사이트를 알고 나서 시작되었어. 블로그에 아무런 장치를 한 게 없으니 점수가 낮은 건 당연하겠지만, 그렇다고 모바일 6점, 데스크탑 33점이 나오다니? 너무하잖아? 티스토리 이넘들 일하는 거 맞아? 최소한 50점은 나오게 해줘야 하는 거 아냐? ^^ (무식한 디자이너의 전형적..

어제 구글 서치 콘솔에 내 사이트를 정상적으로 등록했는데, 24시간이 조금 못되어서 메일이 왔어. itemListElement - 카멜 표기법. 모든 글자를 소문자로 적되, 다른단어가 시작되면 띄어쓰지 않고 대문자로 처리하는 표기법. 하하, 난 파스칼 표기법을 더 좋아하는데, 'ItemListElement'처럼. 파스칼 표기법이 좋은 이유는, 단어를 복사해서 붙여 넣을 때, 굳이 첫 글자를 소문자로 바꿔 줄 필요가 없잖아. 팟홀 표기법, 또는 스네이크 표기법(언더바로 나누는 것 : item_list_element)은 파일 정리할 때나 쓰고. ^^ item List Element - "아이템 리스트의 요소"가 누락되었대. 이거 풀어 써 주면 고마울 텐데. 서치 콘솔 쓰는 사람이 전부 전문가도 아니고 말야...

이 사이트는 두 개의 주소가 있어. 하나는 pnpt.tistory.com이고, 다른 하나는 panopt.net panopt.net은 가비아에 등록된 도메인인데, 호스팅은 버리고 도메인만 남아 있어. 워낙 오래 써서 버리기가 좀 아까웠어. 마침, 티스토리에 DNS 연결 서비스가 있고 가비아도 지원하길래, 티스토리를 도메인에 연결해서 쓰기로 결정. (이렇게 하면 외부에서는 panopt.net/12345 처럼, 마치 호스팅 받은 것처럼 경로가 보여지지.) 그런데, 멋모르고 AdSense를, pnpt.tistory.com으로 연결해 버렸지 뭐야. 그 사이에 카카오 애드핏을 연결하고 사용해 보니까, 이게 제법 큰 일이더라구. 대외적으로 검색되는 건 panopt.net인데, 광고 카운팅은 pnpt.tistory.c..

오늘 오전에 카카오 애드핏 승인 메일이 왔어. 며칠 전부터 데모 배너가 붙더니, 오늘 오전에 공식 알림 메일이 왔고, 광고 배너는 데모에서 진짜 광고로 바뀌더라구. 일 년 예상 수익이 5만원도 안되는 상황이지만, 혹시 모르잖아. 일일 방문자 수가 만 명이 넘고 하면, 용돈 벌이는 되지 않겠어? ^^ 물론 ~~~ UX 실무를 20년 정도 하면서, 일일 접속자 수 올리는 것이 얼마나 어려운 것인지 너무나 잘 알고 있지. 우리가 맨날 연예인 유투브 팔로워 수만 듣다 보니 감이 잘 안 올 수 있는데, 만 명만 돼도 어마어마한 거야. 보통 유튜버들은 구독자가 만 명쯤 생길 때, 본업 관두고 유튜브에 올인할까 망설인다잖아. 그런 면에서 연예인 유튜버는 좀 사기캐에 가깝지. TV에서의 인지도를 들고 오기만 해도, 4..

언제부터인지, 전체 코딩을 통해서 사이트를 만드는 게 어려워졌어. 특히 디자이너에게는. (https가 아니라) http로 시작하는 사이트는 구글에서 '위험'으로 표기하니까, 사실상 보안 관련 지식을 배우거나 다른 플랫폼(워드프레스, 티스토리, 카고콜렉티브 등)을 사용하는 수 밖에 없는 것 같아. 원래 난 5~6년 전부터 워드프레스를 썼는데, 이게 좀 통제가 안되더라구. 여러 업데이트를 진행하면서 좀 꼬인 부분도 있고, 이전 코딩이 온전하지 않았기 때문이기도 하고. 이전엔 플래시 베이스 디자이너여서 기초 코딩만 배우면 사는 데 문제가 없었는데... 라인을 잘못 탄 게지. ^^ 역시나, 또 한번 워드프레스 사이트를 날려 먹어서 ㅜㅜ; 이번에는 워드프레스를 사용하지 않고 티스토리를 이용하게 되었는데, 비용이 ..

문득, 모든 서체는 서로 비슷한 크기일까 궁금했어. 디자인을 하다 보면, 서체만 바꿨는데도 글씨가 작아 보이거나 (반대로 커 보이거나) 행간도 달라 보이거든. UPM이라고 - Unit per Metrics란 뜻인데, 폰트는 일반적으로 1000x1000px의 박스를 적절한 비율로 나누어서 폰트를 배치하는데, 이 영역을 수직으로 나누는 방식이 다르면 서체의 규모가 달라 보여. 전통적으로 쓰이는 몇 개의 비율이 있지만, 아무래도 높이 분배가 서체의 캐릭터에 직접적으로 영향을 주기 때문에, 어쩔 수 없이 모든 서체의 UPM 분할이 약간씩 다르게 되지. 이게 우리 분야에서 어떤 영향을 끼치냐면 - 각 디바이스, OS마다 서체를 다르게 출력하기 때문이야. 애초에 서체를 embed 하면 문제없겠지만, 용량 문제도 있..

군내나는 마지막 시리즈. 우연히 만들게 된 로고들 모음. 디자인 일을 하다 보면, 로고를 만들어야 하는 경우들이 종종 있어. 요즘에야 다들 BX 회사에게 맡기지만, 로고의 중요도가 낮거나 디자인과의 통일성을 위해서 UX 디자이너에게 함께 맡기는 경우도 많아. 재밌지 뭐. 전공 작업이 아니라서 부담은 되지만, 로고를 만들어서 아이덴티티의 전체를 만들고 싶을 때가 있어. 프로덕트 디자인이 다 끝났는데 갑자기 생뚱맞은 로고를 가져오면 참 그것도 감당하기 어렵거든. ^^ 1. BOUD - 제품 디자인 회사 같은 회사에서 일하던 이사님이 독립해서 제품 디자인 회사를 차렸어. 그래서 간단히 로고를 만들어 드렸지. 지금은 이 로고를 발전? 시켜서, 상용 폰트를 사용한 로고를 사용하는 것 같은데. 그래도 회사가 승승장..

본디 나는 그림 그리는 사람이었으므로^^ 어떤 프로젝트를 하든, 뭔가 그리고 싶은 충동이 있어. 할 줄 안다고 다 했다가는 호구 잡힌다는 사회의 생리를 익힌 다음에는 안 하게 됐지만^^ 적어도 10년 전까지는, 가능하면 그림을 그려보려 노력했던 것 같아. 오늘은 아트웍 하려 했던 걸 모아볼까 해. 1. 도너스 캠프 메인 배너 쓸 수 있는 게 아사달 일러스트랑 도너스캠프 캐릭터 밖에 없어서, 배경이라도 예쁘게 만들어야겠다 싶었어. 그래서 메인 배너 폼을 좀 특이하게 짰지. 오른쪽 나무가 그 '아사달' 일러스트고, TV에서는 영상이 돌아가고, Events 부분은 길게 늘여 뽑을 수 있게 만들었어. 당연히 마스코트는 고개를 계속 까딱거리고. ^^ 2. Inpix 베타 웹사이트 에이전시 Inpix는 내가 들어갈..

숙명여대 근처에 있던 이 회사는, 내 방을 준다고 해서 입사했어. ^^ 회사 안에 내 방을 갖는 게 로망이었거든. 왠지 성공한 인생 같잖아. (나중에 안 사실이지만, 사장님이 자기 방 비워준 거. ^^) 그런데 막상 입사해 보니, 사내 문화가 너무 이상하더라구. 전혀 섞이지 못하겠는 거야. 텃세 있는 회사는 다니는 게 아니구나 - 이때 깨달았지. 그래도 업무적으론 이런저런 시도를 할 수 있었어서 1년쯤 다니다 퇴사한 것 같아. 외국의 GUI 회사나 SK와의 연이 있어서, GUI 경력으론 도움이 좀 됐거든. 그 당시 업계는 아이폰을 만만하게 보던 시절이라, 우리나라고 외국이고 간에 '아이폰 게섯거라~' 하려는 시도들이 많았지. 이 회사에서는 주로 Verizon, UT Starcom 등과 협업해서 GUI적인..