반응형

Design 6

웹디자인기능사를 이용해 기획, 디자인 구현하기

웹디자인기능사를 이용해 기획, 디자인 구현하기 웹디자인 기능사에 나온 문제 중 A-1 Just쇼핑몰 기획서를 가지고 기획, 디자인, 웹퍼블리싱을 구현해 보려고 한다. 웹디자인 요수사항 pdf를 보면 요구사항, 사이트맵, 와이어프레임 등 기획에 필요한 내용이 구체적으로 명시되어 있어 웹린이들이 참고하기에 좋은 자료라고 생각한다. 물론 실무와는 다른 부분이 있을 수 있지만, 기획, 디자인, 코딩을 처음 접하는 웹린이에게는 좋은 자료가 될 것이다. 1. 웹디자인 기능사란? & 자료 다운로드 웹디자인 기능사는 웹사이트를 기획하고 디자인하며, 웹표준에 맞춰 구현하는 업무를 수행하는 기능사 취득자를 말한다. 큐넷 : https://www.q-net.or.kr/crf005.do?id=crf00505&gSite=Q&j..

Design 2023.11.05

모바일 UI·UX 디자인 가이드라인

https://brunch.co.kr/@chulhochoiucj0/8 모바일 UI·UX 디자인 시 고려해야 할 가이드라인 1 애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기 device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모 brunch.co.kr https://m2.material.io/design/guidelines-overview Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams b..

Design 2023.09.11

해상도, RGB 컬러 이해하기

해상도 Device Pixel Density 위 3개의 이미지 중 어떤 이미지가 가장 고퀄입니까? TV해상도를 비교한 그림입니다. 위 그림에서 어떤 TV가 가장 화질이 좋은가요? 픽셀이란? 디지털 이미지를 구성하는 가장 작은 단위 하나의 픽셀은 화면에서 표현할 수 있는 가장 작은 점 하나를 의미한다. 첫번째 맥킨토시 컴퓨터(Apple2)는 인치당 72개의 픽셀을 가지고 있었다. 구이(GUI)라고 불리는 Graphic User Interface 는 제록스에 의해 개발되었지만 스티븐 잡스가 맥킨토시 컴퓨터에 탑재하게 된 것입니다. 그 이후 마이크로 소프트사에서도 GUI 를 도입하면서 윈도우 운영체제를 만들게 된 것입니다. 픽셀 기반의 GUI 가 처음 나왔을 때는 사람들이 인식하기 쉬운 그림인 그래픽 아이콘 ..

Design 2020.10.05

그리드 시스템

그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따르면 자동으로보다 일관된 UI를 얻게 됩니다. 그리드 시스템은 균일한 요소와 간격을 사용하여 플랫폼, 환경 및 화면 크기에 일관성을 부여하고 그래픽 요소의 체계적인 배열을 도와줍니다. 또한 협업의 목적으로 ..

Design 2020.07.24
반응형
티스토리 친구하기