본문 바로가기
닫기
필터

Page of 9
  • 초보 UI 디자이너를 위한 UI 스터디 방법 ( UI Design Study for Beginners )

    UI 디자인을 배우고는 싶은데, 어떻게해야할까? UI 디자인, 일단 예쁜 시안들을 따라만들어보면 되는걸까? 혼자 고민하고있는 당신에게 간단한 해법과, 그 이유를 알려드립니다. - 현재 브런치에서 디자인관련 분석글과, UI 디자인 관련 번역글을 연재하고있습니다. 브런치 주소 https://brunch.co.kr/@clay1987 - 이 내용은 UI 디자인 연구소 - 단톡방에 올려진 자료를 정리하여 만들어진 컨텐츠입니다. 저희 단톡방은 잡담이 불가능한 방입니다. 단톡방에 들어오시려는 분은 - 이용안내문을 꼭 확인해주세요! https://brunch.co.kr/@clay1987/113 #UI스터디 #초보UI디자인 #UI공부방법

    초보 UI 디자이너를 위한 UI 스터디 방법 ( UI Design Study for Beginners )

  • UI디자이너의 2차전직, 두가지 전문화 방법 ( UI Designer's Specialization Skill Tree )

    변화하는 IT 업계 상황에서 과연 어떤 준비를 해야할까요? 이번 시간에는 UI 디자이너가 살아남기위한 두가지 전문화방법에 대한 이야기를 나눠보겠습니다. 또한 그 전문화과정에서 어떤 기술들이 필요한지를 하나하나 정리해보았습니다. 이 영상은 5년차 이상의 UI 디자이너들의 진로결정에 대한 내용이지만. 초심자분들이나 공부중인 2~3년차 디자이너들에게도 도움이 될만한 내용입니다. - 현재 브런치에서 디자인관련 분석글과, UI 디자인 관련 번역글을 연재하고있습니다. 브런치 주소 https://brunch.co.kr/@clay1987 - 이 내용은 UI 디자인 연구소 - 단톡방에 올려진 자료를 정리하여 만들어진 컨텐츠입니다. 저희 단톡방은 잡담이 불가능한 방입니다. 단톡방에 들어오시려는 분은 - 이용안내문을 꼭 확인해주세요! https://brunch.co.kr/@clay1987/113 #UI디자이너의2차전직 #UI디자이너스킬트리 #웹개발공부

    UI디자이너의 2차전직, 두가지 전문화 방법 ( UI Designer's Specialization Skill Tree )

  • UI 디자이너의 핵심역할 ( UI Designer's Actual Role )

    UI 디자이너는 대체 어떤 역할을 해야할까요? 생각보다 이런 질문에 대답할 수 있는 실무자나, 초심자가 많지않다는거, 알고 계신가요? 이번 시간에는 실무에서 UI 디자이너가 실제로 해야하는 역할. 그리고 실제로 공부해야하는 내용들을 이야기해봅니다. UI 디자이너에게 실제로 가장 중요한 핵심능력은 디자인 시안작업이 아닙니다. 오히려 논리적 사고와, 최적화된 설계방법을 아는 것이죠.그리고 기본적인 OS와 프레임워크 공부까지 해냈다면 이정도면 충분히 한 사람의 UI 디자이너의 역할을 하고있다고 말할 수 있겠네요. - UI 디자이너의 3단계 성장과정에 대한 내용이 궁금하다면, 아래의 글을 읽어보세요! https://brunch.co.kr/@clay1987/108 - 현재 브런치에서 디자인관련 분석글과, UI 디자인 관련 번역글을 연재하고있습니다. 브런치 주소 https://brunch.co.kr/@clay1987 - 또한 오픈 카톡방에서 주기적으로 UI 디자인 관련 브리핑을 진행하고있으니, 많은 관심 부탁드립니다 ! UI 연구소 단톡방 안내 https://brunch.co.kr/@clay1987/113 #UI디자이너의역할 #UI디자인실무 #UI설계

    UI 디자이너의 핵심역할 ( UI Designer's Actual Role )

  • 01_Adobe XD_인터페이스 살펴보기

    아래 링크에서 Adobe XD를 다운로드 하여 설치하고 인터페이스를 살펴 봅니다. https://www.adobe.com/kr/products/xd.html?promoid=PYPVQ3HN&mv=other

    01_Adobe XD_인터페이스 살펴보기

  • #12 제플린 대체용 가이드라인 플러그인 Sketch Measure - 스케치 강좌

    스케치 강좌 열 두 번째입니다. 이번에는 스케치 플러그인 중 'Sketch Measure'를 추천하는 영상입니다. 가이드라인을 작업하는 데 도와주는 플러그인입니다! UI 디자인의 완성은 개발이죠! 개발자 분들에게 가이드라인을 전달해줘야하는데... 불행하게도 제플린을 사용하지 못하는 상황이 존재합니다. 01. 보안에 예민한 프로젝트 02. 제플린을 사용하지 않는 회사 업무 환경 03. 가이드라인 문서 제작 이렇게 제플린을 사용 못하는 경우 대체용으로 사용하는 것이 Sketch Measure 플러그인입니다! 가이드라인을 쉽고 빠르게 하는 제작할 수 있습니다. 영상을 통해 사용 방법을 간단하게 배워보세요. 스케치 플러그인 : https://www.sketch.com/extensions/plu... Sketch Measure 플러그인 : https://github.com/utom/sketch-measure *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

    #12 제플린 대체용 가이드라인 플러그인 Sketch Measure - 스케치 강좌

  • #11 추천 플러그인 Rename it 레이어 이름 쉽게 하기 - 스케치 강좌

    스케치 강좌 열 한 번째입니다. 이번에는 스케치 플러그인 중 'Rename it'을 추천하는 영상입니다. 작업 중간에 혹은 마무리 지을 때 레이어나 그룹, 아트보드 명을 정리해야 하는데, 이름을 쉽게 바꿀 수 있도록 도와주는 플러그인입니다! 사용 방법은 크게 2가지가 있습니다. 이름을 처음부터 규칙성 있게 정하는 방법 하나와 변경할 이름을 찾아 다른 이름으로 바꾸는 방법 하나입니다. 단축키를 외워두면 작업 능률이 올라가니까 한 번 해보세요.ㅎㅎ 스케치 플러그인 : https://www.sketch.com/extensions/plugins/ Rename it 플러그인 : http://rodi01.github.io/RenameIt/ *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

    #11 추천 플러그인 Rename it 레이어 이름 쉽게 하기 - 스케치 강좌

  • #9 스케치 60 핵심 업데이트 컴포넌트 패널과 팝오버 살펴보기 - 스케치 강좌

    스케치 강좌 아홉 번째입니다. 이번에 아주 큰 변화가 있었죠! 바로, 스케치 버전 60으로 되면서 컴포넌트 패널과 팝오버 형식으로 업데이트된 점입니다. 기존에 심볼이나 스타일을 사용할 때 불편했던 점을 많이 개선됐습니다. 어떻게 바뀌었는지 저랑 빠르게 한 번 살펴봅시다 : ) *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

    #9 스케치 60 핵심 업데이트 컴포넌트 패널과 팝오버 살펴보기  - 스케치 강좌

  • #8 스케치에서 프로토타입 만드는 방법(Prototyping) - 스케치 강좌

    스케치 강좌 여덟 번째입니다. 이번에는 스케치 자체 프로토 타이핑 기능을 배워보겠습니다. 스케치 49로 버전업 되면서 새로 선보인 기능이지만, 어도비 XD에 비해 기능이 숨어있어서 안 쓰시는 분들도 있더라고요. 사용법이 쉬운 만큼 아주 가볍게 알아보겠습니다. 주의할 점은 아트보드 사이즈를 스케치 프리셋에 없는 사이즈로 작업할 시에 Custom으로 나오게 되는데 그럴 때는 스크롤이 안 되는 경우가 있습니다. 프리셋에 따로 커스텀 사이즈를 등록 후에 프로토 타이핑 기능을 이용하면 문제없이 잘됩니다. *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

    #8 스케치에서 프로토타입 만드는 방법(Prototyping) - 스케치 강좌

  • #7 반응형 UI?! 리사이징(Resizing) - 스케치 강좌

    스케치 강좌 일곱 번째입니다. 이번에는 리사이징 기능을 배워보겠습니다. 스케치 툴에서 가장 신박한, 포토샵에는 없는 기능 중에 하나죠. 아트 보드의 사이즈를 바꿀 경우에 그 사이즈에 맞게 반응형 웹처럼 잡아주는 기능입니다. 만약 안드로이드로 작업했을 경우에 360*640으로 했을 텐데 iOS 작업도 해야 되는 경우라면 375*667로 늘려줘야 되는 거죠. 그럴 때 각 요소들을 스케일로 늘리는 것이 아니라 UI 디자이너의 의도에 맞게 리사이징이 됩니다. ps. UI 강좌는 아주 열심히 준비 중입니다. 곧 만나요 : ) *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea *BGM 사용 출처 Track: Syn Cole - Gizmo [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/pZzSq8WfsKo Free Download / Stream: http://ncs.io/Gizmo

    #7 반응형 UI?! 리사이징(Resizing) - 스케치 강좌

  • #6 스타일 가이드를 위한 필수 기능 Text Style, Layer Style - 스케치 강좌

    스케치 강좌 여섯 번째입니다. 이번에는 스케치의 핵심 기능 중 Text Style, Layer Style에 대해 알아보겠습니다. 저번 시간에 배운 심볼과 같이 사용해야 빛을 바라죠. 스타일 가이드라고 들어보셨나요? 어떤 건지 자세히 알아보고, 심볼과 스타일 가이드를 어떻게 사용하는지 알아보겠습니다. 컬러시스템, 타이포그래피, 심볼을 활용해서 컴포넌트로 등록해서 작업하면 유지 보수를 아주 효율적으로 할 수 있습니다. 다음 강좌로는 스케치 리사이징에 대해 알아볼게요. 구독과 좋아요는 강좌를 만드는 데 힘이 됩니다. ^^ 궁금한 점이 있다면 댓글로 남겨주세요. ps. 영상 끝부분에 말한 것처럼 실무에서 활용 가능한 UI 디자인 강좌를 준비 중입니다. 고퀄로 준비하는 중이라 시간이 조금 걸릴 수 있지만, 많은 관심 부탁해요 :) *스케치 툴은 Mac OS에서 사용이 가능합니다. 누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 스케치 툴의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다. : ) ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea *BGM 사용 출처 Track: Robin Hustin x TobiMorrow - Light It Up (feat. Jex) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/bdE_SyHad90 Free Download / Stream: http://ncs.io/LightitupYO Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/DqUQW3xyQ1c Free Download / Stream: http://ncs.io/FastLaneYO

    #6 스타일 가이드를 위한 필수 기능 Text Style, Layer Style - 스케치 강좌

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기