본문 바로가기

분류 전체보기

 (169)
[0315_본캠프 19일차] 📚 오늘의 공부 아티클 스터디 / Figma 활용법 (2) 복습 1. 아티클 스터디 '돈을 더 벌기 위해 교묘한 UI/UX 속임수: 다크패턴'이라는 아티클로 스터디를 진행했다. 보통 웹에서 다크패턴에 많이 당했던 기억이 난다. '다크패턴'이라는 용어를 이 아티클로 처음 접했고, 오늘 또 하나 얻어간다. 당장 눈앞의 이익을 위해 다크 패턴을 사용하는 것은 바람직하지 않다. 말이 다크 패턴이지 현실 세계라면 사기와 같다고도 볼 수 있지 않을까? 다크 패턴이 아닌 다른 방식으로 사용자들을 불러들이게끔 하는 것이 앞으로 우리의 역할 중 하나라고 생각한다. 2. Figma 활용법 (2) 복습 Figma 활용법 (2) 강의가 끝나고 부족했던 부분을 한번 더 해보는 시간을 가졌다. 어제 머리를 싸매면서 만들었던 아코..
[0314_본캠프 18일차] 📚 오늘의 공부 아티클 스터디 / Figma 활용법 (2) 3주차 과제 1. 아티클 스터디 오늘은 조금 색다른 '침착맨의 디자인 감각 테스트'라는 영상을 보고 스터디를 진행했다. UI/UX를 배우는 것과 관계없이 누구나 UI를 보고 편하게 느끼는 부분은 비슷한 것 같다. 다만 그것이 왜 편하게 느껴지는지에 대한 설명이 어려운 것인데, 시각 디자인을 전공한 침착맨의 묘한 논리적인 설명이 인상 깊었다.. 해당 업계에서 일하지 않는 사람들에게도 이해할 수 있을 정도로 더 많이 배우고 내 것으로 만드는 공부를 많이 해야 할 것 같다. 2. Figma 활용법 (2) 3주차 과제 이번엔 세 가지 과제가 주어졌다. 이미지 슬라이드 과제는 비교적 수월하게 해결했지만 아코디언과 버튼 변화과정 만들기는 쉽지 않았다. 팀원..
[0313_본캠프 17일차] 📚 오늘의 공부 아티클 스터디 / Figma 활용법 (2) 3주차 강의 1. 아티클 스터디 '내향형 디자이너가 대문자 E 팀에서 살아남는 방법'이라는 아티클을 가지고 스터디를 진행했다. 제목 그대로 내향형 디자이너의 회사생활 생존방법이었다. 업무 이야기가 아니라도 가벼운 커피챗을 통해 동료들과 라포(유대감)를 형성하다 보니 동료들이 원하는 방향이 무엇이고 어떤 생각을 가졌는지 자세히 이해할 수 있었다고 한다. 또한 경청도 중요하지만 의견을 피력하는 것도 중요하다는 내용도 있었는데 나와 같은 내향형 디자이너에겐 말하기란 어쩌면 조금 노력이 필요한 부분일 듯하다. 단순히 디자인 능력뿐만 아니라 '동료들과의 관계', '스스로에 대한 확신을 갖고 자신감 있게 말하기'이 함께 키워나가야지..! 2. Figma 활..
[0312_본캠프 16일차] 📚 오늘의 공부 아티클 스터디 / Figma 활용법 (2) 2주차 강의 & 과제 / 특강 1. 아티클 스터디 오늘은 '임영웅이 바꿔놓은 음악시장 UI(?)' 라는 주제의 아티클을 가지고 스터디를 진행했다. '임영웅'이라는 키워드가 호기심을 불러와서 선택하지 않을 수 없었다.. 🤣 요약하자면 임영웅이 불러온 ‘트로트 열풍’이 플랫폼 이용자들의 연령대를 완전히 바꾸어놨고, 그것이 UI까지 영향을 받았다'는 내용이다. 여기서 해당 플랫폼은 유튜브 뮤직이다. 임영웅의 출현으로 50-60 이상의 사용자가 증가했고, 이들은 특정 타겟을 고려해 UI의 크기를 키웠다. 누군가는 이 디자인을 구리고 촌스럽다고 생각할 수 있지만, 이는 특정 타겟층의 편의를 고려한 따뜻한 디자인이라고 생각한다. 하지만 특정 타겟을 위해 모..
[0311_본캠프 15일차] 📚 오늘의 공부 아티클 스터디 / Figma 활용법 (2) 1주차 강의 & 과제 1. 아티클 스터디 오늘부터 팀원들과 함께 아티클 스터디를 진행했다. 시간을 두고 각자 관심이 가는 아티클을 찾았고 서로 공유하며 오늘의 아티클을 결정했다. "유퀴즈 온 더 블럭에서 배운 디자인 씽킹" 이라는 주제였는데, 무단횡단을 하는 어르신들을 상대로 행동의 원인을 직접 찾아가 물어보고 솔루션을 도출해낸 이야기이다. 당연하다고 느껴지는 부분에 동의하지 않고 의문을 가져서 새로운 솔루션을 가져오는 부분이 되게 인상적이었다. 자주 보는 프로그램을 UX관점에서 볼 수 있었다는 점, 사용자의 행동에 심층적으로 파고들었다는 점이 좋았고 '중요한 것은 사용자를 사랑하는 마음'이라는 것을 다시금 인지할 수 있었다. 2. Figma 활..
본캠프 3주차 WIL 🤨 The Four Fs 적용하기 Q1. 지난 일주일 동안 가장 인상 깊었던 배움에는 뭐가 있었지? 컴포넌트, 인스턴트, 배리언츠, 프로퍼티 Q2. 그 배움까지 다가가는데 어떤 어려움이 있었지? 강의를 한번, 두 번.. 계속 돌려봤다 Q3. 그 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었었지? 지금까지 알고 있었던 것들이 내 것이 아니었고, 더 많이 보고 연습하자!!!! Q4. 결과적으로, 현재 나의 상태는 어떻게 되었지? 내 현재 위치를 알 수 있었다.. 아자!!!🔥🔥🔥 Q5. 이 상태에서 다음 일주일을 더 잘 보내려면 무엇이 필요할까? 주말에 부족한 개인과제 피드백 개선과 이번 3,4주차 강의를 다시 보면서 복습을 많이 해야겠다.
[0308_본캠프 14일차] 📚 오늘의 공부 Figma 활용법 (1) 3주차, 4주차 강의 & 과제 / 특강 1. Figma 활용법 (1) 3주차, 4주차 강의 & 과제 / 특강 3주차에서는 UI 디자인 원리 기초, 디자인 시스템의 개념과 원리, 파운데이션과 스타일에 대해서 배웠다. 오늘은 플러그인으로 많은 감탄사가 나온 날이었다. 'Responsive'라는 플러그인을 통해 반응형 웹사이트 그리드를 만들었고, 'Coolors'와 'Styler' 그리고 'Auto Documentation'을 통한 컬러스타일, 폰트스타일을 만들었다. 이제는 손수 한 땀 한 땀 만들 필요가 없어졌다 🤣 4주차에서는 컴포넌트, 인스턴트, 배리언츠, 프로퍼티에 대해 배웠다. 알고는 있지만 제대로 설명은 할 수 없는 그런 상태였는데 이번 강의 과제를 하면서 ..
[0307_본캠프 13일차] ✔️ Figma 활용 (1) 1, 2주차 내용 복습 및 정리 1. 프레임과 그룹 프레임 그룹 피그마에서 코드 블록을 만드는 기능이자, 실제 화면으로 인식하는 개체 여러 개체를 하나로 담는 기능 프레임은 디자인을 코드로 바꿀 때 개발이 가능한 코드 블록으로 만들어진다 박스 모델의 박스 하나하나가 피그마에서 프레임이라는 기능으로 구현되는 셈 프레임은 다른 개체나 프레임을 넣을 수 있기 때문에, **컨테이너(Container)**라고도 불린다 그룹은 다양한 경우에 사용할 수 있다 여러 개체를 조정하거나 디자인을 정리하는 등 편의를 위해 여러 개체를 하나로 담는 기능 프레임과 달리 그룹은 코드 블록으로 인식되지 않는다 2. 레이어의 원근 레이어 : 개체 하나하나가 만드는 가상의 층 레이어의 원근 : 화면을 보..

티스토리툴바