롤스토리디자인연구소

ARTPP 아이콘 디자인Branding :: Application Icon Design ※ 기업 의미 업자 등록등 없이도 개인이 직접 카드결제를 받을수 있는 안전거래 플랫폼입니다. 안전 거래를 위해 판매자가 거래서를 등록후에 구매자에게 거래서를 전송합니다. 구매자는 앱을통해서 또는 판매자가 보내온 웹주소링크를 통해 거래를 결제하실수 있습니다. 온라인 통한 거래시 발생할수 있는 구매자의 피해를 예방하도록 구매자의 물품수령후 구매확정을 통하여 판재자에게 대금정산이 되도록 되어있습니다. 구매자는 결제시에 구매안심번호를 지정하여 결제 할수있도록 되어있습니다. ※ 브랜딩 의미/keyword/ 참신함, 단일화, 리디자인 기존에 복잡한 형태의 앱 아이콘과 UI를 더불어 모든 디자인을 롤스토리에 의뢰해 주셔서 새롭게 ..

디데이+ (D-Day+)Branding :: Application Design 한번은, 기차밖의 풍경을 보다가 길거리에 라벤더꽃이 피어 있는걸 본 적이 있었습니다. 보랏빛이 얼마나 인상깊게 들어 오던지.. 한 참 디데이+를 위해 메인 색상을 고민하고 있던차에 라벤더에서 영감을 얻어 디자인을 완성할 수 있었죠. 이렇게, 소중한 순간과 기념일을 잊지않기 위해 만들게된 디데이 앱입니다. (이미지를 클릭하시면 큰 화면으로 볼 수 있습니다) ● 주, 월, 년 단위로 설정 가능합니다. - Plus Soft 입사한지 3년 - 우리 아기 태어난지 7개월 - 오늘은 2015년 27주차 - 디데이에 맞는 단위를 설정해보세요. ● 음력기능 제공 (생일, 제사 활용) - 강력한 음력기능으로 일정을 챙겨보세요. - 음력 기준 ..

투두+ (toDo+)Branding :: Application Design 다이얼+ 제작 후에 많은 사람들의 관심으로 시작하여 플러스소프트(PLUSSOFT)사의 두번째 어플리케이션으로서 제작된 할 일 관리 앱입니다. '어떻게 하면 더 편하고 쉽게 사용할 수 있을까?' 라는 생각의 중심에서 학습없이 직관적으로 사용할 수 있는 UI를 구상하였습니다. (이미지를 클릭하시면 큰 화면으로 볼 수 있습니다) ● 정말 쉽습니다. - 오른쪽으로 밀어서 완료 - 왼쪽으로 밀어서 삭제 - 밑으로 밀어서 새항목 추가 ● 애플워치와 위젯으로 빠르게 할일을 관리해보세요. - 할일의 완료 처리, 중요도 설정이 가능합니다. - 두번 탭하여 항목의 상세 내용을 볼 수 있습니다. - 애플워치로 간단하게 항목을 추가 / 완료 하실 수 ..

포토샵의 스마트 오브젝트(Smart Object)기능을 이용하면, 기울어진 벽면이나 원통같은 형태에 자연스럽게 글자나 도형등을 배치할 수 있습니다. 예전에, 원통에 자연스럽게 글자쓰는 방법에 관하여 포스팅을 한 적이 있습니다만, 이번 시간에는 기울어진 벽면에 같은 방법인, 스마트 오브젝트를 사용하여 자연스럽게 글자나 도형등을 배치해 보겠습니다. (필자의 환경은 매킨토쉬 포토샵 CS6이며, 윈도우의 ctrl 키는 맥의 command의 키와 같음을 알립니다. 또한, PC버전에서 이미지를 클릭하시면 큰 화면으로 보실 수 있습니다) 01. 기울어진 벽면등의 이미지를 포토샵에 불러 온뒤, 우선적으로 기울기를 조절해야하는 글자나 도형등을 모두 미리 만들어 놓는다. 02. 기울어진 정도의 척도가 필요하기에, 위의 예..

카페24 쇼핑몰 카테고리의 이름/순서/추가/삭제/표시유무 등을 설정하고 변경하는 방법에 대하여 알아보도록 하겠습니다. [카테고리보기] 먼저, 카페24 쇼핑몰 관리자 페이지(eclogin.cafe24.com/Shop/)에 접속한뒤, 상품관리(상단) - 분류관리(좌측) 으로 이동한다. [이동하기] 기존에 있던 카테고리를 이동하기 위해선, 좌측의 '+'마크를 눌러 하위 중분류 까지 모두 펼쳐 놓은 뒤, 이동하고자 하는 카테고리를 잡고 '드래그 앤 드롭'을 하면 순서를 변경 할 수 있다. [이름변경] 카테고리의 이름을 변경하고자 한다면, 위의 그림과 같이 변경하고자 하는 카테고리를 한번 클릭하고, 우측의 '분류명'을 변경 하면 된다. [추가하기] 카테고리를 하나 더 추가 하고자 한다면, 왼쪽위의 '대분류추가'버..

인포그래픽이란, 정보를 뜻하는 Information 과 그래픽의 Graphic 이 합쳐져, 인포그래픽(Infographic)이라 불립니다. 합쳐진 단어 뜻만 보아도 알 수 있듯이, 정보를 표현하는 그래픽이라고 생각하면 됩니다. 하지만, 무작정 그래픽으로 표현하는 정보보다는, 스토리텔링을 통한 마치, 이야기하는 듯한 느낌과 지루하지않고 한 눈에 알아 볼 수 있는 방법으로 표현한다면 더욱 보는이를 만족 시킬 겁니다. 아래의 인포그래픽(Infographic) 추천30을 살펴볼까요? ▲ 01종 다양성을 표현한 인포그래픽 입니다.개체의 크기만 보아도 어떤 종들이 얼마나 많은지 짐작을 할 수 있네요. ▲ 02아프리카 농부들의 성장을 위한 도움 요소들을 심볼과 함께 배치 하였네요. ▲ 03뉴욕에 관한 정보를 알 기 ..

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

'로고'라는 것은 언제나 간결하고 상징적이여야 한다고 생각하는 롤스토리에서, 단순히 원형의 틀로 디자인된 '롤스토리(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] - [로고제작]지맘대로 돈까스