로렘 픽숨(Lorem Picsum)은 이미지를 활용하는 자리 표시자로 웹디자인 시안 기획 시 또는 웹, 모바일 UI 디자인 등에서 활용할 수 있는 유용한 기능이다.최종 확정되지 않은 이미지 영역을 설명하기 위해 이미지 표시자를 설정하고 빈 공간을 보여주는 대신 임의의 이미지를 규격에 맞게 불러와 보여 주기 위해 사용자 정의할 수 있는 방법이다. 사용 방법은 다음과 같다. URL 뒤에 원하는 이미지 크기(가로 및 세로)를 추가하면 임의의 이미지가 표시된다.예시) https://picsum.photos/200/300 정사각형 이미지를 얻으려면 크기를 추가한다.예시) https://picsum.photos/200 특정 이미지(Specific Image) [/id/{image}] | URL의 시작 부분에 추가하..

Design Information/Design Resources 2019. 5. 25. 15:05

5월이지만 초여름 같은 날씨가 연일 계속되면서 휴대용 미니 선풍기를 찾는 사람들이 늘고 있는 가운데 최근 아트뮤코리아가 휴대 가능한 탁상용 미니 선풍기를 출시했다. 아트뮤 휴대용 탁상용 미니 선풍기는 애플의 감성을 품고 있다. 세련된 미니멀 디자인은 물론 군더더기 없는 깔끔한 마감처리로 소비자의 시선을 사로잡아 데스크테리어로 안성맞춤이다. 앙증맞은 사이즈의 탁상용 미니 선풍기여서 나홀로족(혼족, 싱글족), 펫팸족, 캠핑족들을 위한 머스트해브 아이템으로 인기가 높을 것으로 보인다. 6인치 팬이 장착된 탁상용 미니 선풍기는 항공 역학적 구조로 설계하여 바람의 직진성을 향상시키고, 퍼지는 바람을 중앙으로 모아 먼 곳까지 시원한 바람을 선사하는 3엽 안전날개로 제작되었다. 팬 청소가 편리하게 안전망 분리 디자인..

Digital News/Review and Column 2019. 5. 23. 12:22

"지금까지 이런 무료 아이콘(Icon) 시스템 패키지는 없었다. 이것은 아이콘 세트인가, 디자인 소스인가?" 리믹스 아이콘(Remix Icon)은 디자이너와 개발자를 위해 정교하게 제작된 오픈 소스 중립 스타일 시스템 아이콘 세트입니다. 도네이션은 하실 수 있지만 무료로 개인용 및 상업용으로 사용할 수 있습니다. 14개 카테고리 총 1441개 아이콘은 모두 심플하면서 정교하게 제작되어 가독성, 일관성 및 완성도 높은 픽셀(Pixel)의 유전자를 갖고 탄생되었습니다. 각 아이콘은 24x24 그리드(Grid)를 기반으로 한 외곽선(Outline) 및 채우기(Fill) 스타일로 디자인 되었습니다. 웹폰트, 파워포인트, 키노트용 편집 가능한 아이콘도 제공 더욱 놀라운 것은 1441개 개별 아이콘을 SVG 포맷으..

Design Information/Design Resources 2019. 4. 19. 19:54

디지털화의 끊임없는 성장은 지금에 머물러 있으며 2019년은 그다지 다르지 않을 것입니다. 올해는 사용자의 관심을 끌고 기업의 경쟁력 유지에 도움이 되는 몇 가지 웹 사이트 디자인 트렌드가 예상됩니다. 예전처럼 미학과 기술의 통합이 더 커질 것입니다. 2019년을 정의할 웹 디자인 트렌드(Web Design Trends)에 대해 알아보겠습니다. 망가진 그리드와 비대칭 레이아웃(Broken grids and asymmetrical layouts) 그리드 기반 디자인이 지금까지 룰이 되어 자리를 지키고 있었다면, 2019년의 웹 디자인은 박스 외부를 바라보고 경계를 넓히는 것에 관한 될 것입니다. 즉, 웹 디자이너는 비대칭 패턴을 배치하여 표준 템플릿에서 벗어나려고 합니다. 여기에는 특이한 게재 위치, 텍스..

Design News/Design Trend 2019. 4. 19. 13:09

매주 업데이트되는 현대적인 스타일의 고품질 일러스트를 무료로 사용할 수 있는 아주 유익한 일러스트 갤러리 서비스가 등장했다. 일러스트레이션 갤러리는 로열티가 없는 프로젝트 삽화 모음 사이트다. 매주 업데이트되는 현대적인 스타일의 세련된 고품질 일러스트는 개인과 업무용으로 사용하기 좋다. 일러스트레이션 갤러리의 고품질 일러스트 자료들은 디자이너의 프로젝트에 많은 도움을 줄 것으로 보인다. 웹페이지, 블로그 게시물, 이메일 뉴스 레터, 소셜 미디어, 그래픽 등 상업적 또는 비상업적인 방식으로 사용할 수 있다. 좀 더 디테일한 라이선스 범위는 링크를 참조하면 된다. (라이선스 자세히 보기) 참고로 일러스트레이션 갤러리 서비스를 제공하는 ManyPixels은 구독 방식의 주문형 디자인 아웃소싱 서비스업체다. 월..

Design Information/Design Resources 2019. 4. 18. 19:06

CSS 코딩 실력(Coding Skill)을 향상하는데 학습적인 방식보다 게임적인 요소가 가미되면 효과가 좋지 않을까 싶다. 최근 CSS 코딩 스킬을 게임 방식을 통해 테스트해볼 수 있는 배틀 방식의 CSS Battle 등장해 개발자와 웹퍼블리셔들의 흥미를 유발하고 있다. CSS Battle은 CSS 스킬을 사용하여 최소한의 코드(Code)로 주어진 대상 이미지를 복제하기 위해 HTML/CSS를 작성하는 것을 목표로 한다. 대상 페이지에서 왼쪽의 편집기 영역에서 코딩을 시작하면 된다. 코드 입력을 시작하면 중간의 출력 영역이 코드 렌더링을 실시간으로 보여준다. 결과물이 우측 목표 이미지와 일치한다고 확신하면 제출 버튼을 눌러 점수를 확인하면 된다. 참고로 CSS Battle이기 때문에 코드에서 JavaS..

Design Information/HTML5 and CSS3 2019. 4. 18. 17:03

지금까지 사용해 본 전체 페이지 화면 캡처 도구 중 PDF와 이미지로 다운로드를 지원하는 가장 만족도 높고 퍼펙트한 전체 페이지 스크린 캡처 도구 'Full Page Screen Capture'를 소개한다. 물론 이미 사용하고 있는 사람도 많겠지만 지금까지 몰랐거나, 수고스럽게도 한 화면씩 스크린 캡쳐를 한 다음 포토샵이나 이미지 편집 툴을 이용해 이어 붙이기를 한 다음 활용했던 분들에겐 강력 추천 전체 화면 캡처 도구다. 화면 캡쳐, 스크린 캡처 특히 전체 페이지 스크린 캡처는 PPT, 서비스 소개, 강연, 인포그래픽, 회사 소개서 등 다양한 자료를 완성도 높게 만들 때 아주 유용하게 쓰인다. 그러한 까닭에 스크린 캡처 도구는 필수 유틸티리 중 하나다. 전체 페이지 스크린 캡쳐 Full Page Scr..

Digital News/Gadget and Apps 2019. 4. 16. 18:20

브랜드는 기업의 경쟁력을 갖게 한다. 잘 구축된 브랜드 자산들을 관리하는 일은 기업의 경쟁 우위를 확보하고 유지하는 데 결정적 역할을 한다. 이런 까닭에 유명 브랜드 기업은 물론 일반 기업들도 자사의 브랜드 오용과 브랜드 이미지 실추를 방지하기 위해 온.오프라인을 통해 브랜드 자산 가이드라인을 공개하고 철저한 유지관리를 해오고 있다. 디자이너는 디자인 프로젝트에서, 일반인은 사업 제안서를 준비하는 과정에서 파트너사 또는 서비스.기술을 설명하는 과정에서 주요 브랜드 자산을 활용하는 경우가 많다. 하지만 제대로 된 브랜드 자산을 하나씩 직접 찾아내는 절차가 다소 복잡하고 번거로울 때가 많다. 가장 활용도가 높은 브랜드 자산은 글로벌 유명 브랜드와 소셜 네트워크 서비스 회사의 브랜드다. 이 글을 통해 소개하는..

Design News/Brand Marketing 2019. 4. 15. 10:30