최근 정식 릴리즈 된 애플 MacOS 최신 버전인 MacOS Big Sur(11.0.1)의 스큐어모픽 타입의 아이콘 패키지가 공유되었다. MacOS Big Sur의 교체 아이콘 패키지가 공유된 것은 MacOS 이전 버전 사용자들이 개별 또는 전체 아이콘을 교체하여 Big Sur의 분위기를 느낄 수 있도록 하기 위한 목적인 것으로 내다 보인다. macOSicons를 통해 공유되는 MacOS Big Sur 교체 아이콘 패키지는 1160개 .icns 파일로 구성되어 있으며, 전체 교체 아이콘 패키지를 다운로드하거나 사이트를 통해 개별 아이콘을 검색해서 교체할 수도 있도록 했다. 또한, Sketch , Figma , Illustrator 또는 Photoshop 템플릿을 사용하여 사용자가 자신 만의 아이콘을 만들..

Design Information/Design Resources 2020. 11. 16. 10:47

디자이너 및 일반인을 위한 활용도 높은 3500가지 이상의 플렉시블 아이콘 무료 다운로드 사이트인 Phoshor를 소개합니다.Phoshor는 인터페이스, 다이어그램, 프레젠테이션을 위한 유연한 아이콘 제품으로 누구나 무료로 사용할 수 있습니다. 6가지 가중치(Thin, Light, Regular, Bold, Fill, Duotone) 별 588종의 아이콘을 포함하고 있습니다. 가시성과 크게 확장할 수 있도록 16X16픽셀로 설계되어 있으며 스타일을 미세조정하기 위해 원시 획 정보를 유지하고 있습니다. 웹사이트에 개별 아이콘을 사용자화하여 직관적으로 조정하고 용도에 맞게 PNG, SVG 파일로 다운로드할 수 있고, SVG 포맷으로 복사해 넣을 수도 있도록 되어 있습니다.또한 아이콘 폰트(Icon Font)..

Design Information/Design Resources 2020. 10. 28. 09:56

전 세계 유명 브랜드 공식 컬러를 한눈에 살펴볼 수 있고 찾아서 손쉽게 활용할 수 있는 무료 웹 서비스 브랜드 컬러(Brand Colors)를 소개합니다. 브랜드 컬러(Brand Colors)는 공식 브랜드 색상 코드를 선별한 가장 큰 컬렉션으로 DesignBombs 에서 만들었습니다. 이 서비스의 목표는 자주 쓰이고 프로젝트에 필요한 브랜드 색상 코드에 대한 유용한 참조를 만드는 것이었습니다.Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts + 및 2백만 이상의 페이지 뷰에 의해 소개되었습니다. 현재 1600개 색상의 600개 이상의 브랜드가 있으며 컬렉션은 나날이 지속 성장하고 있습니다. 검색을 통해 원하는 브랜드 컬러를 쉽고 빠르게 찾을 수 있으며, 링..

Design Information/Design Resources 2020. 10. 7. 10:34

15 가지 최고의 이미지 파일 형식, 유형별 사용 사례 및 장점과 단점을 일목요연하게 정리한 아주 유익한 자료를 소개하려고 합니다. 올바른 이미지 파일 유형과 형식을 선택하는 것은 사소한 결정처럼 보일 수 있습니다. 그러나 인간은 시각적인 생물이며 이미지는 온라인 경험의 필수적인 부분입니다.대부분의 페이지와 기사는 스크린 샷과 이미지를 사용하여 텍스트 콘텐츠를 풍부하게 합니다. 실제로 웹 사이트의 약 8% 만이 시각적 콘텐츠를 포함하지 않습니다.안타깝게도 많은 웹 사이트 소유자는 여전히 다양한 사용 사례에 대해 선택할 이미지 파일 유형을 이해하지 못하고 있습니다. 그 결과 그들은 결국 자신의 사이트 로딩 속도를 늦추고 자신의 이미지가 가장 적합한 형식을 사용할 수도 없고 최적화되지도 않았습니다.이 기사에..

Design Information/Design Resources 2020. 10. 6. 16:59

내비게이션(탐색) 메뉴는 가장 많이 보고 가장 많이 클릭하는 인터페이스(UI) 중 하나다. 사용자에게 더 나은 경험을 제공하는 데 도움이 될 내비게이션 디자인의 몇 가지 원칙을 살펴 보자. 1) 배치 문제 웹은 내비게이션이 배치되는 위치(맨 위, 왼쪽 또는 바닥 글)에 대한 명확한 패턴을 개발했다. 메뉴가 이 영역 밖에 배치되면 어색하고 혼란스럽고 찾기가 어렵다. 2) 메뉴가 어디에 있는지 보여준다 사용자의 현재 위치를 명확하게 전달한다. 아래의 것과 같은 여러 단서를 사용하여 방향을 잡는 데 도움이 된다. 사용자는 자신이 어디에 있는지 궁금해 할 필요가 없다. 3) 메가 메뉴 vs. 드롭 다운 연구에 따르면 메가 메뉴는 모든 것을 한눈에 보여주고, 이미지를 활용하고, 더 나은 그룹화를 허용하고, 더 매..

Design Information/Design Resources 2020. 9. 14. 11:54

소셜 미디어를 활용한 마케팅이 나날이 비중이 커지고 있는 가운데 다양한 소셜 미디어가 등장하고 이어 지속적인 리뉴얼을 통해 영역별 이미지 크기가 변화하고 있다.시각적인 콘텐츠가 주목도가 높은 것은 누구나 공감하고 있고 규격에 맞는 최적의 이미지 사이즈가 해당 콘텐츠를 가장 돋보이게 보여 준다는 사실도 익히 알고 있다.다변화를 꾀하는 소셜 네트워크 서비스들의 최적화 이미지 사이즈를 알고 가장 효과적인 콘텐츠를 만들 수 있도록 아래 소셜 미디어별 이미지 인포그래픽을 활용해 보길 바란다.2020 소셜 미디어 최적의 이미지 사이즈 인포그래픽은 페이스북, 트위터, 핀터레스트, 인스타그램, 링크드인, 유튜브 등 대표적인 소셜 미디어 6종의 영역별 모든 이미지에 대해 최적화 사이즈를 제시하고 있다.

Design Information/Design Resources 2020. 7. 7. 16:52

UX와 UI는 자주 상호 교환적으로 사용되지만 실제로 매우 다른 두 가지 용어입니다. 그 차이점을 쉽게 구분하지 못하는 경우를 종종 실무에서 마주하게 됩니다. 오늘 한 장의 인포그래픽을 통해 UX와 UI가 어떤 차이점을 가지고 있는지 한 눈에 살펴보고 앞으로 쉽게 구분할 수 있기를 바랍니다.UX와 UI에 대해 용어적 정의, 핵심 요소 기준 차이점 그리고 UX 디자인과 UI 디자인의 작동 방식과 직업으로써 어느 쪽이 더 나은지에 대한 자세한 내용은 다음 글을 통해서 소개하도록 하겠습니다.

Design Information/Design Resources 2020. 7. 1. 11:13

우리의 일상에서 매일 보고 자주 사용하는 가장 일반적인 아이콘 8가지에 대한 흥미로운 비하인드 스토리를 소개한다.우리 주변에는 당연한 것으로 여겨지는 상징 또는 아이콘들이 있다. 그것들의 의미를 잘 알고 매일 사용하지만 그 의미에 대해서는 질문하거나 궁금해하지 않는다. 고전압을 나타내는 번개 또는 재료가 가연성임을 나타내는 불꽃 등 사용하는 등 상당히 명백한 기원을 가지고 있는 것도 있지만 그러하지 않은 것도 있다.선이 있는 'S'가 왜 미국 달러를 나타내고 수직선과 두 개의 각진 선을 포함하는 원이 평화를 의미하는지 여기서 우리는 8개의 일상 상징(아이콘)의 기원이 어디서 시작되었는지 매혹적인 비하인드 스토리를 추적해 보자. 01. 전원(power) 아이콘 글로벌화 된 전자 제품의 유통 덕분에 기술에 ..

Design Information/Design Resources 2020. 1. 22. 18:00