1. 오늘의 아티클(주제) 1)https://brunch.co.kr/@jisungmin/21 UI 디자인 완성도 올리기, 레이아웃 편(1) 리듬과 균형이 주는 생명력 | 구글 머티리얼 디자인 3에 대한 지속적인 업데이트와 보완점을 논하고 소통하고자 하는 목적으로 만들어진 사이트가 바로 머티리얼 디자인 블로그입니다. 블로그 brunch.co.kr 2) https://brunch.co.kr/@august9/345 UI 디자인 가이드 : 디자이너의 즐겨찾기 * 해외 필자의 글을 기반했기 때문에 국내에 더 좋은 사이트가 있을 수 있겠네요. * 하지만 대부분 통용되므로 누락없이 기재합니다. 나중에 국내편을 따로 다뤄봐야겠네요. :) 디자이너를 위한 brunch.co.kr 2. 아티클 정보 요약 1) 레이아웃의 리..

1. 아코디언 홈페이지 내 내용을 펼쳤다 접을 수 있는 컴포넌트. 정보를 숨겼다 제자리에 위치 시키는 기능 2. 드롭다운 선택창에 버튼을 누르면 세부 항목이 펼쳐지고 하나를 선택할 수 있음. 3. 콤보박스 드롭다운 형태에서 입력 필드 기능을 결합한 형태 4. 라디오버튼 여러 옵션 중 한가지만 선택할 수 있는 기능 5. 체크박스 여러 옵션 중 다중 선택할 수 있는 기능 6. 브레드크럼 사이드 이동 경로. 사용자가 어느 경로로 현 페이지에 와 있는지 나타냄 ex) 홈 > 가구 > 패브릭 7. 토클 아이폰 on/off 기능처럼 특정 기능을 키고 끌 때 사용. 스위치와 용 8. 툴팁 i 아이콘과 같은 요소와 함께 마우스를 가져다 대면 설명이 보여짐 9. 스피너 숫자값 입력창. 직접 입력하거나 위아래 버튼으로 조..

FACTS 이번 일주일 동안 있었던 일, 내가 한 일 피그마 기초 기능 학습(3-4주차 강의) 실제 앱 화면 클론, 개선안 아이디에이션 및 피그마 구현 공간 디자인 컨퍼런스 참석 FEELINGS(느낌, 주관)나의 감정적인 반응, 느낌 실제 사용하고 있는 어플을 주의 깊게 본 적이 없었는데, 이번 기회에 ui적으로 분석할 수 있어서 좋았다. uiux에 관심이 없을 때부터 깔끔하고 단순해서 마음에 들었던 인터페이스였다. 어떻게 하면 앱의 기본 기능에 충실하고 방해되지 않는 디자인을 구현할지 직접 클론 해보면서 알아가게 되어 좋았다. 대신 단순한 레이어 배치 이외 타이포그래피로 계층 구조 형성, 색 사용, 오토프레임, 토글 등 다양한 기능 사용에 있어서는 아직까지 많이 부족하다. 내가 과연 이 앱의 개선점을 ..

Framework 실제 사용자의 문제에 대한 해결책을 만들고, 문제를 해결하기 위한 과정과 최적의 방안들에 대해 가이드라인을 제공해 주는 개념적 도구 Design thinking framework 리서치, 프로토타이핑(유저가 누구인지, 문제가 무엇인지, 디자인이 꼭 내포해야하는게 무엇인지 도와주는 테스트)같은 활동을 포함한 문제 해결을 위해 유저 중심적으로 접근하는 방식 이는 공감, 정의, 아이디어, 프로타입, 테스트가 포함 된다 공감(Empathize) 유저의 문제점, 원하는 것, 필요한 것, 제품을 경험하는 각 맥락에 대한 이해를 배워야 함. 가정과 추측을 멀리하고, 리서치 결과에 기반하여 나중 단계를 위한 의사 결정을 해야 함 정의(Define) 공감 단계에서 행한 리서치 결과를 분석하고, 어떤 유..

피그마 플러그인 기능을 활용해 쉽고 빠르게 템플릿을 제작할 수 있다. 아래 피그마 플러그인 기능 소개 1. 템플릿 가이드 1) 목업 기능 https://www.figma.com/community/plugin/817043359134136295 Mockup | Figma Community Just select a device, choose a frame, and your design appear on the screen. Easiest mockup plugin The plugin has 3 main functions: Mockup library. The fastest way to use a mockup for your project. Big collection of the highest quality and..

1. 웹 서비스 선정 - 스픽 선정 이유 최근 주변 지인에게 추천받아서 재밌게 사용하고 있는 영어 학습 어플. 처음 봤을 때도 불필요한 요소들 없이 깔끔한 인터페이스와 직관적인 디자인들이 세련됐다고 느껴졌다. 듀오링고, 말해보카 같은 앱들을 써봤지만 꾸준히 하기 힘들었는데 이 어플은 이상하게 자꾸 손이 간다. 스픽이 이를 어떻게 UIUX적으로 풀어 나갔는지 스터디하고자 선정해보았다. 서비스 소개 원어민 없이도 원어민과 실제로 대화하는 것과 같은 경험을 제공하는 스픽의 AI 기술은 매일 10,000분 이상 수집되는 한국인의 영어 음성 데이터 학습을 통해 매일 더 정교해집니다. 한국인의 영어 발음을 정확히 인식하는 스픽의 음성인식 모델은 0.1 초 이내의 빠른 인식 속도와 95% 이상의 높은 정확도로 제품 ..