[iOS] #1 Clean Dining Project Figma

프로젝트 소개

데이터베이스 텀 프로젝트지만, 나는 Flutter를 한학기동안 하느라 다 까먹은 iOS를 복구하기위해 iOS를 사용해보면서 Toy Project하나를 만들어보기로 다짐했다.

 

간략한 프로젝트 소개를 하자면 곧 여름이라 식중독 관련해서 주제를 잡았다.

주제는 "식중독 예방을 위한 건강한 식당 찾기" 이다,,,

 

공공데이터 포털에서 위생업소 데이터를 가져와 위치기반 서비스로 내 위치 주변에 건강한 식당을 찾는 것이다! 

 

아래 데이터셋을 가져와서 사용할 예정이당~!

http://data.seoul.go.kr/dataList/OA-13663/S/1/datasetView.do

열린데이터광장 메인

 

 Clean Dining

이름은 Clean Dining으로 정했다! 

Clean Dining은 "청결하고 위생적인 식사 환경을 강조하는 의미를 지니는 표현"으로

Clean"은 청결하고 깨끗한 상태를 나타내며, "Dining"은 식사 또는 식사하는 곳을 의미한다.

"CleanDining"은 건강한 음식점을 찾는 사용자들에게 위생과 청결에 중점을 둔 식사 경험을 제공하는 앱을 나타내는 이름으로

해당 프로젝트는 식중독 예방을 위해 안전하고 위생적인 음식점을 소개하고 사용자에게 안심하고 식사할 수 있는 장소를 안내하는 역할을 하게 될것이다! 

 

Figma

1인 프로젝트가 되버리면서,,,UI Design까지 해야하는 상황이 생겨버렸다,,

포토샵을 해본적있지만, 너무 오래전이라 기억도 안나고,,

AdobeXD?인가 써보긴했는데 사용법이 그닥 간편하지않아서

Figma를 사용하기로했다.

https://www.youtube.com/watch?v=ESxsgBYuMB8 

https://www.youtube.com/watch?v=iU_ODBnseF4 

https://www.youtube.com/watch?v=PF0VJG5LOnQ 

https://www.youtube.com/watch?v=hlZPOtnd98I 

뭐,,,다양한 강의들이 있다만,,,

난 그냥 만들어봤다

Toy Project로 할거면 굳이 안해도될듯?

 

디자인은 아래처럼 해봤다,,,디자인은 너무 어렵다,,최선을 다한거다 ㅠㅡㅠ

https://www.figma.com/file/swelyJtBJF5BV7F36rbutN/Clean-Dining?type=design&node-id=0-1&mode=design&t=pRWMW1EW5xsb8GQg-0

Figma

화면 소개 잠깐 하자면, AppIcon은 식당이 주 키워드라서 비슷한 아이콘을 찾았고, 

식탁과 관련된 앱이므로 상쾌하고 청결한 이미지를 전달하기 위해 밝고 청량한 컬러 팔레트를 사용했다.

식품과 관련된 앱이므로 나름 식품 안전을 상징하는 녹색이나 청색과 같은 컬러를 강조해봤당,,,!

 

나름 LaunchScreen 표현할때도 둥글둥글게 해봤다 접시처럼,,,!

 

그리고 Naver 지도 API를 연동해서 사용할 예정이라서, 지도는 Naver 지도를 캡쳐해서 넣어놨구

 

데이터셋을 분리해서 화면에 보여주기로 다짐했는디, 나름  한식 분식 일식 커피숍 제과영업점 경양식 호프/통닭 패밀리 레스토랑으로 분류해서 해당 아이콘을 띄어주기로 했다!

 

나름 아래대로 정해가지고 아이콘 다운로드 받아봄 히히

한식 (밥 icon), 분식 (덕복이 icon), 일식 (초밥 icon), 커피숍 (커피 icon), 제과영업점 (빵 icon), 경양식 (돈까스 icon), 호프/통닭 (치킨 icon), 패밀리 레스토랑 (식당 icon)

 

그리고 필터링은 고민중이다,,,시간이 남으면 하거나,,,아니면 제출하고 나혼자 따로 해보거나 할까 싶다,,,

 

최선을 다한건데,,,나름 지금 보니까 좀 하찮은것같기도 하고,,,그래도 시간이 없었는데 나름 만족한다,,,

 

개발하다보면 바뀔지두~?

 

그나저나,,,위 디자인은,,,아래 아이콘을 다 갖다써버렸다,,

그래서 디자인은 어케하는걸까 ㅠㅡㅠ 어렵당 히히

flaticon.com/kr/

무료 아이콘 및 스티커 - 수백만 종의 다운로드가 가능한 리소스