총 181개
-
[웹디자인] 관심있는 웹페이지를 선정하여 웹페이지 요소들의 배치된 위치2025.05.051. 웹페이지 분석 저는 인스타그램 웹페이지를 분석해보았습니다. 인스타그램은 사진과 영상을 공유하는 소셜 미디어 서비스입니다. 인스타그램의 웹페이지는 사용자들이 계정을 관리하고 컨텐츠를 업로드하는 기능을 제공합니다. 웹페이지의 디자인컨셉은 미니멀리즘입니다. 배치된 위치는 중앙에 로고가 위치하고, 헤더에는 검색 바, 로그인 버튼 등이 위치합니다. 본문 내용은 스크롤 다운을 하면 보이며, 게시글 목록이 나열됩니다. 색상은 블루와 화이트가 주를 이룹니다. 사용된 웹효과 기능으로는 게시글 스크롤링, 좋아요 버튼 등이 있습니다. 2. 자신이...2025.05.05
-
[웹디자인학과] 디자인어워드 조사 과제2025.01.161. 점자로 디자인한 한국 문화유산 아름다운 한국의 문화유산을 보지 못하고 느끼지 못하는 시각장애인과 비장애인들을 위해 모두가 보고 느낄 수 있도록 점자와 시인성이 높은 컬러들을 조합하여 새롭게 디자인하였다. UV gloss 인쇄 기법을 접목해 점마다 돌출을 주어 비장애인, 시각장애인들이 보고 손으로 직접 만지고 느낄 수 있도록 제작하였다. 한국 문화유산으로 여러 가지가 있지만 그중에서도 형태가 다양하고 실제로 만질 수 없거나 보기 힘든 것, 시각장애인들이 꼭 보고 느낄 수 있으면 좋겠다고 생각한 해태, 청자 투각 칠보 무늬 향로,...2025.01.16
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
UIUX 웹퍼블리셔 양성과정 프로그램 개발2025.01.151. 프로그램 개발 최근 청년층의 취업난이 심화되고 있는 상황에서, 많은 기업들이 인재 부족을 겪고 있는 것으로 나타났습니다. 이에 따라 청년층 취업난과 기업의 인재 수요를 해결할 수 있는 UIUX 웹퍼블리셔 양성과정 프로그램을 개발하였습니다. 이 프로그램은 디자인 기초, 모바일 웹, 스마트 웹 & 앱 디자인 프로젝트, 반응형웹, HTML5 & CSS3, Javascript & jQuery, Bootstrap 등의 교육 내용으로 구성되어 있으며, 실무 프로젝트를 통해 실무 능력을 배양하는 것을 목표로 합니다. 또한 취업 지원 프로세...2025.01.15
-
HTML5를 이용하여 아래의 표를 생성하시오2025.05.081. HTML5 HTML5는 웹 문서를 작성하기 위한 최신 버전의 HTML 언어입니다. 이 언어를 사용하면 다양한 웹 요소를 쉽게 구현할 수 있습니다. 이 문제에서는 HTML5를 사용하여 주어진 표를 생성하는 방법을 설명하고 있습니다. 2. 웹 테이블 HTML5에서는 <table> 태그를 사용하여 테이블을 생성할 수 있습니다. 이 태그 안에 <tr>과 <td> 태그를 사용하여 행과 열을 구성할 수 있습니다. 또한 rowspan과 colspan 속성을 사용하여 셀의 크기를 조절할 수 있습니다. 1. HTML5 HTML5는 웹 개발의 ...2025.05.08
-
로고&웹사이트 리브랜딩 PDF2025.01.241. 로고 디자인 로고 디자인은 기업의 정체성과 브랜드 이미지를 나타내는 핵심적인 요소입니다. 로고는 간단하면서도 기억에 남는 시각적 상징물로, 기업의 가치와 철학을 효과적으로 전달할 수 있어야 합니다. 로고 리브랜딩 과정에서는 기존 로고의 장단점을 분석하고, 새로운 로고 디자인 컨셉을 개발하여 기업의 정체성을 효과적으로 표현할 수 있도록 해야 합니다. 2. 웹사이트 리브랜딩 웹사이트 리브랜딩은 기업의 온라인 이미지와 사용자 경험을 개선하는 과정입니다. 웹사이트 리브랜딩에는 사용자 인터페이스 디자인, 네비게이션 구조, 콘텐츠 전략 ...2025.01.24
-
커뮤니케이션디자인 디자인마케팅 레퍼런스 사례조사2025.01.201. 커뮤니케이션 디자인 커뮤니케이션 디자인은 청중과 소통하며 시각적 메시지를 만들고 다양한 미디어를 수단으로 실용적 정보를 전달하는 방법입니다. 이는 시장 조사, 창의성, 문제 해결, 타겟팅, 메시지 전달 등 디자인 마케팅적 요소를 포함하며, 기존의 시각 위주의 디자인에 편집디자인, 웹, 그래픽 디자인, 로고 디자인, 브랜딩 등이 포함됩니다. 2. 티몬의 스페셜 로고 활용 티몬은 기념일을 나타내는 스페셜 로고를 사용하여 소비자의 눈길을 끌고 있습니다. 홈페이지 개편 후 웹디자인이 단순해지면서 스페셜 로고도 간결해졌지만, 이를 통해...2025.01.20
-
웹 개발과 사용자 경험2025.05.131. 사용자 중심 디자인 사용자의 요구와 기대를 충족시키기 위한 사용자 중심 디자인 방법론은 웹 개발에서 매우 중요한 역할을 합니다. 이를 통해 사용자의 만족도와 충성도를 높이고, 제품의 사용성을 향상시킬 수 있습니다. 사용자 테스트, 프로토타이핑, 반복적 설계 과정 등이 핵심적인 접근법이 되고 있습니다. 2. 인공지능과 머신러닝 사용자 경험을 최적화하기 위해 인공지능(AI)과 머신러닝(ML) 기술이 활용되고 있습니다. 사용자의 행동 패턴을 분석하고 예측하여 개인화된 서비스를 제공하는 등 이러한 기술은 사용자 경험 향상에 기여하고 ...2025.05.13
-
RGB와 CMYK의 차이점과 실제 사용 사례2025.01.041. RGB와 CMYK의 개념 RGB와 CMYK는 모두 색상을 표현하는 방식이지만, 각각의 특성과 용도가 다르다. RGB는 디지털 장치에서 색상을 표현하기 위한 방식으로, 밝기와 색조를 조절하여 다양한 색상을 표현할 수 있다. 반면에 CMYK는 인쇄물에서 색상을 표현하기 위한 방식으로, 시안, 마젠타, 옐로우, 블랙의 색상을 혼합하여 다양한 색상을 만들어낸다. 이러한 특성 때문에 RGB는 웹 디자인, 디지털 이미지, 비디오 등에서 사용되고, CMYK는 인쇄물, 출판물, 포스터 등에서 사용된다. 2. RGB와 CMYK의 차이점과 사용...2025.01.04
1 / 19
