반응형

HTML 4

텍스트 유형 페이지를 만들자!

텍스트 유형이란? 텍스트 유형 사이트는 텍스트가 주요 콘텐츠인 웹 사이트를 말합니다. 이러한 사이트는 주로 글을 중심으로 정보를 제공하고, 이미지나 동영상보다는 텍스트를 통해 정보를 전달합니다. 예를 들어, 뉴스 사이트나 블로그, 정부 기관의 법률정보 제공 사이트, 학술지 등이 텍스트 유형 사이트에 해당합니다. 이러한 사이트에서는 텍스트가 핵심 콘텐츠이기 때문에, 텍스트의 품질과 내용의 신뢰성이 중요합니다. 텍스트 유형 사이트는 디자인적인 요소나 그래픽보다는 정보 전달에 중점을 둔 사이트이기 때문에, 디자인이 간결하고 직관적인 것이 좋습니다. 또한, 검색 엔진 최적화(SEO)를 고려하여, 텍스트의 키워드 사용과 구성 등이 중요합니다. 텍스트 유형 장점 정보 전달에 뛰어남 : 텍스트가 핵심 콘텐츠이기 때문..

코딩 공부/HTML 2023.03.19

이미지 텍스트 유형 페이지를 만들자!

이미지 텍스트 유형이란? 이미지 텍스트 유형은 크게 두 가지로 나뉩니다. 포함된 이미지 텍스트 (Included Image Text) : 이미지에 직접 포함된 텍스트로, 이미지 파일 자체에 포함된 텍스트를 의미합니다. 예를 들어, 로고나 헤더 이미지 등에서 사용됩니다. 인식 가능한 이미지 텍스트 (Recognizable Image Text) : 이미지에 포함된 텍스트를 OCR (Optical Character Recognition) 기술 등을 사용해 인식 가능한 텍스트를 말합니다. 이러한 텍스트는 이미지와 함께 웹 페이지나 문서에서 노출될 수 있습니다. 예를 들어, 웹사이트에서 이미지에 포함된 제목이나 캡션 등에서 사용됩니다. 장점 검색 엔진 최적화 (SEO) : 이미지에 포함된 텍스트를 검색 엔진이 인..

코딩 공부/HTML 2023.03.14

이미지 유형 페이지를 만들자!

이미지 유형 페이지란? 이미지 유형 UI는 사용자 인터페이스(UI)에서 이미지를 사용하여 사용자 경험을 개선하고 시각적인 효과를 주는 것을 의미합니다. 이는 일반적으로 웹, 모바일 앱, 데스크탑 애플리케이션 등 다양한 디지털 플랫폼에서 사용됩니다. 형태 제품 이미지를 사용하여 제품 정보를 보여주는 제품 카탈로그 이미지 슬라이더를 사용하여 다양한 이미지를 보여주는 이미지 갤러리 아이콘 이미지를 사용하여 메뉴나 버튼을 보여주는 아이콘 메뉴 장점 시각적인 효과 이미지를 사용하면 일반적인 텍스트나 아이콘보다 더욱 시각적인 효과를 줄 수 있습니다. 예를 들어 제품에 대한 이미지를 사용하면 제품의 외관을 더욱 잘 보여줄 수 있으며, 효과적인 광고 효과를 얻을 수 있습니다. 인지도와 기억력 향상 이미지는 텍스트보다 ..

코딩 공부/HTML 2023.03.11

카드 유형 페이지

카드 UI의 장점 주요 콘텐츠를 카드로 구성할 경우 거의 무한대로 확장하거나 변형할 수 있어 활용이 쉽습니다. 반응형 디자인에서 카드 UI가 많이 쓰이는 이유이기도 합니다. 여러 디바이스를 통해 서비스를 이용하는 환경에서도 일관된 경험을 제공할 수 있습니다. 1. 컨텐츠 덩어리 채로 분리 비슷한 속성에 맞춰서 섹션이 분리가 되어 텍스트 양을 줄이고, 정보의 조각을 하나의 유의미한 정보로 붙여줍니다. -> 정보 정리 전달이 잘 됩니다. 2. Easy to Digest (정보 확인이 쉬움) 사용자들의 정보 접근과 인식을 도와줍니다. 3. 시각적 즐거움 카드 기반 디자인은 이미지 정보에 의존적입니다. 이미지는 효과적/즉각적으로 관심을 이끌어 사이트/모바일 디자인에 효과적입니다. 4. 다양한 스크린 사이즈에 잘..

코딩 공부/HTML 2023.03.07
728x90
Adventure Time - BMO