안녕하세요 루씨입니다. UXUI 디자이너를 위한 포스팅 첫 시리즈입니다. 빠밤~~~~ 강의 요청 중에서 웹디자이너 준비하시는 분들의 요청이 많았는데요. 그래서 준비한 모바일 디자인 시리즈입니다. 요즘 핫한 디자인 툴인 피그마를 이용해서 시리즈로 만들고 있습니다. 피그마는 책도 많지 않고 강의도 거의 없어서 피그마에 관한 요청이 가장 많네요. 부족하지만 제 강의 경험으로 포스팅과 영상을 만들고 있습니다. 일하면서 짬이 날 때마다 하다 보니 빨리 만들 수 없네요.. 그리고 영상은 편집하는 시간이 촬영보다 몇 배도 시간이 많이 걸리는 작업이라 맘처럼 잘 안되네요. 부족하지만 준비하는 분들에게 조금이나마 도움이 되었으면 합니.......

안녕하세요 루씨입니다. 한글 글꼴 눈누에서 가지고 온 폰트 리스트입니다. 폰트명과 글꼴을 대략 알수 있어서 이미지로 보관해두려고 눈누에서 이미지를 가지고 왔습니다. 해당 글꼴은 눈누 사이트에 가시면 링크가 있습니다. 보기만 해도 흐믓한 폰트입니다. 한글 폰트 심히 사랑합니다 ^^;; https://noonnu.cc/ 다운로드는 눈누 사이트에서 해주세요. 무료 폰트이지만 사용범위를 꼭 확인 후에 디자인하세요. BI 만들때는 꼭 글꼴 변형해서 사용하세요. Happy Designinggggggggggggggggggggggggg!!!

안녕하세요 루씨입니다. 지난주의 설문에서 피그마의 기능에 대해 궁금해 하시는 분들이 많았습니다. 그래서 피그마의 프로토타이핑에서 스크롤 기능을 소개합니다. 카드 , 프로필, 지도 같은 스크롤이 필요한 UI에서 프레임을 유연하게 사용할 수 있는 기능이 스크롤입니다. 가로 스크롤은 카드(캐로셋) , 세로 스크롤을 카드 리스트 또는 프로필 리스트에서, 가로 세로 스크롤은 지도에서 사용합니다. Overflow Behavior 스크롤은 프레임에만 적용 할 수 있습니다. Overflow Behavior를 적용하려면 프레임에 경계를 넘어 확장되는 컨텐츠가 있어야 적용이 됩니다. 모든 내용이 그 안에 들어가도록 프레임은 작게 안의 컨텐츠는 크게해야 제대로.......

안녕하세요 루씨입니다. 지난주에 제 블로그에서 다뤘으면 하는 포스팅 중에 디자이너가 되려면 어떤 툴을 다뤄야 하는지 알고 싶어 하셔서 UXUI 디자이너가 준비해야 할 점을 정리해 보았습니다. 그리고 학생들을 가르치다 보면 커리어 설계를 어떻게 해야 하는지에 관한 질문을 많이 받습니다. 오늘은 UXUI 디자이너가 되려면 어떻게 준비해야 하는지 소개합니다. UXUI Designer는? 웹, 앱, 태블릿, 모바일, TV, 게임, 키오스크 등을 다양한 디바이스에 맞게 설계하고 구현하는 디자이너를 말합니다. 사용자가 디바이스를 통해서 서비스를 이용할 때 겪는 모든 경험(User eXperience design)과 레이아웃, 구조, 색상, 모양 등 시각적인 디자인.......

안녕하세요 루씨입니다. 오래전부터 신입 디자이너와 디자이너를 꿈꾸는 분들을 위한 일을 생각하고 있었는데 실행이 잘 안되었네요. 고민을 많이 하다가 블로그에 의견을 물어보려고 합니다. 어떤 강좌 또는 포스팅이 여러분에게 도움이 될까요? 제 블로그는 돈을 벌기 위한 수단이 아니라 도움을 필요한 사회 초년생을 위한 블로그입니다. 뭐 거창하게는 아니지만 제 수준에서 할 수 있는 도움이 될 수 있는 일을 하고자 합니다. 예를 들면 포토샵 기능 설명, 피그마 기능 설명, 디자이너는 무슨 일을 하나요?, 디자이너로 취업하려면 뭘 준비할까요? 등등 디자인 툴, 커리어 설계 등등 다양한 방면을 생각해서 댓글 또는 메일로 남겨주세요. 블.......

안녕하세요 루씨입니다. 수년간 디자인과 개발은 각자의 프로그램으로 각자 영역에서 일해왔죠.. 서로 다른 생각과 방식으로 커뮤니케이션할 때 어려움을 겪기도 하고 타협을 하기도 하면서요.. 디자이너와 개발자 모두를 즐겁게 일할 수 있게 도와주는 기능 피그마의 Variants를 소개합니다. (너무 거창한가요 ㅋㅋ) 피그마 플레이그라운드에서 variants 설명을 자세히 볼 수 있습니다. variants 기능은 새롭게 추가되어서 책이나 강의 영상이 거의 없습니다. 본 포스팅은 피그마에서 제공하는 설명을 기반으로 합니다. 하단 링크로 원문 파일을 찾아서 읽어 보시길 권장 드립니다. https://www.figma.com/community/file/903303571898472063 우.......

안녕하세요 루씨입니다. 이웃님들은 어떤 앱을 사용해서 일정을 관리하나요? 트렐로, 네이버 메모, 구글 스프레드시트, iOS 메모 등등........ 정말 정말 정리 못하고 ㅠ.ㅠ 순서가 늘 뒤죽박죽인 저는 깔끔하게 정리하고 싶은 마음은 굴뚝인데 그러지 못하는 성격입니다. 일 할때 구글 스프레드시트로 정리하는 편인데 그것도 잘 정리가 안되서 여러 개의 앱을 사용했습니다.T.T 오늘은 노션을 소개합니다. 수업 안내할 때, 일정을 관리할 때 대부분 구글 오피스를 이용했는데 요즘은 노션으로 갈아탔습니다. 항상 비주얼적으로 판단을 많이 하는 저는 시각적인 면에서 좀더 직관적인 면에서 노션이 저에게 잘 맞는 듯 합니다. 우선 노션 웹사이.......

안녕하세요 루씨입니다. 오토 레이아웃으로 내비게이션 메뉴를 만드는 방법을 소개합니다. 글자 수가 늘어 들고 줄어들어도 아이템 사이의 간격을 일정하게 유지하고, 디바이스의 사이즈에 반응하는 위치 변경 등 오토 레이아웃으로 동적인 프레임을 만들어 볼까요? 1. 내비게이션 메뉴 만들기 문자 툴로 글자를 입력하고 크기를 18pt로 설정합니다. 2. 오토 레이아웃 적용하기 - Shift +A로 오토 레이아웃을 적용합니다. 3. Component로 만들기 - 마스터 컴포넌트로 만듭니다. (Command+Alt+K/Ctrl+Alt+K) 4. 5개의 메뉴로 구성해서 5개의 메뉴를 모두 선택하고 오토 레이아웃으로 만듭니다. 5. Space Between - 프레임의 가로 사이즈에 따라 아.......