웹디자이너 썸네일형 리스트형 웹 디자인 이론 STEP 06. 웹디자인 이론 STEP 06. 에서는 타이포그래피 가이드, 타이포그래피의 이론적인 규칙, 모바일 UI 디자인 구성요소의 섹션 별 명칭에 대해 정리했습니다. STEP 05.와 마찬가지로 알고 있다면 모바일 작업을 할 때 유용한 내용입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. 타이포그래피 가이드 타이포그래피 규칙 1. 한 가지 서체 사용 몇 가지 글꼴 변형 및 크기로 사용할 수 있는 OTF 서체를 선택하는 것이 작업하기 편하다. 하지만 반드시 OTF서체를 선택해야 하는 것은 아니다. 개인의 작업 기획이나 방향성에 맞춰서 서체를 선택하면 된다. 2. 서체의 스타일을 사용해서 구분 시각적으로 구별되는 방식으로 내용을 표현하면서 최적의 가독성을 유지할 수 있.. 더보기 웹 디자인 이론 STEP 05. 웹디자인 이론 STEP 05. 에서는 모바일 앱에 관한 내용, 모바일 앱의 종류, 모바일 작업 가이드에 대해 정리했습니다. PC와 마찬가지로 항상 따라오는 작업이므로 잘 숙지하고 있으면 실무에서 많은 도움이 될 것입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. 모바일 앱(Mobile APP) PC에 비해 모바일에서의 UX는 크기가 작은 기기라는 한계를 극복해야 하므로 복잡한 것을 단순하게 만드는 작업이 필수이다. 사용자의 본능이 기억하고 있는 무의식적인 행동의 규칙을 파악하여 사용자의 규칙을 디자인하고 최종 목적인 행동을 이끌어내야 하므로 모바일에서의 UX는 UX패턴 디자인이라고 할 수 있다. 1. 모바일 앱(Mobile App) 스마트폰에 최적화된 응.. 더보기 웹 디자인 이론 STEP 04. 웹디자인 이론 STEP 04. 에서는 BX 마이크로사이트 디자인, BX사이트 레이아웃의 종류와 구동의 종류, BX 설계 디자인 레이아웃, BX 마이크로 사이트의 종류에 대해 정리했습니다. 각 기업이나 브랜드들에서 판매촉진이나 각종 이벤트, 캠페인 등을 진행할 때 마이크로사이트를 많이 사용하는 만큼 실무에서 활용도가 많은 영역입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. BX 마이크로사이트 디자인 BX(Brand eXperience)는 사용자가 브랜드를 느끼는 경험 또는 브랜드의 정체성을 구축하기 위한 컨설팅이다. 마이크로 사이트(Micro Site)는 독립적으로 광고하는 작은 사이트이며, 개별적인 목적에 맞도록 설계되며, 기존의 기업이나 브랜드의 홈페.. 더보기 웹 디자인 이론 STEP 03. 웹디자인 이론 STEP 03. 에서는 UI 디자인의 실무 용어를 문서, 기획서, 퍼블리싱, 디자인의 4가지 분야로 나누어서 알아보도록 하겠습니다. 각 분야별 용어를 알아두어야 실무에서 다른 팀원들과 회의를 하거나, 업무를 진행함에 있어서 수월하기 때문에 정리하게 되었습니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. UI 디자인 실무 용어 - 문서 1. RFP(Request For Proposal) 업무, 기술, 운영 요구에 해당하는 요구사항을 발주처에서 작성하여 제시하는 제안요청 문서 2. RFI(Request For Information) RFP에 명시된 주요 요구사항에 대해 제안 참여 업체에서 요구사항 별로 질의를 통해 답변 요청하는 문서 3. IA(.. 더보기 웹 디자인 이론 STEP 02. 웹디자인 이론 STEP 02. 에서는 GNB 레이아웃, 서브 UI 디자인 레이아웃, 인터랙션 디자인이란 무엇인지, 그리고 큰 틀에서의 UI작업 방식에 대해 정리해봤습니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. GNB 레이아웃 - 마우스를 GNB메뉴에 Over 하거나 Click 했을 때 Drop-down되는 메뉴들을 "Mega Menu"라고 하며 상세 메뉴가 한 번에 나오는 구조를 가지고 있다. - 메뉴 구조가 복잡하고 많은 대형 웹사이트에서 사용하고 있으며, 작은 사이트의 경우에도 쉬운 접근성 때문에 많이 사용하고 있다. Mega Menu : "Mega Drop-down Menu"라고도 불린다. 서브 UI디자인 레이아웃 1. GNB(Grobal Nav.. 더보기 웹 디자인 이론 STEP 01. 웹디자인 이론 STEP 01. 에서는 UX Design과 UI Design디자인 용어에 대한 정리와 각 디바이스 환경에 따라 어떻게 구분되는지, 마지막으로는 우리가 매일 접하는 웹사이트의 구성에 대해 간단하게 정리해봤습니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. UX 디자인이란? UX(User eXperience)란 사용자가 시스템, 서비스, 제품과 상호작용하면서 얻는 모든 측면의 경험(감정, 느낌, 생각)을 의미한다. 총체적인 경험을 UX라고 하며 컨설팅 기획이라고도 한다. UI 디자인이란? UI(User Interface)란 사용자와 서비스가 만나는 접점을 말하며, 디자인적인 측면을 말한다. 온라인으로도 사용자들에게 콘텐츠를 제공하고 사용할 수 있.. 더보기 이전 1 2 다음