웹 디자인

뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위한 UX 디자인 개론 수업입니다. 빠른 시간 안에 기본기가 충실한 UX, UI디자이너가 되기 위한 방법들을 실무자의 관점에서 "대방출"하겠습니다.

애플 웹사이트 인터랙션 클론!

애플 웹사이트에 자주 등장하는 고급 인터랙션 효과들을 처음부터 직접 개발하는 방법을 배울 수 있습니다.

[2021년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

2021년 12월말까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강으로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다.

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위해 준비한 "피그마로 UI디자인하기 A to Z" 수업입니다. 스케치 앱, 포토샵을 전혀 모르는 분도 피그마만 활용해 UI디자인 전문가가 될 수 있도록 기초부터 고급 기능까지 알려드립니다.

실전! 웹사이트제작! Step by Step! (대방산업_InteractiveWeb)

[웹사이트제작 Step By Step] 3단계 강의로, 대방산업 메인페이지를 그대로 제작해 보는 과정입니다. 사이트에서 담고있는 화려한 인터렉티브 웹을 그대로 제작 구현해 보는 과정으로 화려한 만큼, 난이도가 있는 강의입니다.

반응형 웹사이트 포트폴리오(Architecture Agency)

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. (반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식입니다. 현재로서는 기존 웹사이트가 기존 방식으로 제작된 레이아웃이 대부분이기 때문에 Flex와 Grid도 학습해야 하지만 기존 방식 레이아웃을 반드시 학습하시고 잘 사용해야 합니다.)

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Application Course)

돕다 사이트 제작 Application Course로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. 무료 강의로 오픈한 돕다 사이트 Basic Course의 Layout과 Animation 위주의 단순한 구조의 코딩에서 Fixed header, Image Slider, Mobile navigation, Scroll Animation, 반응형 등을 추가하며 코딩 하나하나를 수정보완하며 완성해가는 웹페이지 제작 실전! 강의입니다. (본강의는 반드시 돕다-Basic Course(무료강의)를 들으시고 수강하셔야 학습 효과가 크다고 볼 수 있습니다.)

웹디자인기능사필기기출문제풀이-디자인개론

이 과정은 웹디자인 기능사 자격증 필기를 합격해야 하는 분을 대상으로 하는 과정입니다. 디자인 개론, 인터넷 일반, 웹 그래픽 디자인 과목중 첫번째로 "디자인 과목 기출 문제 풀이"과정입니다. 꼼꼼하게 이해하고 합격하는 것이 목표입니다.

실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)

HTML5와 CSS3를 활용하여 웹사이트(한화캐미컬/솔루션)를 제작 실습과정으로, PC 모드 레이아웃과 반응형 페이지 제작을 완벽히 이해하고, 활용할 수 있는 실전! 웹페이지 제작 ! Step by Step!의 Basic Course 강좌입니다. (강의 완성 파일 첨부!)

실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹)

실전! 웹사이트 제작! Step By Step의 Applcation Course로 html/ CSS/ jQuery 와plug_in을 사용하여 와이스튜디오(http://www.ystudio.co.kr/) 의 메인페이지를 그대로 제작해 보는 과정입니다. (강의 완성 파일 첨부!)

예민한 UX 디자인

지난 20년간 UX 프로젝트를 수행한 경험을 바탕으로 저만의 노하우를 여러분께 전해드리고 싶었습니다. UX 개념부터, UX 원칙, UX 방법을 체계적으로 알려드리고자 합니다. UX를 처음 접하는 분, UX에 대해 관심이 있는 분, UX 개념을 체계화하고자 하는 분, UX 실무에 대해 관심이 있는 분에게 적합한 수업입니다.

실전! 웹사이트제작! Step by Step! (뮤자인_반응형웹)

[웹사이트제작 Step By Step] 3단계 강의로, 뮤자인(https://musign.net) 메인페이지를 그대로 제작해 보는 과정입니다. 사이트에서 담고 있는 화려한 인터렉티브 웹을 그대로 제작, 구현해 보는 과정으로 복잡한 레이아웃도 쉽고 빠르게 제작하는 실무 핵심 노하우를 그대로 알려드립니다^^

스케치앱 디자인 기초다지기[Sketch]

스케치 툴의 기본적인 사용 방법에 대해서 알아보는 클래스 입니다

웹디자인기능사 실기 문제풀이 A-1

웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.

실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)

[웹사이트제작 Step By Step] 초급 강좌로, 한국소비자시대 웹진(현재는 리뉴얼 됨) 메인페이지를 그대로 제작해 보는 과정입니다.

[BASIC] 만들면서 배우는 Figma UI Design

Figma라는 새로운 디자인 툴에 대해 아직 고민하고 계신가요? 쉽고 빠르게 하나씩 따라 하다 보면 어느새 나도 피그마 전문가!

퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준

웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다.

실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course)

'호텔 현대라한_목포점' 사이트 제작으로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. html/css기초 지식이 있는 분들을 대상으로 html Markup과 Layout제작에 대한 이해는 물론 Fixheader, Image Slider, MenuOpen Bar, Scroll Animation 제작까지의 웹에서 꼭 필요로한 skill을 배울 수 있는 웹페이지 제작 실전! 강의입니다.

[MASTER] 만들면서 배우는 Figma UI Design

피그마를 다룰 줄 알지만, 컴포넌트에 대한 활용이 다소 익숙하지 않은 경우 이 강의가 도움되리라 생각합니다.

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

[웹사이트제작 Step By Step] Basic-course로, 돕다(http://dopda.co.kr/) 메인페이지를 그대로 제작해 보는 과정입니다. 본 Basic Course는 CSS 레이아웃 제작과 애니메이션에 대해 다루며, 이어서 Application-course에서는 이미지슬라이드 효과, 반응형제작, 스크롤 애니메이션, Fix Header 등의 인터렉티브 요소를 추가하여 개설될 예정입니다. (이 강의는 추후 유료로 전환됩니다.)

스케치앱 마스터 과정[Sketch App]

스케치 앱에 대한 기초적인 사용 방법을 알고는 있지만 스케치앱의 심볼과 프로토타이핑 기능을 잘 활용하고 있지 않는 경우라면 스케치앱을 잘 알고 있다고 이야기할 수 없습니다!

쉽게 만드는 웹페이지 - IUEditor 사용법

IUEditor는 반응형 웹사이트개발에 필요한 프론트엔드 코드를 자동으로 생성해 주는 웹에디터입니다. IUEditor 사용법을 알아봅니다.

Do it! 프론트엔드 웹 디자인 입문

웹 디자인 분야 베스트셀러! Do it! 프런트엔드 웹 디자인 입문이 전면 개정판으로 돌아왔습니다. 꼭 알아야할 웹 디자인 6대 기술을 소개합니다!