본문 바로가기

전체글

웹폰트 사용하기 웹 사이트를 만들다 보면 특정 폰트를 쓰고 싶을 때가 있습니다. 하지만 웹을 통해 어떻게 사용자에게 그 폰트를 보여 줄 수 있을까요? 해당 사용자가 그 폰트를 시스템에 설치를 안하고 있을수도 있는데? 그럴때 필요한 것이 웹폰트 입니다. 이름 그대로 사용자 시스템에 설치되어있는 폰트를 사용하지 않고, 웹상의 폰트를 이용해 문자열을 출력하는 것입니다. 그러면 사용자 시스템에 해당 폰트가 설치 되어 있지 않더라도 원하는 폰트로 문자열을 출력할 수 있습니다. 이 웹폰트를 사용하려면 웹폰트 포맷으로 변환된 폰트 파일이 있어야 합니다. 보통 윈도우 시스템에서는 ttf 포맷의 폰트 파일을 사용하고, 웹폰트는 eot와 woff 등의 포맷을 사용합니다. 전혀 다르죠? 그렇기 때문에 로컬 폰트 파일을 웹폰트로 변환 하여야.. 더보기
갑자기 윈도우 뷰어에서 PNG 미리보기가 되지 않을때 얼마전까진 별 이상없이 윈도우 뷰어에서 PNG 미리보기가 되더니 갑자기 안되서 귀차니즘에 한동안 알씨나 네이버 포토뷰어로 보는 불편을 감수했다. 근데 JPG나 GIF는 별 이상없이 폴더만 열어도 볼수가 있는데 유독 PNG만 그러니 이것도 한두번이지 불편을 넘어 짜증이 밀려와서 오늘 네이봉 검색을 했더니 ... 나와 같은 현상으로 불편함을 겪고 계시는 분이 지식인에 질문을 올렸길래 답글은 -_-); 별 도움이 안되고 답글에 나와있는 댓글에서 답을 찾았다 ㅎㅎ 댓글의 지식인님의 의견 MysticThumbs 프로그램 및 기능에서 확인 결과 ... 정말로 이 프로그램이 깔려있었다!! 순간 삭제 고고~ 바로 문제 해결 ㅎㅎ 이 자리를 빌려 ssket 님 감사합니다 ^^ 저처럼 윈도우 뷰어에서 PNG 미리보기가 안.. 더보기
베스트스마트폰 로고/캐릭터 베스트 스마트폰 로고와 캐릭터 디자인 작업! 사이트 디자인은 별도 업체가 작업을 진행하고 여기 들어갈 로고와 캐릭터가 필요해서 의뢰받은 작업이었다. 특별한 요구사항은 없어서 스마트폰이라는 느낌을 형상화하는 정도로만 신경써서 작업을 진행했다. 캐릭터는 다양한 시안을 제출하기에 시간이 너~무 부족해서 1가지만 만들어서 색상느낌만 변형하는 정도로 급마무리! -_-;; 시간을 넉넉하게 주었더라면하는 아쉬움이 남는 작업... 쩝 0_0... 불펌, 무단도용 금지입니다 ^^)/ 더보기
송우리 전단 런칭후 외부 가맹점 모집 및 마케팅 수단의 전형적인 방법으로 전단을 만들게 되었다. 디자인 작업은 당연하게도(?) 본인이 진행. -_-)/ 디자인적인 특별한 요구사항은 없었으나 있다면 너무 싼티(?)나지 않게 해달라는 정도?! 한우전문 국밥집이라 전통과 한우전문에 디자인을 맞추기로 결정했다. 색상은 전통색상을 이용하고 소이미지와 기와를 적절하게 배치, 메뉴 텍스트는 깔끔한 명조체를 사용했다. 여기 전단 이미지는 초반 A4 크기로 작업한 초안으로 이후 B5로 바뀌고 메뉴명이 수도없이 바뀌고 --... 마지막엔 디자인도 초반 비쥬얼 부분만 남기고 하단을 통째로 바꾸는 등... 전단 작업이 산으로(?) 가버려서 마지막 작업 이미지는 안 올렸다 -_-... 고생고생했으나 그다지 좋은 기억이 남지 않은 작업 ㅠ... 더보기
송우리 캐릭터/간판 디자인 송우리라는 브랜드명은 있는데 음식점 필수라 할수 있는 캐릭터와 로고가 없어서 디자인 작업 착수! 클라이언트 요구사항은 한우전문 브랜드이므로 소를 활용해 줄 것! 1차 시안으로 보통 확정되지는 않으니 자료조사후 3시간 정도 작업해서 제출할 때까지만 해도 다른 몇가지 안을 구상중이었는데 대표님이 덜컥 이 캐릭터가 귀여워서 그냥 쓰시겠다 하셔서 그냥 확정되어 버렸더라는... 사실 런칭이 코앞이라 급하기도 하셨기에 -_-)a 통과된 것도 없지않아 있었던 듯하다.. ㅎㅎ 이미지 상단은 캐릭터 하단은 간판 디자인 ^^ 불펌, 무단도용 금지입니다 ^^)/ 더보기
송우리 메뉴판 송우리 런칭 관련 작업 중 평소에 해보지 않은 작업이라면 메뉴판 디자인 작업~ 두둥! 인쇄 편집만 전문으로 하는 디자이너도 아닌데다 음식점 관련 런칭 작업을 경험해 본적이 없어서 메뉴판 디자인에 나름 신경이 집중되었다. 괜히 식당가서 메뉴판 한번씩 기웃거렸다는 ㅎㅎㅎ 결론은 메뉴명이 잘 보이면서 너무 심심하지 않은 정도의 무난한 디자인이 포인트~! 처음에 사이즈를 알려줄때 60*90이라고 알려주셔서 본인은 당연히 세로로 긴 메뉴판을 예상하고 디자인했는데... 나중에 알고 보니 가로로 긴 메뉴판이었다라는... 역시나 이것도 초반에 삽질 비한인드가 빠질래야 빠질수 없었던 ㅠ.ㅠ 작업이었다. 원래 3가지 시안에서 1가지만 사용할 예정이었는데 막상 디자인이 나와보니 3가지 모두 박빙이라 결국 3가지 모두 사용하.. 더보기
송우리 송우리라는 한우전문 프랜차이즈 런칭 관련 작업을 1달간 속된말로 '빡시게' 했는데 그 중 하나인 사이트 개발 디자인 작업! 프로그램 개발팀에서 제공하는 게시판 형태의 기본 솔루션이 있어서 그 틀에 맞춰서 전체 디자인을 구성해야 하는 제약사항이 있었다. -ㅁ-); 처음에 이 부분을 제대로 전달받지 못해서 일반 사이트처럼 시안을 뽑았다가 낭패... ㄷㄷㄷ 그후에 다시 시안에서 콘텐츠와 배너부분, 배색등만을 차용해서 다시 재구성 했다는 비하인드 -_-)... 프레임에 맞춰서 디자인하는 거 외엔 별다른 요구사항은 없었기에 진행자체에 별다른 무리는 없었다.(초기 삽질만 빼고 ...) 기본 틀이 워낙 팍팍해서(?) 디자인을 입히고 css등 코드를 개인적으로 좀 손보고 완성! ps: 완료후 작업했던 도메인이 바뀐 상.. 더보기
이엘월드(EL WORLD) 근래 2개월정도 계약직으로 근무한 회사에서 작업한 사이트 요구사항이 3D적인 느낌이 나는 이미지를 사용해서 최소한의 필요한 정보만을 제공하는 사이트로 개발하기를 원했다. 이것도 시안작업을 하는 과정에서 2~3번 정도 퇴짜를 맞고 결정된 눈물의 사이트~ ㅠ_ㅠ... 코딩을 편하게 할 수 있으면서(본인이 코딩을 하다보니) 깔끔한 느낌이 나는 디자인을 선호하는 본인의 취향이 지극히 반영되서 개발된 사이트 ㅎㅎ 별도의 프로그래머가 없다보니 게시판 부분은 제로보드 XE를 이용해서 작업했는데 그전까지는 그누보드4를 이용하다 제로보드 XE를 경험해 보고나니 신세계를 만난 기분이다!! 앞으로 모든 외주 작업은 제로보드 XE를 이용할 예정!! 시절이 좋아지다보니 요즘 호스팅 회사들도 자동설치 서비스를 지원해 줘서 더더욱.. 더보기
EL Talk 메신저 스티커 디자인 일러스트 작업은 주로 아이콘 작업 위주로만 하는데 메신저 스티커 작업도 하게 되어서 넘 즐겁게 작업하였네요. ^^~* EL Talk 메신저에 들어가는 스티커 디자인이었는데 캐릭터 셋트와 사물 셋트로 나누어 작업을 진행 총 3회에 걸쳐서 메신저에 추가하였습니다. 캐릭터 컨셉은 토끼인데 처음엔 토끼처럼 귀도 좀더 길게 그리고 머리에 빨간 토끼 모자(?)도 없었어요. 그런데 생각보다 넘흐~ 제가 생각한 이미지가 아니어서 좀 변형했답니다. 그래서 지금보면 고양이(?) 같기도 하고 그러네요 ^^;;; 자료조사도 해야하고 컨셉도 정해야하고 일러로 하는 드로잉 작업이다보니 한번 진행할때마다 하루 온종일 작업했지만, 그래도 결과물이 맘에 들게 나와서 뿌듯 뿌듯~! 요런 캐릭터 외주 작업이 종종 있었으면 하는 바램입니다.. 더보기
adobe제품군에서만 별도로 폰트쓰기 폰트관리 프로그램을 찾다가 다른님의 블로그포스팅에서 얻은 정보!! 보통 작업을 하다보면 이폰트 저폰트 깔다가 윈도우 폰트폴더가 각종폰트로 오염(?)되어 폰트폴더를 초기화 하고 싶어지는 경우가 한두번이 아니다. 본인만 해도 -_-);; 폰트관리 잘해야지~잘해야지 하면서 항상 실패하곤 한다. 그런데 adobe제품군에서만 필요한 폰트를 별도로 사용할 수 있는 TIP이 존재한다는 사실을 정말 오늘 아쥬~ 우연히 알게 되었다. 방법은 바로바로 C:\Program Files\Common Files\Adobe\Fonts\ 더보기
디자인잡지에 실린 함께쓰면 실패하지 않는 영문폰트 디자인 작업시 항상 폰트 때문에 고민하게 되는데 한글폰트는 보통 쓰는 폰트가 한정적이라 고민을 많이 하지 않는 편이지만 영문은 워낙 다양해서 늘상 어떤 폰트를 쓸까 고민하곤 합니다. 그럴때 도움이 될만한 정보를 업어왔네요. ^^ 실제로 참고로 해서 작업을 해봤는데 깔끔하게 만족스럽더군요. 1. Georgia & Verdana 웹사이트의 표준을 고집하는 사람이라면 이 조합이 좋다. 아름다운 셰리프, 조지아와 스크린용으로 만들어진 산셰리프,버다나를 함께 이용하면 절대 실패할 리 없다. 2. Helvetica(Bold) & Garamond 눈이 즐거운 클래식한 조합이다. 헬베티카 볼드체로 된 커다란 머릿말을 좋아하지 않는 사람은 없을 것이다. 깔끔하고 중립적인 성격의 헬베티카는 셰리프 중 가장 읽기 편한 가라.. 더보기
메탈시티 작업기간 : 2009/10~2009/11 클라이언트 : 개인 작업내용 : 메탈시티 Site 개발 디자인 및 코딩 소규모 게임 Site 개발 작업. 전체 디자인 및 비쥬얼 플래시, 디자인코딩 작업을 했고, 기본 프레임 코딩은 동일해서 디자인 작업만 1주일정도 진행해서 완료했다. 작업 URL : http://mongcity.co.kr/metalcity/main.htm 더보기
아쿠아레이스 작업기간 : 2009/10~2009/11 클라이언트 : 개인 작업내용 : 아쿠아레이스 Site 개발 디자인 및 코딩 소규모 게임 Site 개발 작업. 전체 디자인 및 비쥬얼 플래시, 디자인코딩 작업을 했고, 기본 프레임 코딩은 동일해서 디자인 작업만 1주일정도 진행해서 완료했다. 작업 URL : http://mongcity.co.kr/aquarace/main.htm 더보기
TRS 온라인 작업기간 : 2009/10~2010/11 클라이언트 : 개인 작업내용 : TRS온라인 Site 개발 디자인 및 코딩 소규모 게임 Site 개발 작업. 전체 디자인 및 비쥬얼 플래시, 디자인코딩 작업을 했고, 기본 프레임 코딩은 동일해서 디자인 작업만 1주일정도 진행해서 완료했다. 작업 URL : http://mongcity.co.kr/resistance/main.htm 더보기
에이스스크린골프_매장관리 Site 작업기간 : 2008/08~2008/12, 2009/07~09클라이언트 : (주)유빅작업내용 : 에이스스크린골프 매장관리 Site 개발 디자인 및 코딩. 매장관리자 Site 라서 일반 관리자 사이트와 크게 다르지 않으나, 차이점이라면 시뮬레이터현황의 경우 방별로 라운딩진행여부 및 라운딩 관련정보, 매출등이 동시에 표시되어야 해서 한눈에 파악할 수 있는 UI 디자인이 필요했다.관리자 및 매장관련 사람들만 접근할 수 있는 사이트인 관계로 시뮬레이터현황은 별도 이미지로 올려놓았다. SITE URL : http://shop.acegolfsim.com/ 더보기
에이스스크린골프_제품소개 Site 작업기간 : 2008/12~2009/03 클라이언트 : (주)유빅 작업내용 : 에이스스크린골프 제품소개 Site 개발 디자인 및 코딩 (한,일버전) 앞서 개발된 회사메인 사이트보다 스크린골프회사라는 느낌을 강하게 주기 위해 메인전면에 스크린골프 3D 이미지를 배치하고 플래시로 포인트효과를 주었다. 비쥬얼을 강조하기 위해 전체톤은 어둡게 하고 포인트칼라를 원색계열로 사용하였으며, 제품소개 관련 메뉴 콘텐츠는 플래시로 작업하여 사용자 편의 및 간접 체험을 해 볼 수 있도록 하였다. SITE URL : http://product.acegolfsim.com/ 더보기
에이스스크린골프_회사메인 Site 작업기간 : 2008/06~2008/09 클라이언트 : (주)유빅 작업내용 : 에이스스크린골프 메인 Site 개발 디자인 및 코딩 제작 당시 클라이언트 요구사항은 포털느낌이 나는 깔끔한 사이트여서 전체톤은 화이트, 포인트 컬러는 블루로 정하고 비쥬얼 플래시도 서브페이지의 경우 강렬한 이미지나 색을 자제하고 포인트 이미지와 텍스트로만 구성하였다. SITE URL : http://www.acegolfsim.com/Default.aspx 더보기
이벤트 진 앱 템플릿 작업 작업기간 : 2012/12클라이언트 : (주)인티그램작업내용 : 이벤트 진 앱 샘플 템플릿 디자인 아래는 작업이미지 중 일부 이벤트 진 앱 개발 관련 샘플 템플릿 디자인 작업.사용자가 이벤트를 직접 등록할 때 참고할 수 있는 샘플 템플릿 디자인으로, 이벤트 종류는 출첵, 퀴즈, 할인쿠폰, 할인권, 설문, 스탬프 총 6가지! 샘플임을 감안해서 동일한 프레임에 이미지와 텍스트만 변경하여 작업하였다. 샘플용 브랜드는 피자헛, 던킨, 베니건스. 더보기
매거진 앱 콘텐츠_천정명 작업기간 : 2011/12클라이언트 : (주)인티그램작업내용 : 매거진 앱 콘텐츠 디자인 아래는 작업이미지 중 일부 천정명 앱 제작 제안용 시안으로 작업된 디자인.실제로 제작되지는 않았지만, 좋아하는 배우라 나름 공들여 디자인 했기에 애착이 많이 가는 작업이다. 더보기
매거진 앱 콘텐츠_대한민국을 보는 창 박창달 작업기간 : 2011/05클라이언트 : (주)인티그램작업내용 : 매거진 콘텐츠 디자인 아래는 작업이미지 중 일부 대한민국을 보는 창 박창달 앱 전체 매거진 콘텐츠 디자인. 이미지 및 텍스트 편집에도 시간이 걸리긴 했지만, 디자인 상 동적인 효과가 필요해서(표지 텍스트나 본문내용 텍스트 박스가 슬라이드 되는 효과등) 이 부분의 구현여부를 제시하고 논의하느라 시간이 걸렸던 작업. 아이패드 다운로드 : https://itunes.apple.com/kr/app/daehanmingug-eul-boneun-chang/id491647771?mt=8 더보기
매거진 앱 콘텐츠_유수진의 도도한 재테크 작업기간 : 2012/05클라이언트 : (주)인티그램작업내용 : 매거진 앱 콘텐츠 디자인 아래는 작업이미지 중 일부SOCIAL MAGAZINE S - 유수진의 도도한 재테크에 들어가는 매거진 콘텐츠 디자인. 아이패드 다운로드 : https://itunes.apple.com/kr/app/yusujin/id531318606?mt=8 더보기
매거진 앱 콘텐츠 작업_권영설의 경영 이야기 작업기간 : 2012/05클라이언트 : (주)인티그램작업내용 : 매거진 콘텐츠 디자인 아래는 작업이미지 중 일부 SOCIAL MAGAZINE S - 권영설의 경영이야기에 들어가는 매거진 콘텐츠 디자인. 아이패드 다운로드 : https://itunes.apple.com/kr/app/gwon-yeongseol/id531306778?mt=8 더보기
ollehpub 콘텐츠 작업_셀럽펍 지나편 작업기간 : 2012/02/16클라이언트 : (주)인티그램작업내용 : 올레펍 내 셀럽펍 지나 펍 작업 KT가 서비스중인 ollehpub 내 셀럽펍 스타 중 지나 펍을 작업하였다.노래는 많이 들어봤는데 정작 지나가 누군지 몰랐던 터라 -_-... 공식 홈페이지등을 참고하여 감(?)을 잡고 디자인을 진행하였는데, 작업용으로 받은 사진들이 ㅡㅡ... (내 눈에만 그렇게 보이는건지) 대부분 안티사진(?) 들이라 작업하는데 나름 애먹었다는 비한인드 스토리가...^^;; 안드로이드 폰이나 아이폰, 아이패드에 올레펍 설치 후 엔터펍 > 연에ㆍ스타 > Celebrity 확인 혹은 아래 주소로도 확인 가능. 셀럽 펍 : http://pub.olleh.com/Contents/AlbumView.aspx?albumid=395.. 더보기
ollehpub 콘텐츠 작업_셀럽펍 신하균편 작업기간 : 2012/02/09클라이언트 : (주)인티그램작업내용 : 올레펍 내 셀럽펍 신하균 펍 작업 KT가 서비스 중인 ollehpub 내 셀럽펍 스타 중 신하균편을 작업하였다.본인이 개인적으로 좋아하는 스타라 신경도 많이 쓰고, 사진도 최대한 잘 나온 사진으로만 ㅜ_ㅠ)b 배치하는 등 작업내내 신나서 즐겁게 작업했다. ^---^;; 안드로이드 폰이나 아이폰, 아이패드에 올레펍 설치 후 엔터펍 > 연예ㆍ스타 > Celerity 확인 혹은 아래 주소로도 확인 가능. 셀럽 펍 : http://pub.olleh.com/Contents/AlbumView.aspx?albumid=3827&cacode=102014001&page=15&viewtype=1 더보기
ESL China Cafe 작업기간 : 2012/05~2012/07클라이언트 : 개인작업내용 : 중국구인구직 Site 개발 디자인 및 코딩 중국구인구직 Site 개발 관련 디자인 및 코딩 작업.전체 기획은 나왔지만 구체적인 기획이 좀 늦어져서 먼저 관리자 Site부터 작업하였고, 이후 사용자 Site를 진행하였다. 클라이언트 요구사항은 중국색이 짙은 비쥬얼을 사용하되, 텍스트 위주로 구성하는 것이었는데, 벤치마킹용으로 제시받은 관련 사이트들을 보니 모두 그런 느낌으로 제작되어 있어서 비슷하게 가고자 했던 것 같다. SITE URL : http://eslchinacafe.com/ 더보기
앱디자인_지역발전주간 작업기간 : 2012/05클라이언트 : (주)인티그램작업내용 : 아이폰 앱 개발 디자인 (제안용) 아래는 작업이미지 중 일부 지역발전주간 2012 아이폰 앱 제안용 디자인 작업.엔트루월드2012가 이미 개발완료 된 시점이라 같은 플랫폼으로 제안용 디자인 작업을 진행하였으나... 제안용 디자인 자체는 괜찮았던듯 싶은데 결론적으로 앱이 개발되지 않았다 ㅠ.ㅠ...뭐 ㅠ.ㅠ 언젠간 쓸 일이 있겠지하면서 스스로 위로중... 더보기
앱 디자인_고려제약 작업기간 : 2012/03~2012/06클라이언트 : (주)인티그램작업내용 : 고려제약 안드로이드 앱 개발 디자인 고려제약 안드로이드 앱 디자인 작업.타겟단말이 갤럭시S2 여서 기본 해상도를 갤럭시S2에 맞추었고, 채널리스트 메뉴배경이 메뉴명에 따라 동적으로 늘어나거나 줄어들어야 해서 메뉴배경이미지만 '나인패치 이미지' 로 작업 하였다.안드로이드 앱만 본인이 작업하고 아이폰 앱은 안드로이드 디자인을 기준으로 다른 분이 작업하였다. 안드로이드 다운로드 : https://play.google.com/store/apps/details?id=com.nicepharma&feature=search_result#?t=W10. 더보기
앱 디자인_엔트루월드 2012 작업기간 : 2012/02/~2012/03클라이언트 : (주)인티그램작업내용 : 아이폰, 안드로이드 앱 개발 디자인 엔트루월드 2012 앱 디자인 + 웹연동 부분 모바일 코딩 작업.엔트루월드 브로셔를 참고하여 배색 및 전체 디자인을 정하고 해상도 문제 때문에 아이폰용과 안드로이드용(타겟단말은 갤럭시S2)을 별도로 진행. 디자인 작업은 크게 시간이 걸리지 않았는데 리소스 작업(이미지 분할, 가이드 작업) 및 코딩 작업에서 시간이 배로 걸렸다는 비하인드 스토리가 -_-... 아이폰 다운로드 : https://itunes.apple.com/kr/app/entrue-world-2012/id513232636?mt=8 안드로이드 다운로드 : https://play.google.com/store/apps/detail.. 더보기
앱 디자인_bntnews2012 작업기간 : 2011/07클라이언트 : (주)인티그램작업내용 : 아이패드용 앱 개발 디자인 bntnews 아이패드용 앱 디자인 작업.이미 개발된 플랫폼이 있어서 거기에 맞게 디자인을 다시 입히는 작업이었다.작업은 2011년 7월쯤 했었는데 앱스토어앤 bntnews2012라는 이름으로 작년에 등록되었네 -ㅁ-;;... 다운로드 : https://itunes.apple.com/kr/app/bntnews2012/id544206447?mt=8 더보기
앱 디자인_이레주단 작업기간 : 2011/07클라이언트 : (주)인티그램작업내용 : 아이패드용 앱 개발관련 디자인 아래는 작업이미지 중 일부 개발을 같은 곳에서 하다보니 b2y 플랫폼을 그대로 가져다 썼다. -ㅁ-;;같은 구조에 디자인만 이레주단에 맞게 수정~^^;;그래서 그런지 아직도 개발 진행중인듯... 앱스토어에 등록이 안되어 있는 걸 보면...참고용으로 디자인 이미지 업데이트! 더보기

티스토리툴바