단축키내용Hhand toolVmove toolCtrl + 마우스휠확대 및 축소Space bar + 마우스 이동일시적인 hand toolR네모 생성O원 생성I색상 아이드로퍼Ctrl + G그룹화Ctrl + R레이어 이름 변경Ctrl + D / Alt + 마우스복제Ctrl + Shift + C이미지 복사Ctrl + Alt + C속성 복사Ctrl + Alt + K컴포넌트 생성Ctrl + Alt + B인스턴스 해제Shift + R눈금선 생성
🖌️ Design
개인화시스템이 정보, 기능, 컨텐츠 등을 사용자의 니즈와 기대에 따라 실시간으로 추천해주는 상황을 의미한다. 예를 들면 넷플릭스, 유튜브 등이 있다. 넷플릭스에서 국내 멜로드라마만 시청했다면 앞으로 넷플릭스는 자동으로 국내 멜로 드라마만 보여줄 것이다. 이와 같이 여러 기업들은 고객의 니즈에 맞춰 커스터마이징한 서비스를 제공하기 위해 노력한다. 제공화를 왜 제공할까?사용자들은 애플리케이션에서 커스터마이징을 제공받을 때 편리함을 느낀다. 더 나아가 애플리케이션과의 유대감을 느껴 해당 브랜드에 대한 충성을 이끌어낸다. 궁극적으로 사용자가 더 오래 머물도록 하고, 더 많은 서비스를 소비하게 만들기 위해서다. 과도한 개인화개인화된 경험은 굉장히 편리하다. 그치만 늘 취향에 맞는 것을 추천해주기에 다른 취향 또..
스큐어모피즘은 Skeuos(도구) + Morphe(형태)의 합성어로 실감나는 시각적 효과를 중시하며 대상의 질감, 형태 등을 보이는 그대로 구현하는 디자인 기법이다. 쉽게 말해 현실 세계의 메타포를 그대로 모바일 안으로 옮겨 놓은 것이다. 대표적 예시로 아이폰 iOS6이다. 덕분에 스마트폰이 인터페이스가 익숙하지 않던 사용자들은 현실세계와 흡사한 디자인으로 쉽게 습득할 수 있었다. 역시 스티브잡스,,, 해당 디자인은 한계가 있었는데, 디자이너의 노력이 상당히 들어가고 용량 과부하이다. 이를 보완하고자 나온 디자인은 플랫디자인이다. 스큐어모피즘의 사실적인 이미지를 깨끗하고 미니멀하게 대체하고 사실적인 텍스쳐와 그림자 등을 배제하게 된다. 플랫디자인이란 복잡한 그래픽 효과를 배제하고 단순한 색상과 구성을 ..
Features제품이나 서비스에서 하나의 기능을 의미한다. 쉽게 말해 사용자가 직접 사용할 때 직접 경험할 수 있는 구체적인 기능이나 요소를 의미한다. 핵심이 되는 기능은 Key Features라고 칭한다. Feasibility디자인 및 개발의 리소스, 기간, 예산 등을 현실적으로 따져봤을 때 실제 구현 가능한지를 의미한다. VOC(Voice Of Customers)고객의 목소리, 고객의 의견, 피드백, 요구사항 뜻으로 서비스나 제품을 이용한 실제 고객들이 남긴 모든 반응을 의미한다. UGC(UserGenerated Content)사용자 생성 콘텐츠라는 뜻으로 기업이 아닌 사용자 본인이 직접 작성하고 공유하는 글, 사진, 영상, 후기 등을 의미한다. UGC는 중요한 요소로 광고보다 실제로 사용자가 만든..
✔ UX랑 UI는 어떻게 다른가?UX는 서비스 및 제품을 사용하면서 총체적으로 느끼는 사용자의 경험과 디자인이라면,UI는 사용자가 서비스 및 제품을 사용하면서 인터렉션하게 되는 제품의 접전 디자인이다.예시를 차로 한다면 엔진의 힘, 의자의 푹신함, 빨리 달릴 때 느낌은 UX에 해당하고,계기판, 운전대, 페달, 의자 조절 장치는 UI에 해당한다. ✔ 좋은 UI와 예쁜 UI는 확연하게 다르다. 사용자에게 가치를 제공하기 위해서는 니즈와 결핍을 충족시켜야한다.사용자의 니즈를 잘 파악한 예시로는 양꼬치 기계이다. 그렇다면 사용자의 니즈를 어떻게 파악할까?Context: 사용자가 제품을 사용하는 시간, 장소, 상황, 사회문화적 환경Behavior: 사용자가 제품과 실제로 인터렉션하는 방식Needs: 무언가를 필요..
게슈탈트 이론과 형태 심리학은 UI/UX 디자인의 기본이 되는 시각 인지 원리이다. 사용자가 화면에서 정보를 어떻게 보고, 해석하는지를 이해하는 데 중요하게 사용된다. 게슈탈트 이론게슈탈트는 형태, 형상을 뜻하는 독일어이다. 게슈탈트 이론에 따르면 사람은 전체 이미지를 각 부분들 사이의 상호 관계와 맥락 속에서 지각한다. 1. 폐쇄성의 법칙기존의 지식을 토대로 완성되지 않은 형태를 완성된 형태로 지각한다. 위 그림은 원도 삼각형도 아니지만 우리는 친숙한 형태와 이미지를 떠올리고 보이지 않는 선을 이어 삼각형으로 인식한다. 즉, 무질서해 보이는 원과 꺽쇠들 사이에서 삼각형을 떠올리고 거기에 통일감을 느낀다. 2. 유사성의 법칙유사한 자극 요소들을 묶어서 지각한다. 따라서 개별 요소를 보기보단 하나의 집합..
