본문 바로가기

디자인/디자인이론8

8-Point 그리드 시스템 8-Point 그리드 시스템 출처 : https://medium.com/built-to-adapt/intro-to-the-8-point-grid-system-d2573cde8632#.oh33ss65e*왜 px단위가 아닌 pt단위인지는 https://brunch.co.kr/@blackindigo-red/18를 참고하세요 :)디자이너라면 웹 사이트나 잡지, 모바일 앱 등 무엇을 디자인하든 간에 ‘그리드’라는 용어를 들었을 것입니다. 모든 종류의 콘텐츠는 ‘그리드’라는 시스템을 이용해 배치됩니다. 우리는 가로 그리드를 사용하여 콘텐츠의 내용을 정렬하고 세로 그리드를 사용하여 텍스트 본문을 세로로 정렬합니다. 소프트 그리드와 하드 그리드는 우리가 이 시스템을 얼마나 엄격하게 준수하는지 설명합니다. 저는 브린 잭.. 2018. 8. 12.
[UX] 이해 관계자들의 다양한 관점 이해 관계자들의 다양한 관점 쉽게 말해 아들이 그네를 만들어 달라고 가정한다면? 각 포지션에 따른 이해 공감갑니다. 이미지 출처 : http://www.wysiwygventures.com/how-projects-really-work/ 2014. 10. 4.
[폰트저작권] 콘텐츠에 사용된 폰트 저작권 침해 문제_폰트와 저작권 콘텐츠에 사용된 폰트 저작권 침해 문제 -폰트와 저작권- 박종률 법무법인 현 변호사∙변리사 출처 : http://koreancontent.kr/1925 디자이너들은 한번쯤 느껴봤을 폰트 사용에 있어서의 고민입니다. 다운로드 ▼ -------------------------------------------------------------------------------------------------- 폰트 사용에 대해 모든 디자이너가 한번쯤 고민했던 문제였던 것 같아 얼마전 제 페북에 내용이 좋아 공유했던 글을 블로그로 옮깁니다. 자주 들여다 보는 카페에서도 심심찮게 볼 수 있는 폰트 저작권 질문들에 조금은 도움이 될까 생각해봅니다. ---------------------------------------.. 2014. 6. 19.
[뽀샵] 파일 포멧 포토샵 파일 포멧 Photoshop (PSD, PDD) 포토샵 파일의 고유포맷으로 새로 만든 이미지의 초기값 파일 포맷, 포토샵에서 지원하는 모든 모드에서 저장가능, 2.5 이후 버전부터 저장 과정중에 자동압축됩니다. 이미지의 복잡정도에 따라 자동으로 압축되며 이미지의 손상은 전혀 없습니다. BMP (BMP, RLE, DIB) DOS와 윈도우 호환용 컴퓨터를 위한 표준 윈도우 비트맵 이미지 포맷입니다. 저장시 나타나는 옵션 대화상자에서 IBM PC호환 기종의 시스템 운영체제에 따라 Microsoft Window나 OS/2포맷인지를 설정하고 이미지의 심도는 24비트까지 설정합니다. 인터넷을 하다가 웹에 있는 BMP 이미지를 저장 할 때 파일 이름을 xxx.jpg 로 바꿔주면 jpg 파일로 다운로드가 가능합.. 2014. 1. 15.
[모바일 web] 레이아웃 참고 XHDPI 이미지는 360*530px로 되어 있으며 DP개념을 도입하여 최신 스마트폰에 맞춘 XHDPI의 화면 레이아웃을 구성한다. 2013. 10. 8.
[모바일 web] 모바일 웹 디자인 가이드 [web]모바일 웹(APP) 디자인 가이드 ※ 안드로이드 기준으로 설명하고 있고 반드시 정해진 규칙에 따라야 하는 것은 아니나 기본적인 가이드를 따르면 훨씬 보기 좋은 디자인을 만드는데 도움이 될 수 있다. 기기 및 디스플레이 다양한 높이와 너비를 지원하기 위해 레이아웃을 유연하게 작업한다. 화면의 크기에 맞추어 레이아웃을 최적화 한다. 여러 종류의 화면해상도 리소스를 제공해야 한다. 테마 일관적인 스타일을 적용할 수 있도록 안드로이드가 제공하는 3가지 시스템 테마 (아이스크림 샌드위치) 3개의 테마를 기준으로 수정한 디자인(스타일) 적용 가능 터치 피드백 터치 및 제스처 결과를 강조하고 가능과 불가능 액션을 표시 다양한 상태를 알려주는 터치 피드백 디자인 길이 및 격자 터치할 수 있는 UI는 48DP단.. 2013. 10. 8.