본문 바로가기

Design6

썸네일 스케치하기 썸네일(Thumbnail)이란? 썸네일이란 엄지손가락 손톱만한 스케치를 말하며, 정식 작업 전 주로 아이디어 정리를 간단히 표현하기 위해 사용되던 일종의 스케치입니다. 즉 만들고자 하는 작품의 대강을 미리 그려 다른 사람으로 하여금 전체적인 감과 레이아웃 등을 알 수 있게 해주는 스케치를 말합니다. 2020. 10. 15.
[모바일 디자인] 디바이스별 픽셀 밀도 이해하기 Device Pixel Density 모바일을 포함한 반응형 웹 디자인과 밀접한 관련이 있는 장치 별 픽셀 밀도에 대해 알아보도록 하겠습니다. 오늘 날과 같은 발빠르게 다변화하고 있는 환경, 즉 수많은 디바이스를 접하는 시대에 디바이스마다 각각 픽셀을 어떻게 처리하고 있으며, 이에 대응하는 방법이 무엇인지를 알아야 합니다. TV 해상도 비교 픽셀 밀도(Pixel Density) 픽셀 밀도란 공간(대부분 inch에서 사용)에 픽셀이 들어가는 물리적인 수치를 말합니다. (국내에서는 센치미터나 밀리미터를 사용하지만 해외에서는 인치를 사용하기 때문에 인치가 기준) 제록스에 의한 연구결과로 나온 첫 번째 맥킨토시 컴퓨터(애플2)는 인치당(inch) 72픽셀이었습니다. 첫 번째 맥킨토시 컴퓨터인 Apple 2에서는.. 2020. 10. 5.
신사임당 쇼핑몰 cosette.kr/index.html 인테리어소품 :: 코제트 본 결제 창은 결제완료 후 자동으로 닫히며,결제 진행 중에 본 결제 창을 닫으시면 주문이 되지 않으니 결제 완료 될 때 까지 닫지 마시기 바랍니다. cosette.kr 홈퍼니싱 사업 (이케아) 2020. 8. 28.
사이트별 가로 크기 네이버 (https://www.naver.com/) 1190px 다음 (https://www.daum.net/) 1080px 제이티스튜디오 (https://studio-jt.co.kr/) 1262px / 100% 2020. 7. 24.
그리드 시스템 그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따르면 자동으로보다 일관된 UI를 얻게 됩니다. 그리드 시스템은 균일한 요소와 간격을 사용하여 플랫폼, 환경 및 화면 크기에 일관성을 부여하고 그래픽 요소의 체계적인 배열을 도와줍니다. 또한 협업의 목적으로 .. 2020. 7. 24.
색상 선택 도구 https://material.io/design/color/the-color-system.html#color-usage-and-palettes Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io https://material.io/resources/color/#!/?view.left=0&view.right=0 2020. 7. 24.