2
반응형 UIUX | 모바일 UIUX
UI 정보 구조 설계하기 1. 정보 설계 구성 • 수립된 UI/UX 전략을 바탕으로 스마트 문화 앱 UI 디자인 개발에 필요한 정보 구조를 설계할 수 있다. 1. 정보 설계 정보 설계의 목적은 사용자와 앱의 상호작용을 원활하게 하여 사용자가 원하는 정보를 쉽 고 빠르게 찾을 수 있도록 하는 데 있다. 사용자 요구 사항으로부터 도출된 콘텐츠와 기 능 구조를
3
모달을 써야 할까 페이지를 써야 할까?
상세 페이지를 Full Screen Modal로 사용하게 된 이유 | 들어가며 Modal(모달)은 UX 디자인에서 가장 많이 사용하는 컴포넌트 중 하나이다. 모달은 사용자의 시선을 집중시키기 위할 때 사용하는 컴포넌트로 예를 들어 메일을 삭제하는 것과 같이 유저의 특정 행위 이후에 기존의 데이터를 더 이상 복구하거나 볼 수 없는 경우 모달을 사용하여 사용
2
디자인 | 웹 디자인 준비 Tip
IT 서비스가 아니더라도 제조업, 물류업 등의 서비스도 해당 서비스를 소개하는 소개 페이지를 갖고 있을 정도로 필수가 되어버린 ‘웹’을 디자인하는 건 무척 큰 캔버스에 그림을 그리는 일입니다. 어떤 그림을, 어떤 사이즈에 그리고 다음 페이지로 연결할지 막막하다면 이번 글을 통해 다양한 자료를 확인하고 필요한 요소를 찾아낼 수 있기를 바랍니다.
5
사이트 만들기 프로젝트_레이아웃편
사이트 만들기 프로젝트입니다.
디자인부터 레이아웃까지 이루어지는 강의합니다.
디자인, 레이아웃 파트별로 되어 있습니다.
2
이미지 최적화의 모든 것, 최고의 완벽 가이드
이미지 압축 및 최적화의 역사는 인터넷 자체만큼이나 길다고 할 수 있습니다. 웹 사이트가 처음 온라인에 등장한 이후로 웹 디자이너들은 더 나은 성능을 위해 이미지 파일을 압축하는 방법을 모색해 왔습니다. 그러나 오늘날에는 이미지 최적화 환경은 복잡합니다. 온라인 또는 오프라인에서 이미지 크기를 조정하는 데 사용할 수 있는 도구가 많이 있습니다. 예를 들어,
5
반응형웹이론-HTMLCSS중급편
모든 디바이스에 대응할 수 있는 반응형웹 및 모바일웹이론을 공부해봅시다!
요즘은 반응형웹을 쓰지 않고는
홈페이지를 만들기 어려우므로 꼭 배워보세요.
처음 접하시는 분들도, 예전에 배우셨던 분들도,
쉽게 배울 수 있는 예제 영상들을
앞으로 올릴 예정입니다.
8
[ Rock's Easyweb] 웹디자인을 위한 포토샵 기초
웹디자인을 위한 포토샵 기초 #1
- 컬러모드
- vector vs bitmap
- 그래픽 포멧
- 웹디자인을 위한 포토샵 패널 정리하기
#webdesign #photoshop
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
멤버쉽 가입하기: https://www.youtube.com/channel/UCax1DP6hqZowNWF2lquKk0w/join
오프라인 수업 문의: ezwebpub@gmail.com
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
6
웹디자인기능사-실전편
웹디자인기능사 실기 레이아웃 짜기 입니다.
60점 이상이 목표인 자격증 시험을 위한 강의이며,
마이크가 강의용 마의크라 녹음 상태가 좋지 않은 점 양해 바랍니다.
강의자료가 필요하신 분은 yulssem_nim@naver.com 으로 메일주시면 보내드리겠습니다.
감사합니다.
22
웹디자인 기능사
웹디자인 기능사 실기 준비를 위한 동영상입니다.
웹 디자인 기능사의 여러가지 유형을 익혀야 하며
기본적인 제이쿼리는 꼭 외워야 합격하는 시험입니다.
동영상만 보고 따라하면 누구나 딸 수 있도록 제작하였으며
일주일만 공부해도 딸 수 있다고 생각이 듭니다.
소스 다운로드
https://github.com/webstoryboy/webd
59
웹 디자인 피드백 [시청자 컨펌]
구독자 및 시청자분들의 디자인을 피드백해주는 재생목록입니다. 다양한 의견들을 받고 신중하게 제 개인적인 소신을 말씀드리는 곳입니다. 컨펌을 받은 디자인은 유튜브에 업로드가 됩니다.
8
Responsive Website Using HTML CSS And JavaScript
Responsive website using HTML CSS And JavaScript
7
Figma Auto layout: Learn to create flexible designs and components
In these auto layout tutorials, you’ll learn how to create fluid and responsive designs to save time, bring designs closer to your final product and to technologies like flexbox. The tutorials will guide you through the process from a blank canvas to a completed component. Please comment on what you’d like to see us build next!