I'm shake it shake it

피그마를 사용하면서 커뮤니케이션을 하는 방법은 여러가지가 있죠~ 그 중 하나는 comment를 이용하는 방법입니다. 대화 Tip! 더보기 '/' 키를 누르면 바로 접속해 있는 타 사용자와 대화가 가능합니다. 이 때 우리는 커뮤니케이션이 완료되면 resolve 처리를 하게 되는데요, 해당 질문에 대한 답변 완료, 문제가 해결되었다는 의미 입니다. 이 때 이전에 대화했던 내용을 다시 보고 싶다면? comment history(코멘트 히스토리)를 확인하면 됩니다! comment 단축키는 C 입니다. 다시 피그마 화면에서 작업을 하고 싶다면 단축키 V(moVe) 를 클릭하면 됩니다. C(Comment)를 클릭하면 오른쪽 패널이 아래와 같이 바뀌게 됩니다~ 동그라미 친 부분이 필터 인데요, Sort by date..

제가 작업을 하다가 radio button과 checkbox 를 사용할 일이 있었습니다. 아무생각 없이 썼는데, 기능은 같은데 통일성이 떨어지는 겁니다. 불편... 이런 상황이 발생한 겁니다. [radio btn] 전체 버튼을 누르면 자동으로 전체 선택되어 필터가 적용됨. [check box] 체크박스를 모두 선택하면 전체 선택되어 필터가 적용됨. 그래서 갑자기 뭘 쓰는게 더 효과적일까? radio button은 언제, checkbox는 언제 써야할까? 를 고민하게 됐습니다. 여기에서 다른 점을 발견하게 되었는데, radio는 OR, checkbox는 AND 조건으로 검색을 합니다. radio btn이 더 정확한 선택을 할 수 있고, check box가 더 폭 넓게 선택할 수 있다는 점입니다. radio..

요즘 개발도 기획도 많이 사용하는 툴이죠 ? Figma 라는 프로그램입니다. 반응형 웹/앱이 우후죽순 나오는 시점에서 "반응형"으로 화면 설계를 할 수 있고, 인터넷이 가능한 환경이라면 어디에서 누구나 함께 작업할 수 있기 때문에 협업툴로 사랑 받고 있습니다! Figma를 사용할 때 매우 유용한 단축키 알려드릴게요. # 화면 이동 1. space 바 + 마우스 2. 마우스 휠 클릭하여 이동 # 화면 줌인/줌아웃 1. ctrl + 마우스 휠 # 복사 1. ctrl + c # 붙여넣기 1. ctrl + v # 복제(복사 붙여넣기 동시에) 1. ctrl + d # 요소 직선으로 이동(가로 혹은 세로) 1. shift + 마우스 드래그 # 텍스트 1. T # 선택 1. V # 코멘트 달기 1. C # 그룹화 1..

2023년도 UX 트렌드를 알아보겠습니다. 플랫디자인, 미니멀리즘, 뉴모피즘, 스큐어모피즘, 글라스모피즘, 비대칭 요소에 대해서 설명해드리려고 합니다. 플랫 디자인(plat design) * 명료함, 간결함, 기능성에 중점을 둔 플랫 디자인 → 사랑받는 디자인 * 미니멀한 디자인 스타일은 선명한 색상, 대담한 타이포그래피, 깔끔한 선을 사용 * 그라데이션과 그림자 배제 * 시각적인 군더더기가 없어지면 콘텐츠의 우선순위를 높일 수 있어 사용자 경험 향상 * 플랫 디자인은 다양한 디바이스에서 빠르고 부드러운 로딩 제공 * 반응형 디자인 및 저속 인터넷 속도를 가진 모바일 기기에 이상적임 미니멀리즘(Minimalism) * 깔끔한 미학과 기능성을 강조 * 제한된 색상 팔레트, 충분한 여백, 적은 그래픽, 선명..