실행 엔지니어의 UI 설계를 조금 공개해 본다

디자인으로 앱을 사용하기 쉽게!



① 모방하고 싶은 화면 UI를 찾는다!



→ 우선 디자인으로 참고하고 싶은 앱을 찾아 보자!

Mobile Design Inspiration



● 모던 디자인을 중심으로 소개하고 있는 사이트
h tps : // / s s Pilachi On Mobi. 하나 mblr. 코m/


Pinterest



●LP등의 제작시에 빠뜨릴 수 없는 초유명 서비스
htps //w w. 핀 테레 st. jp/핀/253609022752112669/


<그 밖에도 정리해 준 편리한 기사를 참고해 사이트로부터 영감을 받자! >

이런 나라도 세련된 iOS 앱을 번쩍! 영감을 꽉 세우는 앱 디자인의 참고 사이트집 1!
htps : // 이 m / 아 p t t ぇ r / ms / 26f43 굳이 8627474f34f31
앱 UI 디자인 및 색 구성표 요약(비디자이너용)
htps : // 코 m / 신 짱 / ms / 97849 예 d07 아 8d750 아 2cb

②보기 쉬운 배색을 사용합시다!



→ 시각에 큰 영향을 미치는 색상은 디자인에서 매우 중요합니다. 보기 쉬운 색의 배색을 제시해 주는 서비스를 쓰러뜨리자!

Adobe Color CC



( htps : // 코 r. 아도베. 코 m/그럼/에 xpㄉ레/? 푹 l r = 모 st 뽀뿌 r & 치메 = 몬 th )


③Adobe XD를 사용하여 디자인을 완성하자!



→개발에 들어가기 전에 조금 기다렸다! 머리 속에서 그린 앱과 실제로 만들어 보는 앱이 전혀 다를 수 있으므로 XD를 사용하여 디자인을 만들어 봅시다!

사용법 참고



포인트!



버튼을 탭했을 때의 천이 화면등도 완성시켜 두면, 나중에 고민하지 않고 개발할 수 있으므로 추천입니다!


추가 ① : 결정한 색을 Xcode에 반영시키는 방법



①Adobe Color CC의 페이지로 이동한다(화상대로 진행해 간다)







중요 : HEX의 값을 복사하고 삼가하십시오 !!



②Xcode를 연다(화상대로 진행한다)







중요 : 겸손한 HEX 값을 붙여 넣으십시오! !



완성!



추기② : 편리한 라이브러리를 잘 다루자!



iOS 개발에서 좋아하는 라이브러리 N 선택
htps : // m / 651601f / ms / 08500df9246 A6c208241

iOS에서 이런 앱, 이런 기능을 만들고 싶다면 이것을 보라! 만들고 싶은 앱에 대응하는 클래스, 프레임 워크, 라이브러리의 정리!
htps : // 이 m / 아 pwa t ぇ r / 그리고 ms / b02255026 A3 예 6d95142

좋은 웹페이지 즐겨찾기