롤스토리디자인연구소

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

지난 8월에 아이폰5용 키패드 리디자인 ver2.0을 포스팅 한적이 있습니다. (아이폰5용 링크 바로가기) 의외로 뜨거운 반응에 이어 제일 많이 들어 오는 요청중 하나가 아이폰 4/4S용을 만들어 달라는 것이였습니다. 더 빠른 시일내에 작업을 할 수도 있었는데 늦어져서 참으로 죄송합니다. ▲ iOS7키패드(왼쪽), 키패드 리디자인(오른쪽/by. 도로독) 왼쪽이 9월에 정식배포된 iOS7의 디자인 입니다. 몇가지 개인적으로 마음에 안드는 부분이 있는데 그중에서 키패드 부분입니다. 실제로 정식 iOS7의 키패드부분 숫자를 터치하면 뒷배경이 원안에서 비치는 효과를 볼 수 있습니다. 물론, 완벽함을 추구하는 애플이 가독성을 고려하며 만든 디자인이라는 생각도 듭니다. ▲ 새로이 추가된 배경 5가지 기존 아이폰5용..

지난번, iOS7 키패드 부분을 리디자인하여 포스팅한적이 있었는데, 우연하게 클리앙의 '무적태권부이님'께서 제 티스토리에 오셔서 원본파일을 요청하셔서 드렸더니 직접 파일을 아이폰에 입히고 작동하는 영상을 보내주셔서 무척이나 놀랬습니다. 물론, 완벽하게 적용되진 않았지만 이번엔 클리앙의 아이포니앙분들과 완벽하게 적용되는 모습을 보고자 이렇게 모든 레이어를 다 분리하여 이번 iOS7 키패드 리디자인 ver2.0을 만들게 되었습니다. 자세한 설명은 아래 내용을 보며 설명 드리겠습니다. ▲ 전체적인 모습 ver1.0과 크게 다른 부분은 없으며, 상단 캐리어바와 하단 탭바는 기존 iOS7베타 디자인을 적용하였습니다. 그리고 키패드 부분 눌렸을때의 이미지(숫자5)에서 흰색의 아웃글로우가 적용 되었으며, 원의 가운데..

8월 1일의 첫번째 포스팅 이다. :-) 올해 가을쯤이면 iOS7 정식버전이 배포될 예정이다. 지금까지 iOS7 Beta4까지 나와있으며, 역시나 이번 iOS7의 가장 큰 변화는 기존 실물을 그대로 표현하는 '스큐어모픽'의 디자인에서 벗어나 평평하고 평면적인 '플랫'디자인으로 GUI로 전면 개편 한다는 것이다. 플랫디자인을 생각하며 처음 만든 카메라 아이콘 이다. ▲ 3가지 배경위의 플랫아이콘 페이스북에서 우연하게 본 카메라 아이콘을 보고 조금 변형 하여 만들어 보았다. 우선은 기본적으로 파스텔톤의 색상을 이용하고, 많은 쉐이프를 사용하기 보다는 최대한 적은 쉐이프들로 구성하여 만들었다. 무엇보다 가장 중요한건 단순하지만 무엇인지 확실히 알 수 있는 것이 아닐까 싶다. 그리고 플랫디자인이지만 가운데에 질..

teehanlax사에서 현재 배포하고 있는 iOS7 GUI의 PSD파일 입니다. 링크타고 가시면 압축된파일을 다운로드 받을 수 있으며 압축을 풀면 PSD파일이 존재 합니다 ▲많은 프리셋 ▲작은 아이콘까지 레이어로 있습니다. ▲추가적인 부분까지 있습니다. ▲그룹으로 정리가 잘 되어있으며, 왠만하면 레이어로 모두 존재하는걸 확인 했습니다. 아래의 링크를 타고 가면 바로 다운로드 받을 수 있습니다. http://www.teehanlax.com/tools/ios7/ 저또한 그렇지만 올가을에 출시될 iOS7에 관심이 있으신분들이 많으리라 생각합니다. 무엇보다도 요번에 전면적으로 개편된 UI부터 확연한 관심을 끌게 만들고 있습니다. iOS7에 관심있으신분들은 PSD파일을 다운로드 받아 참조하면 향후 디자인 하는데 ..

올해 6월에 처음 포스팅을 시작하게되어 이번 달을 마무리 하며 6월 한달동안(사실 보름정도)만들었던 제작가이드며, 리디자인한 작품등을 보기쉽게 정리 하였습니다. 다음 7월에도 더 많은 글과 더 많은 정보를 포스팅 하도록 노력하겠습니다. - GUI/UI/UX의 모든것(이미지를 클릭하면 해당글로 링크 됩니다) ■ 제작 가이드 모음 ■ UI 및 리디자인

▲iOS7키패드 리디자인(rollstory.tistory.com) iOS7의 키패드 디자인을 다시 작업해 보았습니다. 기존에 공개되었던 iOS7 베타버전의 키패드 GUI/UI구성이 여러모로 말이 많았습니다. 저의 개인적인 생각과 다른 글들을 참조하여 최대한 저의 느낌대로 한번 리디자인 해보았습니다. 왼쪽 첫번째부터 iOS6의 키패드 이미지, 이번에 공개된 iOS7 Beta, 그리고 3번째사진이 제가 다시 구성해본 iOS7 Re-design 버전입니다. iOS6의 키패드가 습관이 되어서 그런지 솔직히 처음 iOS7의 키패드 디자인을 봤을땐 뭔가 모르게 조금 이질감이 들었습니다. 물론, 애플이 요번에 새로이 UI를 전면 개편함으로써 플랫디자인을 추구하는 경향을 띄었으나, 역시 베타버전은 뭔가 모르게 너무 심..

iOS7 App Icon Template 입니다. PSD파일 받으시면 위와같은 파일이 열립니다. 레티나등 실 규격 사이즈에따라 실제 쉐이프가 레이어로 존재하니 앱디자인하실때 유용하리라 생각합니다.