[내일배움캠프 2일차] 디자인 카타, 온보딩주차 실습, 아티클

졸린눈을 비비며 2일차 아침이 밝았습니다,,

아직 좀 체계가 없는 느낌이라 뭐 부터 해야하나 싶지만

그래도 어찌저찌 잘 하고 있다..!

일단 가보자고,,

 

 

<디자인 카타>

https://designus.io/topic/221

아이폰 노치(Notch)의 변화, 어떤 UI를 더 선호 하시나요? | 디자이너스

 

 

🤔내 생각

-다이나믹 아일랜드를 선택한 이유

다이나믹 아일랜드가 깔끔한 편은 아니기 때문에 썩 맘에 드는 것은 아니지만 아무래도 화면 일부를 가리는 노치보다는 활용 가능 하다는 점이 실용적이라고 생각하기 때문에 선택했다.

 

-노치를 선택 안 한 이유

화면에 일부를 가려버리기 때문에 이 일부 화면은 활용하지 못한다는 점이 사용자로써 불편할 것 같았기 때문에 선택하지 않았다.

 

 

🤔팀원들의 생각

1️⃣

-다이나믹 아일랜드 선택 이유

기본 노치보다 화면을 가리지 않고 기능수행을 직관적으로 볼수 있음.

-노치를 선택하지 않은 이유

전체화면이나 큰화면을 볼때 아무래도 가려지는 부분이 신경이 쓰이긴 한다.

 

2️⃣

양쪽 다 실사용해봤을 때 다이나믹 아일랜드는 개방감을 주고 나를 위해 실시간으로 발생하는 소소한 정보를 제공해주는 하나의 시스템이라는 생각이 들어서 다이나믹 아일랜드를 선택했습니다. 다이나믹 아일랜드를 쓰고 멀티태스킹이 잘 된다는 느낌을 받았어요. 하드웨어의 한계를 소프트웨어로 감춘 똑똑한 디자인입니다. 노치 디자인은 해상도가 상당히 높지 않은 이상 Full-screen 기기보다 답답함을 줍니다. 시간과 네트워크 상태, 배터리 등을 표시해주기는 하지만, 당연히 거기에 있어야할 것이 있는 느낌이라 특별하게 느껴지진 않았습니다.

 

3️⃣

-노치 장점

디자인을 유지하고 일관된 UI제공으로 익숙함 유지 됨

 

-노치 단점

고정된 형태의 UI로 인해 활용성이 제한 되며, 전체 화면 모드에서 시각적으로 불편할 수 있음

노치로 인해 일주 정보가 가려질 수 있음

 

-다이나믹 아일랜드 장점

알림 및 실시간 정보 표시 등 다양한 기능을 수행함에 따라 크기가 변해 공간 활용에 효율적

 

-다이나믹 아일랜드 단점

풀 스크린에 많은 부분을 차지하는건 아니지만, 영상을 시청할 때 영상에 구멍이 난듯 영상 시청에 있어 몰입감을 깨고 눈에 거슬리는 UI가 될 수 있음

다이나믹 아일랜드는 활성화 될 때 마다 시선이 많이 주목 됨, 다른 앱들을 사용할 때 꽤나 성가신 UI가 될 수 있을것 같다 생각 된다둘 다 완벽한 디자인이라고 생각되지는 않았다. 고정된 노치보다는, 상황에 따라 유동적으로 반응하는 다이나믹 아일랜드의 인터페이스가 더 나은 방향성이라고 생각된다.

 

둘 다 완벽한 디자인이라고 생각되지는 않았다. 고정된 노치보다는, 상황에 따라 유동적으로 반응하는 다이나믹 아일랜드의 인터페이스가 더 나은 방향성이라고 생각된다.

 

 

🤔댓글들

 

 

 

<온보딩주차 실습>

밑그림을 바탕으로 내가 그린 펜툴

도형 예시와 내가 만든 도형

포스터 예시와 내가 만든 포스터

아이콘 예시와 내가 만든 아이콘

 

<아티클>

https://brunch.co.kr/@fastfive/411

[디자인] 피그마 초보 여기 모여라!

🤔내 생각

기존에 이미 알고 있었던 부분도 있었지만 피그마 보이스 채팅과 스포트라이트 기능은 처음 알게 된 사실이라서 흥미로웠고 생각보다 피그마의 기능이 다양하다는 것을 알 수 있었다. 그리고 플러그인 추천 목록을 보면서 다음에 피그마를 이용할 때 이 플러그인들을 잘 활용해서 효율적으로 피그마를 다뤄보고 싶다는 생각을 하였고 커뮤니티를 탐방하면서 또 활용하기 좋은 나만의 플러그인들을 찾아 봐야겠다고 생각했다. 목록에 나온 플러그인들 중 벡터 이미지를 3D로 변환해주는 'fit3D'와 텍스트를 아치형으로 만들어주는 'ARC'는 활용도가 좋을 것 같아 특히 인상깊었다.

 

 

🤔팀원들의 생각

1️⃣

• Draft에 대한 개념이 잘 안 잡혀져 있었는데 [프로젝트 팀]이 구성되지 않아도 얼마든지 무한대로 생성할 수 있는 파일의 폴더라고 깨달았습니다. 그리고 여러 명과 협업할 때는 [팀 프로젝트 채널]에 Draft를 생성해야 하며, 멤버십에 따라 생성할 수 있는 파일 개수가 제한되어 있다는 걸 알게 됐습니다.
• Comment 기능은 알고 있었지만 미니 채팅 버블은 처음 알았습니다. 휘발성이라는 것도 신기해서 눈이 커졌습니다. 코멘트보다 더 간편하고 가벼운 느낌의 소통을 할 수 있어서 좋은 것 같아요.
• 피그마에서 음성대화를 할 수 있는지 모르고, 평소에 보통 Zoom이나 Discord를 사용했는데 단순히 피그마 파일 링크만 건네면 대화할 수 있고 발표까지 가능하다는 점이 놀라웠습니다.
• 정말 다양한 플러그인이 있는데 제가 활용을 잘 못 하고 있었다는 생각이 듭니다. 적극적으로 Figma Community를 이용해야겠습니다.

2️⃣

• 다행히 사전 강의를 들은 후에 읽게 된 아티클이라 큰 무리 없이 쭉쭉 잘 읽어 나갔던 것 같다
• 피그마 기능 속 플러그인에 대해 설명할 때 그냥 플러그인 설명이 아닌 추천 플러그인도 같이 첨부되어 있어 유용했음
• 해당 아티클은 정말 핵심적인 부분만 다루고 있다는 게 좋으면서도 좀 아쉬웠음, 조금 더 깊이 있게 작성해도 유용할 것 같다는 생각을 함
• 피그마를 정말 한번 도 다루지 못한 분들에게는 읽기 쉬운 아티클임
• 오늘 포스터 작업 했을 때 텍스트를 아치형으로 만들고 싶어 다양한 플러그인을 찾아 봤었는데 추천 플러그인에서 또 만나니 쫌 반가움,,ㅎ

3️⃣

기본 인터페이스나 원래 알고 있었던 내용을 한번 정리할 수 있는 아티클이었고

새로운 플러그인들을 많이 알게 되어서 새롭게 시도해보고 싶은 마음이었다.