검색결과 리스트
관심사/모바일 프로그래밍에 해당되는 글 2건
- 2010/12/23 아이폰 어플리케이션 UI제작에 도움이 될 만한 것들! (1)
- 2010/12/20 모바일 웹페이지 제작을 위한 준비물들
글
아이폰 어플리케이션 UI제작에 도움이 될 만한 것들!
관심사/모바일 프로그래밍
2010/12/23 16:54
디자인대를 다니는 여자친구님에게 아이폰 어플리케이션 제작 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 디자인 구성은 좀 수월해질 수 있을 것 같습니다.
글
모바일 웹페이지 제작을 위한 준비물들
관심사/모바일 프로그래밍
2010/12/20 03:50
일단 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
내가 구입한 책에서는 불여우를 강력추천하고 있다.
불여우를 사용하려면 몇가지 에드온을 설치해야되는데 나도 기억하고, 공부할 사람이 있으면 배울 수 있도록 블로그에 등록하려한다.
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
