실행 엔지니어의 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
Reference
이 문제에 관하여(실행 엔지니어의 UI 설계를 조금 공개해 본다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shumatsukishu/items/8dfedd82ecff89085968
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(실행 엔지니어의 UI 설계를 조금 공개해 본다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shumatsukishu/items/8dfedd82ecff89085968텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)