디자인 (8) 썸네일형 리스트형 디자이너의 즐겨찾기 : 디자인 영감을 위한 사이트 목록 디자이너를 위한 필수 도구 그리고 영감을 위한 즐겨찾기 1N년차 디자이너의 즐겨찾기 목록이예요. 디자인 영감받고 싶을 때 찾아보는 즐겨찾기 사이트와 다양한 디자인 툴을 정리해봅니다. 구분이름특징URL디자인 영감DribbbleUI/UX, 그래픽, 일러스트 등 다양한 디자인 작업물을 공유하는 커뮤니티 갤러리dribbble.comBehance디자이너들의 포트폴리오와 프로젝트 쇼케이스 플랫폼behance.netAwwwards최신 웹디자인 트렌드와 수상작을 감상할 수 있는 사이트awwwards.comPinterest이미지 기반으로 디자인 레퍼런스를 검색할 수 있는 플랫폼pinterest.comCSS Design Awards창의적이고 혁신적인 웹사이트 디자인을 큐레이션cssdesignawards.comM.. [무료폰트] 페이퍼로지 무료폰트 페이퍼로지 프리젠테이션용으로 G마켓에서 배포한 G마켓산스 폰트를 많이 쓰는데요.그 폰트의 글자너비를 5%좁게 하고 굵기도 9단계로 제작되어 다양하게 쓸 수 있는 폰트가 나왔습니다.유튜버 페이퍼로지님의 이름을 딴 폰트구요. 상업적 이용이 가능한 OFL(오픈폰트라이선스)이고 지마켓폰트보다 무게도 가볍게 만들었고 일본어도 적용이 되는게 특징입니다.다운로드는 아래 링크에서 가능합니다. 라이선스는 오픈폰트라이선스 정책으로 상업적이용이 가능합니다. https://freesentation.blog/paperlogyfont PAPERLOGY FONT페이퍼로지가 선택한 폰트! 지마켓산스의 한글과 Montserrat의 영문을 결합한 '페이퍼로지체'를 사용해보세요!freesentation.. 어도비 일러스트레이터 팬톤 컬러 스와치 유료화, 무료로 사용하기 [Adobe Illustrator Pantone Swatch] Adobe Illustrator Pantone Swatch어도비 일러스트레이터 팬톤 컬러 스와치무료 사용 팁 제품 디자인은 물론 다양한 인쇄물, 섬유 등 오프라인의 실물을 만들어내는 디자인 분야에서는 반드시 팬톤컬러칩을 사용하게 되는데요.예를 들어 제품 디자인을 할 때에는 양산에 필요한 CMF 사양서를 반드시 작성하게 되는데요. 이 때 사출 컬러를 지정하기 위해 팬톤 컬러를 대부분 사용하게 됩니다. 왜냐하면 디자이너들이 모니터로 보는 색상과 실제 오프라인 인쇄물의 색상에는 차이가 있기 때문입니다. 제품디자인 시 가장 많이 사용하는 어도비 일러스트레이터(Adobe Illustrator)의 메뉴에 컬러 스와치 라이브러리가 있는데요.라이브러이 안에 팬톤 뿐 아니라 다양한 컬러북이 포함되어 있어서 인쇄할.. 윤리적이고 책임감 있는(UX) 디자인 Ethical and responsible (UX) design — A reminderWhat’s that, why should you care and how is that not a major trend in 2022? 디자인 산업은 여전히 규제가 거의 없지만 일상 생활에서 디지털 제품이 널리 사용됨에 따라 디자이너가 고려해야 할 윤리적 고려 사항이 많이 있습니다. 온라인 공간은 윤리적으로 충전된 환경이며, 저는 개인적 으로 우리의 작업이 사용자에게 어떤 식으로든 해를 끼치지 않도록 하고 좋은 디자인과 나쁜 디자인의 차이를 아는 것이 우리의 책임이라고 믿습니다 . 그리고 여러 번, 우리는 디자인 프로세스가 이해 관계자와의 반복 및 협업이라는 것을 알고 있습니다. 책임이 공유되는 경우에도 누군가가.. 프로토타이핑에서의 Lo-fi vs hi-fi Low-fidelity vs high-fidelity Prototyping Fidelity는 설계의 충실도(혹은 정확도)를 의미하며 프로토타입에 포함된 디테일과 기능의 수준을 나타냅니다. Fidelity는 인터랙션, 비주얼, 컨텐츠 및 명령 등 기타 영역에서 다양할 수 있습니다. 우선 프로토타이핑은 아래 4가지정도로 구분이 가능합니다. 러프 스케치 스케치 화면 설계 관점: 와어어프레임(낮은 수준/중간/높은 수준의 화면 설계) 상호 작용 관점: 프로토타이핑(낮은 수준/중간/높은 수준) 더블 다이아몬드 방식으로 보면 첫번째 그림에는, 1. 러프 스케치, 2. 스케치, 3. 상황에 따라 와이어프레임(낮은 수준) > 아직 퍼소나 UX 컨셉, 방향성 도출되지 않은 단계에서는 와이어프레임보다는 스케치의 수준으로 .. UI 디자인 가이드 : Text fields ** 이 아티클은 제법 오래된 자료이긴 하지만, UI에서 가장 기본적으로 다뤄야 하는 텍스트 필드에 대한 설명이 디테일하게 설명되어있기에 공유합니다. Cheat sheet : Text fields 텍스트 필드는 사용자 입력의 방법 중 가장 많이 사용되는 한 가지 방법입니다. 로그인 페이지에서나 온라인으로 주문서를 입력하거나 그 외 다양한 정보를 보낼 때에 텍스트 필드를 주로 사용하게 됩니다. 이후 글에서 미리 결정된 텍스트 필(드롭다운과 같은)과 양식의 스타일링 방법을 살펴보겠지만 지금은 전통적이면서 간결한 텍스트 필드 및 스타일링 방법을 살펴보겠습니다. 이 페이지에 있는 내용은 다음과 같습니다. 텍스트 필드 해부 텍스트 필드 구조 일반적인 텍스트 필드 스타일 아이콘 텍스트 필드 상태 값 텍스트 필드 레.. Data Table 설계 가이드 [UI/UX] 효과적인 데이터 테이블 설계에 관한 가이드 데이터 테이블들은 크기, 복잡성, 내용 및 목적에 따라 다르게 사용됩니다. 사용 케이스와 관계없이 잘 설계된 모든 데이터 테이블은 제시된 정보를 명확하게 제공하고 사용자가 통찰력을 얻고 조치를 취할 수 있도록 지원합니다. 이 문서는 각 어플리케이션에서 더 나은 데이터 테이블을 설계하는데에 도움이 되는 모범 사례 모음입니다. 테이블 스타일(Table Style)과 테이블 기능(Table Functionality)의 두 섹션으로 나누어 설명합니다. Table Style 먼저, 테이블을 디자인하고 형식을 결정할 때에는 가독성을 우선시하고 시각적으로 산만할 수 있는 혼란을 주는 요소는 제거하는게 좋습니다. 1. Row Style(최상의 행 스타일) 테이블.. UI 디자인 가이드 : 입력 & 폼 좋은 입력 양식 설계를 위한 UI 디자인 지침서 효과적인 입력 폼을 설계할 수 있다는 것은 모든 UI 디자이너에게 있어 중요한 기술입니다. 모든 양식은 사용자의 회원 가입, 제품 구매, 피드백(리뷰) 제공, 이벤트 일정 수립, 세금 작성 또는 의료 기록 제공을 포함한 광범위한 목표를 달성하도록 돕습니다. 목표와 상관없이 모든 양식은 사용자가 빠르고 쉬우며 혼동 없이 완료할 수 있도록 신중하게 설계되어야 합니다. 잘 설계된 형태의 핵심은 입력입니다. 입력은 모든 라이브러리에서 가장 중요한 구성요소 중 하나이며 빠르고 정확한 양식 완성률을 보장하도록 주의하여 설계 및 유지 관리되어야 합니다. 본 가이드에서는 머터리얼 디자인(Material Design), 부트스트랩(Bootstrap) 및 Figma에 기반한.. 이전 1 다음
