AppCookr 이용팁2011. 3. 21. 18:26
간단한 클릭만으로 앱을 만드는 웹 기반 에디터 - 앱쿠커

막상 앱쿠커를 통해서 앱을 만들려고 하니,
디자인을 어떻게 해야 할지 막막하신 분들께 약간의 팁을 드리고자 합니다.


첫번째.
메인 컬러를 정하라.

메인컬러를 하나 정해서, 앱 전체에서 이 메인 컬러를 사용하세요.
전체적으로 앱이 통일성 있게 보입니다.


두번째.
메인 컬러에 어울리는 서브 컬러를 활용하라.

메인컬러를 정했다면, 그에 어울리는 서브 컬러를 정해서,
메인컬러와 더불어서 사용해보세요.
단, 너무 많은 컬러의 사용은 오히려 역효과가 납니다.


세번째.
아이콘, 초기화면, 상단바의 느낌을 비슷하게.

앱의 아이콘, 그리고
앱 실행시 초기화면 및 상단바의 디자인이 비슷하다면
전체적으로 앱의 분위기가 통일되어 보여서 좋습니다.



그러면, 위의 팁을 바탕으로 간단하게 제작해볼까요?
앱쿠커를 통해서 만들어봅시다.

일단, 저는 메인컬러를 red 로 정했습니다.
이 메인컬러로 512x512 사이즈의 아이콘을 만들었습니다.






<기본정보 탭>


기본정보 탭에서

아이콘을 등록하였습니다.

(57x57 사이즈를 권장하지만, 57사이즈나 512사이즈나 같은 이미지를 쓰실 계획이면

그냥 512사이즈의 아이콘을 올리셔도 무방합니다.)


상단바는 메인 컬러를 쓰고, 간단한 문구를 넣어서 만들었구요.


시작이미지 역시,

메인 컬러를 이용하고,

상단바에 쓰여진 문구와 아이콘을 조합해서 만들었습니다.



다음으로 스타일 탭에서


제목색상을 메인컬러와 같게 설정하였습니다.

(다른 컬러를 쓰시고 싶으신분은 메인 컬러에 어울릴만한 색을 쓰시면 되겠죠?)





자, 요렇게해서 어떤 느낌이 나는지 한번 볼까요?



시뮬레이터에서 본 아이콘 입니다.

레드라 강렬하게 보이네요 ^^




아이콘을 터치하면 시작이미지가 뜹니다.

아이콘의 레드 색상이 시작이미지에서도 그대로 보이네요.

전혀 생뚱맞아 보이지 않아서 좋으네요 ^^




시작이미지가 사라지고 메인 화면이 떴습니다.

상단바 역시 같은 레드컬러여서

아이콘부터 시작이미지, 그리고 메인화면까지

전체적인 분위기가 통일성있게 보이네요 ^^





여기까지가 간단한 디자인 팁입니다.

너무 간단한가요? ^^

아주 전문적인 앱을 제작하는데는 부족한 내용입니다만,
디자인 작업에 전혀 경험이 없는 분들께는
조금이나마 도움이 되지 않을까 합니다.



Posted by 비회원

댓글을 달아 주세요