ASH84

Software Engineer/Developer, co-founder of Payhere. Ex-Banksalad. Intereseted in iteroperability, bootstrap company, writting.

# 난 아이폰에서 앱 디자인한다. Interface

created:2010-06-03
updated:2015-07-03
edit
우연히 이곳저곳 찾다가 발견한 **Interface App**
** **
**![](http://ash84.net/wp-content/uploads/1/cfile8.uf.181FF3214C073D970914D0.gif) **
Link : [http://itunes.apple.com/us/app/interface/id360543182?mt=8](http://itunes.apple.com/us/app/interface/id360543182?mt=8)
사실 아이폰 어플을 개발하기 위해서는 계획도 짜고, 스토리라인도 많들고 실질적인 동작을 위한 부분을 만들어야 겠지만, 요즘같은 시대에서 가장 중요한 것은 UI 라는 생각이 드네요. 그래서 발견한 것이 Interface 어플입니다. 간단합니다. 앱을 실행시키면 다음과 같은 화면이 뜹니다. 
![](http://ash84.net/wp-content/uploads/1/cfile29.uf.170D2C224C0731A5526419.png)
위의 화면에서 만들고자 하는 어플의 이름을 설정해서 분류를 만들수가 있습니다. 저는 New Apps 라는 이름을 지어서 만들어 봤습니다. 만든 어플이름을 누르면 각 View의 이름을 지정할 수 있는 화면으로 넘어가게 됩니다. 
![](http://ash84.net/wp-content/uploads/1/cfile6.uf.115646214C07324F7044C1.png)
위의 화면에서 선택한 어플안에 각각의 View 이름을 정할수 있는 화면입니다. 그래서 저는 처음 View 를 Main이라는 이름을 지어주었습니다. Main 뷰를 선택을 하면 이제 드디어 아이폰 UI 컨트롤을 배치할수 있는 화면으로 넘어가게 됩니다. 처음엔 빈 화면에서 더블터칭을 하면 아래와 같은 메뉴가 보여지게 됩니다. 
![](http://ash84.net/wp-content/uploads/1/cfile1.uf.15465D204C0737C71F133C.png)
위 화면에서 Add Control을 클릭하면 아래와 같이 Basic Control 과 Advanced Control 로 나뉘어져 있는 추가화면을 볼수있습니다. 이 화면에서 선택할 컨트롤을 추가하시면 됩니다. 
![](http://ash84.net/wp-content/uploads/1/cfile8.uf.19401D1F4C07381B66B41F.png)
![](http://ash84.net/wp-content/uploads/1/cfile25.uf.20401D1F4C07381B6744BA.png)
버튼 컨트롤을 선택해 보겠습니다. 
![](http://ash84.net/wp-content/uploads/1/cfile9.uf.1470BA284C0738E010FE02.png)
선택하면 기본적으로 배치가 되구요. 배치가 된 상태에서 멀티터치를 이용해서 사용자 맘대로 크기를 조절 할 수가 있습니다. 뿐만 아니라, 텍스트를 수정할 수도 있고, 세세하게 글자색, 배경색 지정도 됩니다. 좀 여러가지 추가해서 만들어 봤습니다. 
![](http://ash84.net/wp-content/uploads/1/cfile9.uf.124E0A104C073C8938E271.png)
현재 아이튠즈 앱 스토어에서 **9.99$** 에 판매하고 있는데요. 생각보다 아이폰을 개발하시려는 분들에게는 유용하지 않을까 싶습니다. 전업으로 하시는 분들이야머 시간이 아이폰 개발에 투자되니까 괜찮지만, 그렇지 않은 분들에게는 출 퇴근 시간에 UI 를 생각하면서 바로바로 만들어 볼수 있는게 시간절약도 되고 좋을것 같아요^^ 

#App UI  #dev  #interface app  #UI  #아이폰 앱 디자인