롤스토리디자인연구소

모두들 iOS7.1로 업데이트 하셨나요? 이번에 정식 발표된 iOS7.1의 업데이트 후 달라진 점을 알아 보도록 하겠습니다. ■ 더욱 편리해진 시리(siri) 기존에는 홈버튼을 누르고 시리(siri)가 응답하면 말을한뒤, 몇초 가량 기다려야 했지만, 이번 iOS7.1에서는 그저, 홈버튼을 계속누르면서 시리에게 명령을 한 뒤, 홈버튼을 떼면 명령을 종료 하는 기능이 추가되어, 보다 빠르고 쉽게 시리에게 명령을 할 수 있습니다. ■ 보안(security) 강화 및 개선 설정 - 암호 - 간단한 암호 여부로 숫자가 아닌 영문 조합의 비밀번호를 설정 할 수 있으며, 아이폰5s의 '터치 아이디(TouchID)'의 기술 개선으로 지문을 인지하는 속도가 보다 빨라 졌다고 합니다. ■ 가독성 증가 ▲ 밀어서 잠금해제 ..

앞서, 포스팅한 페이스북 페이지 만들기에 이어, 페이스북 커버사진(cover)과 프로필사진(profile)을 꾸미는 방법에 대해서 알아보겠습니다. ▲ 페이스북 커버사진과 프로필사진 사이즈 우선, 커버사진과 프로필사진을 꾸미기 이전, 각각의 이미지 사이즈에 대한 이해가 필요합니다. 결론부터 말하자면, 페이스북의 커버사진의 크기는 가로세로 851px X 315px 이며, 프로필사진의 크기는 가로세로 180px X 180px 입니다. 하지만, 가령 커버 사이즈를 위와같이 851px X 315px로 작업해서 올려보면, 이미지가 깨지는 현상을 볼 수 있습니다. 따라서, 그 값의 배수로 캔버스 사이즈를 생성하여 작업한뒤, 업로드 하면 훨씬 더 깔끔한 이미지를 볼 수 있습니다. 즉, 페이스북의 커버사진은 2배인 17..

일러스트레이터의 회전툴(Rotate Tool)과 패스파인더(Pathfinder)를 활용하여 태극문양(TaegeukMark)을 만들어 보겠습니다. (PC버전에서 이미지를 클릭하시면 크게 볼 수 있습니다) 아래의 순서를 보며 천천히 따라해 보세요. 01. File - New를 눌러 새창을 만들어 놓은뒤, 위의 그림처럼 원형 그리기 툴(Ellipse Tool)을 이용하여 빈여백을 한 번 클릭하여, 가로세로 80mm인 정원을 만든다.(원의 크기는 상관 없습니다) 02. 정원을 하나 만들었다면, 태극 문양을 만들기 위해 필요한(큰원의 50% 크기의 정원) 안쪽원을 만들 기 위해, 미리 만들어 놓은 큰원을 선택한 뒤, 스케일툴(Scale Tool)을 더블클릭하여 나타난 옵션창에서 50%크기만큼 원을 하나 더 복사(..

일러스트레이터(ILLUSTRATOR)를 활용하면, 위의 그림처럼 모서리가 둥글둥글한 별모양을 쉽게 만들 수 있습니다. 아래의 방법을 보며, 기본적인 'Star Tool'의 기능과 둥근별(roundstar)을 만들어 보겠습니다. (필자의 환경은 매킨토쉬 이며, 맥의 command 버튼은 윈도우의 ctrl과 같습니다) ▲ 'Star Tool' 선택 일러스트에서 사각툴(Rectangle Tool)을 꾸욱 누르면 별을 그릴수 있는 'Star Tool'이 선택됩니다. 별툴을 선택했다면, 별을 그려보도록 하겠습니다. 별툴을 이용하여 별을그리는 방법입니다. [방법1] '별툴(Star Tool)'을 선택하고, 바탕에 위의 그림처럼 키보드의 shift키와 alt키를 같이 누른채 드래그 합니다. ('shift + alt ..

'대박곱창'의 로고제작에 이어, 명함제작 까지 완성한 '대박곱창 명함' 입니다. 총 4종류의 명함을 출력했으며, 사이즈는 가로9cm, 세로5cm형태 입니다. 메뉴표 명함은 질감이 잘 두드러지는 '휘라레' 용지를 사용 했으며, 나머지는 가장 무난한 형태인 '반누보'를 사용하였습니다. ■ 2014/01/24 - [GUI/UI/UX/1月 - January] - [로고제작]대박곱창

'로고'라는 것은 언제나 간결하고 상징적이여야 한다고 생각하는 롤스토리에서, 단순히 원형의 틀로 디자인된 '롤스토리(http://rollstory.tistory.com/)' 로고를 포토샵을 이용해 만들어 보는 과정입니다. (PC버전에서는 이미지를 클릭하면, 큰 사이즈로 보실 수 있으며, 맥의 command버튼은 윈도우의 ctrl버튼과 같습니다.) 01. 가로세로 512px, 해상도 300의 새창을 만든다. (아무래도 로고형태기때문에 해상도는 72가 아닌 300으로 한다) 02. 새창을 만들었다면, 가이드라인을 활용하여 2등분되는 라인을 만들어 놓는다. 03. 원형 쉐이프 툴을 이용하여, 400px의 정원을 만들고, 다시 그 안쪽에 375px 크기의 정원을 만든뒤, 미리 그어둔 가이드라인의 중심에 정렬 시..

▲ 대박곱창 로고 제작Branding :: Logo Design '대박'과 '곱창'의 느낌을 캘러그래피(손글씨)형태로 글자 자체에 표현하기 위해, 몇번이고 다시 작업을 했던 시안 입니다. 최종적으로 나온 캘러그래피 시안을 의뢰자께서 한번에 만족(?)하셔서, 바로 다음 작업으로, '엄지를 들고 웃고있는 돼지..'의 형상을 기존 손글씨 형태에 어울리게 디자인 하게 되었습니다. 하지만, 뭔가 이상하다는 생각을 계속 하던 찰나, 의뢰자께서 '손가락 위치가 뒤집혀야 되는거 같다'라는 말씀에, 놓쳤던 부분을 수정하게 되었습니다. 그리고 현재(서울 양천구에 위치) '대박곱창'의 간판(전경) 사진을 보내주셨을때, 가게의 '제목'을 알기 어렵다는 생각을 하였습니다. 물론 그 이유때문에 의뢰자 께서 디자인 의뢰를 하셨으리..

▲ 앞면 ▲ 뒷면 지난번, '지맘대로 돈까스'로고 제작에 이어 작업한 명함을 의뢰자분께서 직접 찍어서 보내주신 사진 입니다. 주민등록증과 같은 일반 카드 사이즈로 제작 되었으며, 앞면에는 큰 로고를 중앙에 배치하고, 뒷면에는 정보부분을 우측정렬로 배치한 깔끔한 기본형태의 명함입니다. 명함으로 사용된 재질은 키칼라골드(Keycolor Gold)라는 재질 이며, 키칼라골드는 골드톤의 부드러운 표면에 은은한 펄감을 더하여 부드러운 느낌의 화려함과 고급스러움이 어우러진게 특징입니다. ■ 2013/12/30 - [GUI/UI/UX/12月 - December] - [로고제작]지맘대로 돈까스

프로젝트로 진행되어 완성된 '소셜커넥트 쇼핑몰 - umme(음메)'의 최종 로고 입니다. 이번, 소셜쇼핑몰 'umme(음메)'의 로고는 프레젠테이션으로 선정된, 프로젝트형 제작 과정을 거쳤습니다. 위의 설명과 같이 양의 울음 소리인 '음메~'에서 동기를 얻어, 로고 제작을 시작 하게 되었으며, 향 후 우편봉투/박스/간판/스티커 등의 많은 디자인을 전담하여 전체 CI를 계속하여 작업할 예정입니다. 로고 채택이전에 많은 시간이 들었지만, 프로젝트를 개최한 기업과 추구하는 마인드가 비슷하였기에, 큰 걸림돌 없이 제작을 할 수 있었습니다.