[OVEN] 앱기획 및 디자인 가이드

[dusskapark]

@sjs1178 매니저가 만든 가이드를 따로 이슈로 올립니다.

material design 가이드에 따라 color palette 설정 & BI 및 icon 작업 & 메인/드로어 이미지 가이드 잡아보았습니다.

• 오븐 링크
• 위 링크에서 확인가능하며, 공유비번은 1qazxsw2 입니다.

[hkjinlee]

@sjs1178 어제밤에 봤습니다. 메일 드렸듯 조금 일찍 공유해주셨으면 좋았을텐데.. 저는 이미 토요일 오후에 다른 종류의 화면을 붙이기 시작했어요. 아래 스샷 참조.

[dusskapark]

@진헌규 매니저님,

푸시 알림 스샷을 한장만 부탁드립니다. 이미지 작업에 쓸까.. 합니다^^

2015년 11월 9일 (월) 오후 10:17, Jin, Heonkyu notifications@github.com님이 작성:

@sjs1178 https://github.com/sjs1178 어제밤에 봤습니다. 메일 드렸듯 조금 일찍 공유해주셨으면 좋았을텐데.. 저는 이미 토요일 오후에 다른 종류의 화면을 붙이기 시작했어요. 아래 스샷 참조.

[image: device-2015-11-09-221609] https://cloud.githubusercontent.com/assets/7744953/11034531/912ad68e-872f-11e5-8f9d-28191b1156ba.png

— Reply to this email directly or view it on GitHub https://github.com/bobplanet/Bobplanet/issues/44#issuecomment-155058736.

[hkjinlee]

@dusskapark 내일 점심때 데이터 복구하면 5시반 푸시가 정상동작할 겁니다. 그걸 쓰는 걸로 하죠. 지금은 클리앙 커밍아웃 사태로 기력 소진함.

[sjs1178]

@hkjinlee 저도 거의 실시간으로 보고있습니다. 고생많으시네요 ㅠㅠ

지난주말에 했던 밥플래닛 디자인은 대부분 눈치채셨겠지만, 사실 화면 자체의 전체 레이아웃보다는 컬러패턴잡고 BI 로고 & 전체 디자인 정책 정도를 잡는 작업을 했었습니다.

1. 식판 컨셉의 BI로고 디자인
2. deep orange 계열의 material design 색상패턴 선정
3. 컬러사용 정의 및 카드 모양(non-rounded) 설정

위 내용위주로 정해놓았던 터라, 새로 작업하신 화면에도 본 내용을 적용해서 프로토타입 다시 그려봤습니다. 보시고 적용하실 부분이 있으시면 세부 가이드를 다시 전달드리겠습니다.

<BI로고 디자인>

<새 화면에 대한 신규프로토타입>

[hkjinlee]

@sjs1178 흐흐.. 사실 스샷만으로는 잘 짐작이 안갈만한 게 하나 있는데, 아침메뉴 on/off를 붙였습니다. 일단 점심A-점심B-저녁 3개를 기본으로 가져가면 화면을 좀더 넓게 쓸 수 있겠더군요. (날짜를 actionbar로 올린 것도 같은 맥락)

아이콘은 @sjs1178 님이 고생해준 저 버전으로 가죠. 상세한 이야기는 내일 :)

그리고 지금 아침-점심-저녁 레이블은 아이콘으로 대체해보려고 해요. 컨셉은 대충 이런 모양: https://dribbble.com/shots/1223012-Workout-Time-of-day-Icons

PS. 아, 그리고 회색 + 벽돌색 조합 괜찮네요.

[dusskapark]

• 개인적인 의견은 진헌규 매니저님의 카드가 디자인하기 좀 더 편했습니다^^;;;;
• @sjs1178 매니저의 디자인이 이쁘다고 생각해서 도전을 해봤는데
  • 아이콘 위에 택스트가 올라가는 것, 반투명 레이어의 RWD 구현 등이 상대적으로 어렵네요.
  • 일단 웹에는 1번 디자인으로 유사하게 만들었습니다.