아이폰 어플리케이션 UI제작에 도움이 될 만한 것들!

디자인대를 다니는 여자친구님에게 아이폰 어플리케이션 제작 UI를 부탁했는데
여자친구님은 제가 준 아이팟 1세대를 가지고 있음에도 디자인 하기 막막해하는 경향이 있더라구요.
여러 어플을 많이 사용해보라고는 하고 있지만 그게 능사는 아닌 것 같고

어플 디자인을 위해 몇가지 찾아봤습니다.

1. 앱 개발자를 위한 iPhone Stencil Kit (http://www.funshop.co.kr/vs/detail.aspx?categoryno=1350&itemno=9462)
어릴때 사용하던 다양한 모양이 뚫려있어 대고 그릴 수 있던 자 처럼 쉽게 아이폰을 스케치할 수 있는 도구입니다.
가격이 비싼 편이라 포기했지만 만약 이런게 있으면 좀 더 편하게 그릴 수 있지 않을까요?

2. iPhone GUI PSD File (http://www.teehanlax.com/blog/)
위 사이트의 블로그에서 PSD 로 검색하면 iPad UI / iPhone UI(레티나 디스플레이도 있네요) 에 대한 PSD 파일이 있네요.
포토샵에 능숙한 분이라면 이 자료를 이용하는 방법도 도움이 될 것 같습니다.

이외에도 어플 자체가 UI 컴포넌트를 생성하는 어플이 있었던 것 같았는데 미리 스크랩을 못해놓은 관계로 찾기가 힘드네요.
이걸로 UI 디자인 구성은 좀 수월해질 수 있을 것 같습니다.
저작자 표시 비영리 동일 조건 변경 허락

설정

트랙백

댓글

모바일 웹페이지 제작을 위한 준비물들

일단 Webkit 기반 브라우저거나, FireFox 추천.
내가 구입한 책에서는 불여우를 강력추천하고 있다.

불여우를 사용하려면 몇가지 에드온을 설치해야되는데 나도 기억하고, 공부할 사람이 있으면 배울 수 있도록 블로그에 등록하려한다.

XHTML  Mobile Profile
이건 웹 페이지에 접근 했을 때 웹 문서를 XHTML-MP 형태로 출력 할 수 있도록 도와주고 있다.

wmlbrowser
WML 문서를 표시하는 것을 허용함.
WML의 랜더링은 일반 PC 랜더링과 달리 오차를 용납하지 않기때문에 정확한 페이지를 확인하기 위해서는 꼭 필요하다고 한다.

User Agent Switcher
이건 뭐 이름만 봐도 알겠지만 User-Agent 값을 바꾸는 애드온이다.

Modify Headers
이건 해더를 요청한다고 하는데 해더변경이 된다는걸 보니 웹해킹에도 도움이 될 것 같다.

Live HTTP Headers
요청 / 응답 해더를 볼 수 있다고 한다. 만약 API로 제공되지 않는 기능을 파싱한다거나 구조를 이해하고 싶을 때 활용하면 되겠다.
이것도 위와 비슷한듯.

Small Screen Renderer
폰 디바이스 처럼 작은 화면으로 표시할 수 있도록 만드는 애드온

FireBug
HTML, CSS, 자바스크립트를 편집하고 디버그 할 수 있게 해줌

이외엔 필요한 모바일 시뮬레이터를 각자 다운받도록하자.

참고서적 : Beginning Smartphone Web Development / Apress
저작자 표시 비영리 동일 조건 변경 허락

설정

트랙백

댓글