프로토타입(Prototype) 은 웹사이트나 앱 개발에서 실제 원하는 방식으로 서비스가 작동되는지 테스트하는 과정을 말합니다. 요즘 모바일 사용이 급증하는 만큼 모바일로 터치 제스터로 구현되는 방식을 개발 단계에서 테스트는 꼭 필요한 과정인데요. 어도비 XD는 디자인에서 프로토타이핑까지 올인원 프로그램입니다. 위의 영상은 프로토타이핑을 XD에서 간단하게 구현했습니다. 타이틀을 클릭하면 메인으로 이동하고 사진 이미지를 클릭하면 상세페이지로 이동하는 터치가 적용되었습니다. 드래그 / 키 / 음성 등으로 인터렉션을 줄 수 있습니다. 모바일 또는 키오스크 에서 다양하게 인터렉션을 시험해 볼수 있습니다. 아직은 기본적인 종류.......

디자인의 분석 방법 중에서 SWOT 분석에 대해 공부해 보겠습니다.SWOT는 강점(Strength), 약점(Weakness), 기회(Opportunity), 위협(Threat)의 머리글자를 모아 만든 단어로 경영 전략을 수립하기 위한 분석 도구입니다 . 디자인에서도 브랜드를 SWOT분석으로 정확한 진단을 하고 디자인 컨셉을 설정하는 기초를 닦습니다.브랜드의 강점 기회 뿐만아이라 약점과 위협까지 찾아 크리에이티브한 대응 전략을 세우는 방법으로 내부요인과 외부요인으로 나눌수 있습니다. 내부 요인으로 강점(Strength), 약점(Weakness)이 있고, 외부 요인으로 기회(Opportunity), 위협(Threat)이 있습니다.예를 들어서 영화배우 루씨가 있습니다. 그녀의 강점과.......

디자인의 분석 방법 중에서 SWOT 분석에 대해 공부해 보겠습니다. SWOT는 강점(Strength), 약점(Weakness), 기회(Opportunity), 위협(Threat)의 머리글자를 모아 만든 단어로 경영 전략을 수립하기 위한 분석 도구입니다 . 디자인에서도 브랜드를 SWOT분석으로 정확한 진단을 하고 디자인 컨셉을 설정하는 기초를 닦습니다. 브랜드의 강점 기회 뿐만아이라 약점과 위협까지 찾아 크리에이티브한 대응 전략을 세우는 방법으로 내부요인과 외부요인으로 나눌수 있습니다. 내부 요인으로 강점(Strength), 약점(Weakness)이 있고, 외부 요인으로 기회(Opportunity), 위협(Threat)이 있습니다. 예를 들어서 영화배우 루씨가 있습니다. 그녀의 강점과 약.......

1. 정사각형, 정원 그리기 - Shift 누른채로 드래그2. 도형 그린 후 속성 패널에서 사이즈 설정하기3. 모서리 곡률 주기 -원하는 모서리만 안쪽으로 곡률 넣기4. 속성패널에서 모서리 곡률 설정원, 사각형, 다각형 모두 같은 방법으로 하면 되욧!!!어도비 XD 로 도형그리기 참 쉽죠?? XD의 매력에 빠져보세요~~

1. 정사각형, 정원 그리기 - Shift 누른채로 드래그 2. 도형 그린 후 속성 패널에서 사이즈 설정하기 3. 모서리 곡률 주기 -원하는 모서리만 안쪽으로 곡률 넣기 4. 속성패널에서 모서리 곡률 설정 원, 사각형, 다각형 모두 같은 방법으로 하면 되욧!!! 어도비 XD 로 도형그리기 참 쉽죠?? XD의 매력에 빠져보세요~~

HTML 코딩할 때 어떤 에디터를 사용하시나요? 저는 2000년대부터 코딩해와서... 음.... 라떼는... 드림위버로 시작했습니다. 디자이너가 처음으로 코딩할때 좀 쉽게 접근할 수 있는 에디터 인거 같아요.. 하지만 사용할 수록 무겁다는 느낌이 많이 듭니다. 그후에는 울트라 에디트.. 에디트 플러스 등등 회사에서 개발자들이 사용하는 에디터로 강제로 갈아타탔는데요. 정 없을 때는 메모장을 열어서도 합니다.ㅠ.ㅠ 하지만 요즘에는 무료로 사용할 수있는 에디터가 많아서 메모장을 열 필요가 없어졌죠^^그래서 무료로 사용할 수 있는 코딩 프로그램을 소개합니다. Bracket http://brackets.io/어도비에서 만든 오픈 소스 에디터입니다. H.......

HTML 코딩할 때 어떤 에디터를 사용하시나요? 저는 2000년대부터 코딩해와서... 음.... 라떼는... 드림위버로 시작했습니다. 디자이너가 처음으로 코딩할때 좀 쉽게 접근할 수 있는 에디터 인거 같아요.. 하지만 사용할 수록 무겁다는 느낌이 많이 듭니다. 그후에는 울트라 에디트.. 에디트 플러스 등등 회사에서 개발자들이 사용하는 에디터로 강제로 갈아타탔는데요. 정 없을 때는 메모장을 열어서도 합니다.ㅠ.ㅠ 하지만 요즘에는 무료로 사용할 수있는 에디터가 많아서 메모장을 열 필요가 없어졌죠^^ 그래서 무료로 사용할 수 있는 코딩 프로그램을 소개합니다. Bracket http://brackets.io/ 어도비에서 만든 오픈 소스 에디터입니다. Html과.......

어도비 XD 의 인터페이스를 소개합니다. 직관적인 인터페이스여서 많은 설명이 필요하지 않지만 UI의 명칭을 정리했습니다.저는 윈도우 계열의 컴퓨터를 사용하여 맥과 살짝 다른 UI이라서 윈도우 계열의 컴퓨터 사용자를 위한 것입니다. 상단 패널만 다르고 나머지는 같습니다.c. 아트보드 디자인 작업을 하는 대지d. 페이스트보드 아트보드를 뺀 나머지 부분 A. 디자인 모드 아트보드에 디자인 작업을 할 수 있다.B. 프로토타입 모드디자인의 프로포타입을 해 볼 수 있다.C. 공유 모드디자인 검토, 개발, 프레젠테이션 및 사용자 테스트를 위한 링크를 만들고 공유E. 문서로 초대 / F. 디바이스에서 미리보기 / G. 미.......